Novo Lay + Efeito Outline

Olá gente linda ^3^ Como vocês estão amors? Eu estou bem, e espero que vocês também .

Sim, eu alterei o layout , agora está azulzinho e lilás, achei uma gracinha. Fui atrás desse layout quando acessei o blog Candy Girl Jujuba , foi a partir dali que comecei a me interessar nesse layout. Procurei pacas e consegui encontrar ^3^ , bom, trago também o efeito outline, é como se fosse essa "linha" pela imagem, como se fosse uma moldura; tenho esse efeito aqui no blog no gadget "Extras" . Vocês podem visualizar aqui {♥}. Vamos para o que interessa? Clique em "mais informações" ~

Bom, é bem fácil. Vá no HTML do seu blog (Modelo > Editar HTML) e procure por ]]skin, assim que achar a tag , cole isso acima dela :

/*Efeito opacity outline by gnmh*/ .opacidade2{background: #D4CDDB; border: 1px solid #C8BFD1; box-shadow: inset 1px 1px 0px #E6E4E8;opacity: 0.6; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;outline: 1px solid #A799BC;outline-offset: -5px; -webkit-transition:all 1s; box-shadow: inset 0 0 6px #DFC7E6, 0px 1px 1px #D7BCE0;} .opacidade2:hover{-webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; opacity: 1;outline: 1px solid #fff; outline-offset: -60px;background:#D9CEE3;border: solid 1px #C5B9C8;box-shadow: inset 0 0 6px #D4E3E8, 0px 1px 1px #D4E3E8;}

Visualize, se estiver tudo certinho salve.
- Para utilizar esse efeito, crie um gadget HTML/JS e cole isso lá :

<a href="LINK"target="blank" title="NOME"><img src="IMAGEM"class = "opacidade2" /></a>

É isso, aí. Esse tutorial é so blog Garota no Mundo HTML (www) ♥ Gostaram? Espero que sim ♥
Beijinhos de Açucar ^3^