Hello people, como
vão? Eu estou bem de saúde, mas triste por minha internet não voltado ainda
estou usando o computador da minha mãe. Então vocês reparam que eu não estava
postando esses dias e graças a Lorena o blog não ficou desatualizado, então muito obrigada Lô e desculpe por ter jogado
tudo na sua costa.
Eu sei que isso não
interessa pra vocês, mas vou explicar porque de eu não está postando:
No domingo a manhã inteirinha, ficamos sem energia quando voltou à primeira coisa que fiz foi postar e depois disso comecei a responder e retribuir comentários. Na parte da tarde começou a chover forte e trovoar então desliguei o computador e logo depois que puxei da tomada deu relâmpago muito forte que clareou tudo, ouvimos uma forte explosão. Nesse momento pensei que ia morrer. No dia seguinte fomos saber que esse relâmpago tinha atingido a torre onde fica a antena da operadora TIM, da caixa, da repetidora e também da internet.
Então gente não
brinque no momento desses, pois é azar e sorte daqueles que foram atingidos por
um raio e não morreram, mas isso é raro.
Mas vamos ao que
interessa:
Hoje trouxe um efeito
bem legal com um nome bem engraçado Efeito
Comida, eu encontrei ele no blog Gliter ♥ Lovely, procurei pelo verdadeiro
dono, mas não achei.
Primeiro vá em Modelo>> Editar HTML>> Aperte Ctrl+F
e procure por:
]]></b:skin>
E cole sobre esse o
seguinte código:
#comida a img{
width:auto;
height:auto;
display:inline;
margin-right:2px;
margin-left:1px;
margin-top:1px;
margin-bottom:1px;
padding: 3px;
background: #ffe8ed;
border: 1px solid #ffd1dc;
outline: solid 1px #fff;
outline-offset: -5px;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#comida a:hover img{
outline: solid 3px transparent;
opacity: 0.5;
outline-offset: -20px;
}
Mude onde está em negrito e itálico. Salve!
Agora vá em Layout>> Adicionar um Gadget>> HTML/JavaScript
e cole esse código:
<div id="comida">
<center>
<a href="LINK" title="TITULO"> <img src="LINK DA IMAGEM" /></a>
<a href="LINK" title="TITULO"> <img src=" LINK DA IMAGEM " /></a>
<a href="LINK" title="TITULO"> <img src=" LINK DA IMAGEM " /></a>
</center>
</div>
Mude onde está em negrito.
Se quiser que apareça mais
é só copiar essa parte:
<a href="LINK" title="TITULO"> <img src=" LINK DA IMAGEM " /></a>
E colar abaixo dos outros.
Pronto! Agora é só salvar.
Espero que gostem!!!