criei um we♥it + efeito nebulla tutorial

oi gente como vocês vem no titulo eu criei um we♥it (http://weheartit.com/Felipe_Mota) e estou gostando muito por que la tem muitas imagens que eu possa usar para post tipo essa ai em sima eu achei lá e editei no photoscape.Ficou legal?bom agora mudando de assunto hoje vim ensinar vocês a fazer um efeito para autores é o efeito nebulla fica muito legal querem ver como é?olhem aqui

Gostaram? lembrem-se ele não fica assim piscando quando voce passa o mouse sobe um negossio com seu nome,é que eu não consegui printa na hora...

vamos ao tuto?

vá ao seu html aperte F3 e na caixinha que aparecer procure:]]></b:skin> acima dessa tag cole o seguinte:

figure {    margin: 3px;    width: LARGURApx;    height: ALTURApx;    overflow: hidden;    position: relative;    border: 3px solid #CORDABORDA;    margin-right: 3px;    float: left;}figcaption {    font-family: verdana;    font-size: 11px;    position: absolute;    display: block;    width: 111px;    height: 20px;    left: 267px; bottom: 6px; text-align: center; color: #CORDAFONTE;    text-shadow: none; background: url(http://i1234.photobucket.com/albums/ff411/SweetLG/78-1.png); border: 3px solid #CORDABORDADAFAIXA; line-height: 20px;    box-shadow: rgba(0,0,0,.5) 0 2px 8px; -webkit-transform: rotate(-45deg);    -moz-transform: rotate(-45deg);    -o-transform: rotate(-45deg); transition-duration: 60s; -webkit-transition-duration: .60s;}figure:hover figcaption { left: 35px;bottom: 10px;}

 

onde está a altura e a largura coloque nos dois 180px se não vai ter que trocar o left e button da faixa depois que já tiver editado tudo vá em  adicionar gadgued>HTML/javascript,e cole 

<a href="SEULINK"><figure><img src="LINKDAFOTO" width="LARGURADAFOTO" alt=""/>
<figcaption>NOME</figcaption>
</figure></a>

edite os codigos e pronto,pode usar...