Efecto Zoom para autores del blog

Hola hola chicas!!  Pss hace tiempo quería preguntar...... les gusta el nuevo diseño?? ahh bueno lo cambie no se porque es que siempre ver lo mismo aveces aburre pero bueno.

Hoy les traigo un tuto de como poner la descripcion del autor del blog dentro de una imagen!! se preguntaran como pss mira en ejemplo en mi blog de pruebas ^.^

Ok si les gusta, empecemos:
Ve a Plantilla  Edicion del HTML Busca:

 ]]></b:skin

Luego encima del codigo buscado anteriormente pegamos el siguiente codigo:

#zooming {
width:110px;
height:110px;
display: inline-block;
position:relative;
}
#zooming img {
position:absolute;
width:110px;
height:110px;
-webkit-transition-duration: .80s;
}
#zooming:hover img{
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
opacity:0.3;
-webkit-transition-duration: .70s;
}
.zoomingout {
float:center;
width:110px;
height:110px;
border: 2px solid #e4a2c7;
overflow:hidden;
-webkit-transition-duration: .59s;
}
.zoomingout:hover {
float:center;
width:110px;height:110px;
border: 2px solid #e377b4;
overflow:hidden;
-webkit-transition-duration: .59s;
}
#palavras a.header {
width:110px;
height:110px;
margin-left:-1px;
opacity:1;
margin-top:-0px;
padding:4px;
text-align: center;
color:#bb4487;
font-size: 10px;
padding: 5px 2px 10px 2px ;
}
#palavras {
width:110px;
height:110px;
margin-left:-1px;
opacity:1;
margin-top:-0px;
padding:4px;
text-align: center;
color:#434343;
font-size: 10px;
padding: 5px 2px 10px 2px ;
}

Damos vista previa que todo este bien y guardamos.

Luego se van a agregar un gadget de HTML/JavaScript y pegan el siguiente codigo:

<div id="zooming" class="zoomingout"><img src="Link de tu imagen" class="image4" />
<div id="palavras"><a href="link" class="header">Texto color rojo</a>
<br />
El texto de tus datos</div></div>

Le das a vista previa y a guardar!! y eso seria todo

Super Junior gira por Latinoamerica [INFO]

Hola ELF ...... Psss si eres ELF  de corazOn!! este es tu Post :D

Como sabrás SUJU  empezo su gira por Latinoamerica!! Lo cual es genial..... Lo importante aqui es, que ya se saben todos los paises que visitaran, y YO traigo  un listado de esos paises :D

Brasil

Chile

Colombia

Costa Rica

Peru

Venezuela

Argentina

Estoy reecontenta!! nunk eh estado tan feliz !!  por fin k-pop en mi pais... por mas que brinco y salto no lo puedo creer!! aki el video donde se confirma :D

Lo unico que esperOo! es que a ultima hora, no manden todo a la vershh  y nos dejen sin conciertO ..... por que donde eso llegue a pasar!!  me va a dar un ataque :'(


me encanto este gift!! esta hermozo... se los dejo para que  se lo lleven :D

~ADIOSITO~

Menu de cabecera

Hola chicas!! Antes de empezar con la entrada queria decirles que yo pertenezco a un grupo en facebook Mundo Sweetwork y tenemos un blog: hay les dejo el boton..

Espero se unan, tratamos bien a todas las nuevas, es verdad si, estamos medias lokas pero ya que, este grupo es un grupo a lo bien, la pasaras reebien..

Ahora si.

Lo que les traigo es esto....:

Lo unico que tienen que hacer es:

-Ir a diseño

-Agregar un gadget HTML/JavaScrip

-Pegar el siguiente codigo:

<style>
.hyosung{
width:100%;
background:url(http://i.imgur.com/bbipa.png);
border-bottom:5px solid #FFEEEE;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;}
a.jieun{
background:#FFEEEE;
text-decoration:none;
color:#FFBBBB;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:60px;}
a.jieun:hover{background:#FFBBBB;
color:#fff;
</style>
<div class="hyosung">
<a class="jieun" href="LINK">ABOUT</a>
<a class="jieun" href="LINK">TUTO</a>
<a class="jieun" href="LINK">LINKIES</a>
<a class="jieun" href="LINK">FREEBIES</a>
<a class="jieun" href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">FOLLOW</a></div>

ADIOS.

crediitos:   wanaseoby