♥ Como não amar a diva Shin Hye? ♥
Antes de tudo, peço que se usarem ele mude somente o autorizado, não reblogue, não faça plágio e dê os devidos créditos a mim ou a meu blog! Agora sim, se compreenderem isso, vamos aprende-lo.
Primeiro de tudo, vocês vão em Modelo -> Editar HTML -> Click dentro de campo de códigos e dê Ctrl+F -> Pesquise por: ]]></b:skin> e antes dele cole este código abaixo:
@-webkit-keyframes efeito-bown {OBS: Para entendermos melhor os códigos, foram usados:
0% {-webkit-transform: rotate(-6deg); }
25% {-webkit-transform: rotate(4deg); }
50% {-webkit-transform: rotate(-5deg); }
}
@-moz-keyframes efeito-bown {
0% {-moz-transform: rotate(-6deg); }
25% {-moz-transform: rotate(4deg); }
50% {-moz-transform: rotate(-5deg); }
}
.efeito-bown {
outline-offset: -3px;
outline: 1px dashed #9ecea2;
-webkit-filter: grayscale(100%);
-webkit-transition: 0.70s;
box-shadow: 0px 0px 4px #9ecea2;
opacity: 0.8;
}
.efeito-bown:hover {
-webkit-filter: grayscale(0%);
-webkit-animation: efeito-bown .7s alternate infinite linear;
opacity: 1.0;
}
Rotate: Efeito usado para o toque de movimento giratório.
Outline: Borda interna.
Gayscale: Efeito Preto&Branco.
Opacity: Opacidade da imagem.
Transition: Transição, tempo, duração de um efeito para outro (
Agora vão em Layout -> Adicionar um gadget -> HTML/JavaScript e cole o código abaixo:
<center>
<a href="LINK" title="NOME DO BLOG"><img class="efeito-bown" src="http://i.imgur.com/EYawycr.png" /></a>
<a href="LINK" title="NOME DO BLOG"><img class="efeito-bown" src="http://i.imgur.com/EYawycr.png" /></a>
<a href="LINK" title="NOME DO BLOG"><img class="efeito-bown" src="http://i.imgur.com/EYawycr.png" /></a>
<a href="LINK" title="NOME DO BLOG"><img class="efeito-bown" src="http://i.imgur.com/EYawycr.png" /></a>
<a href="LINK" title="NOME DO BLOG"><img class="efeito-bown" src="http://i.imgur.com/EYawycr.png" /></a>
</center>
OBS: Para entendermos melhor os códigos, foram usados:
Link: O url do blog ou link direcionado.
Nome do blog: Texto que você quer que apareça na tooltip ou nome do blog/link.
Caso queira trocar a imagem, onde está grifado de negrito, troque pelo o url da sua imagem.
Então é isso por hoje amoras, espero que tenham gostado e entendido, fiquem com Deus e xoxo.
A qe ola carol szsz
ResponderExcluirO EFEITO ESTÁ UMA PERFEIÇÃO Q DIWO SZ
TALVEZ EU USE EM UM LAY MEU
caps pra seduzir qe
kisses ~~ http://s-evendays.blogspot.com.br/
Oee Nagaswa que bom que gostou vagaba -q espero que use mesmo amora! Visitarei seu blog ♡ xoxo ♡.
ExcluirO efeito ficou lindo e ficou um amor *3* adorei, mesmo ♥
ResponderExcluirBeijos <3
Henndrauhl | visite!
Também achei Thai, afinal, é o meu primeiro deste modo heuheue, fico feliz por isso! Visitarei seu blog ♡ xoxo ♡.
ExcluirAchei esse menu super fofinho!
ResponderExcluirBem que você podia fazer um layout free de previews né? Tipo esse seu!
|| d i a m o n d s o n g a l a x y ||
Que bom que gostou Jéssica, adorei está ideia, provavelmente farei sim ^3^ visitarei, ♡ xoxo ♡.
Excluirque efeito lindo é esse? <3
ResponderExcluirhttp://thesweetmomentts.blogspot.com.br/
Obrigada Laís, fico muito feliz por ter gostado amora. Visitarei seu blog, xoxo.
ExcluirQue efeito fofo <3 (Amei o Layout do Blog de preview <3 Tu é diva <3).
ResponderExcluirRespondendo suas perguntas do meu Blog:
Não sei o nome do efeito do menu-topo ;^; Não fui eu quem fiz o Layout, é um skin do Blogskins. E o efeito de abrir a página sem carregar também não sei. Só sei que para utilizar esse efeito é preciso reverter o modelo do HTML do Blogger para o modelo clássico.
>> b-rasiaticos.blogspot.com.br/
- C h u ~
Fico feliz por ter gostado Rafa, que bom que gostou do layout heuehu pois é, vou ter que procurar mais um pouco mais obrigada. Visitarei seu blog, xoxo.
ExcluirLovely post
ResponderExcluirlove your blog
would you like to follow each other ?
I'll follow back after It
Www.miharujulie.com
Thanks Miharu to good.
Excluir♥♥ I'm glad for that! ♥♥
I'm following because we loved the content, expect to be thanked, xoxo.