Moving Status Texto detrás de la imagen

Bonjour mon blogueritas~

como es normal a veces en mi no saber que titulo colocar,este fue el unico que se me ocurrio *si es verdad ando con mi mente ya en blanco xD * vuelvo al tema,les traigo un nuevo tutorial y bien facilito,espero les gusten! 

 esto es lo que haremos.

al poner la flechita arriba de la imagen esta se movera

 para mostrar nuestro status o lo que quieras poner

Empezemos:

❤ Panel de Control →Modificar Plantilla→ Html 
❤ Ctrl + F o F3 para buscar ]]></b:skin>
❤ y antes del ]]></b:skin> pega el siguiente codigo

.frog{width:200px;display: inline-block;overflow:hidden;}.duck{width:200px;padding-top:5px;display: inline-block;text-align:center;}.pic{width:200px;}#comic{margin-left:-200px;-webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out;}#comic:hover{margin-left:0px;}

Luego:

❤ Añadiremos un gadget Html/Javascript 

❤allí pegaremos el siguiente código

<table><tr><td><div class="frog"><table border="0" cellpadding="0" cellspacing="0" id="comic"><tr><td><div class="duck">text </div></td><td><img class="pic"src="img"/></td></tr></table></div></td></tr></table>

❤Aqui el texto que colocaras

❤el link de la imagen

y como siempre eso seria todo

sayo~