Efeito Caixa para moderadoras

Oi amores, vou ficar um tempo sem postar e quem vai postar vai ser a Rafa está bem? beijos e irei sentir saudades =(

Estou conhecendo cada tumblr's lindos e vim passar um pouco deles para vocês , mas sempre creditando é claro. Hoje os créditos vai para a Html Freaks , o tutorial foi feito por ela e adaptado por mim para blogs. Veja o resultado lindo e o tutorial em leia mais.

Resultado do efeito

Imagem da html freaks

Vá em Design >> Editar HTML , aperte Ctrl+F e pesquise pela tag:  ]]></b:skin>
 Em cima dessa tag cole o código abaixo:

letram {font-family: Yanone Kaffeesatz; color:#999; font-size:20px;margin-top:-20px; }
.mods {background-color: #eee;padding-bottom: 5px;padding-top:2px; border-radius: 4px;opacity: 0.8;margin-bottom:3px;}
.fotita {margin-bottom: 3px;margin-top: 3px;margin-left: 3px; border-radius: 2px;opacity:1;}

Agora vá em Elementos da página >> adicionar um gadget e adicione o HTML/JavaScript e cole o código abaixo e faça as alterações indicadas.

<div class="mods">
<img src="IMAGEMMM" width="35px" align="left" class="fotita"><center><letram>NOMEEE</letram><br>
<A href="http://URL.tumblr.com/">NOME DO TUMBLR</a></center>
</div>