Descrição em Hover.

 Por: Lalalalala    09:05  efeitos, goodies, tutorial   1 Comentario

Oi amores, hoje estou muito triste o ator Philip Hoffman faleceu ontem em seu apartamento. Pra quem não sabe ele é Plutarch Heavensbee no filme Em chamas, estou realmente muito triste, pois sou tributo e grande admiradora dele. _|||_

Vamos deixar de tristeza agora e vamos falar do tutorial. Bom esse tutorial foi postando pela Ana Paula, umas das moderadoras do blog Kawaii World, o codigo original é do Css and html. 

Preview (www)

Vá em modelo/ editar html  e procure por ]]></b:skin>

acima dessa tag cole 

#photo{background:url(http://static.tumblr.com/frmjfs3/0Qkm7jcyc/shay.png);width:291;height:400px; border: solid 5px #c50f39;} .desc{width: 281px; height: 15px; display: inline-block; background: #000; opacity: 0.6; color: #999; -webkit-transition-duration: .90s; margin-top: -0px; overflow: hidden; position: absolut;padding:5px; text-align: justify; } .desc:hover{height: 390px; margin-top: -0px;}

Depois salve e vá em layout, crie um gadget html/javascript e cole

<div id="photo"> <div class="desc"><center>{Title}</center><br><br> SUA DESCRIÇÃO OU OQUE QUER QUE APAREÇA AQUI :) SUA DESCRIÇÃO OU OQUE QUER QUE APAREÇA AQUI :) SUA DESCRIÇÃO OU OQUE QUER QUE APAREÇA AQUI :) SUA DESCRIÇÃO OU OQUE QUER QUE APAREÇA AQUI :) <br><br><br> </div></div>

 Pronto, agora é só colocar a frase que quiser.