Ainw' >.<'
~Boa tarde...
Tudo bem??
Finalmente consegui postar aqui no blog!! Eu estava totalmente sem tempo...
Bem, mas para "recompensar" hoje eu trouxe 2 tutos, é o efeito giratório que tem 2 modos de ser usado:
Com uma imagem, que gira e mostra o nome do blog na tooltip;
Igual ao do SM, que aparece a sigla do blog afiliado...
Quer aprender a fazer??
1º - Efeito Giratório com Imagem
Vá em "Modelo" >> "Editar HTML" >> Aperte Ctrl F ou F3 e proucre por:
Créditos: Kawaii World
Imagens:
Créditos: Kawaii World
Vá em "Modelo" >> "Editar HTML" >> Aperte Ctrl F ou F3 e proucre por:
Agora vá no layout de seu blog e adicione um gadget "HTML/JavaScript" e cole este código:
Pronto, é só alterar novamente o que está negritado e salvar!!
Créditos: Pequena Garota
Bem pessoal, é isso! Espero que tenham gostado ^^
Vá em "Modelo" >> "Editar HTML" >> Aperte Ctrl F ou F3 e proucre por:
]]></b:skin>
Acima desta tag cole o seguinte código
.elite{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width:auto; -webkit-transition-duration: 1.20s;box-shadow: 2px 1px 2px #909090;}.elite:hover{-webkit-transform: rotate(360deg);}
Salve. Agora vá no layout de seu blog e adicione um gadget "HTML/JavaScript" e cole este código:
<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>Edite as partes destacadas de azul.
Créditos: Kawaii World
Imagens:
Créditos: Kawaii World
2º - Efeito Giratório com Sigla
Vá em "Modelo" >> "Editar HTML" >> Aperte Ctrl F ou F3 e proucre por:
]]></b:skin>
Acima desta tag cole o seguinte código
afiliado{Altere todas as partes em negrito
font-size:14px; /* tamanho da letra */
padding:5px;
width: 30px; /* largura, recomendo que não mudem */
display: inline-block;
height: 23px; /* altura, recomendo que não mudem */
font-family: arial; /* fonte */
text-align:center;
color: #fff; /* cor da letra */
text-shadow: 0px 1px 0px #6666;
background: #00bfff; /* cor do fundo */
text-transform: uppercase;
-moz-border-radius: 100%; /* bordas arredondadas */
-webkit-border-radius: 100%; /* bordas arredondadas */
border-radius: 100%; /* bordas arredondadas */
margin: 5px;
padding-top: 12px;
-webkit-transition: 0.7s ease-out;
float: left;
-moz-transition: 0.7s ease-out;
transition: 0.7s ease-out;
}
afiliado:hover{
background: #ff69b4; /* cor do fundo quando hover */
-webkit-transform: rotate(-360deg); /* rotação */
-moz-transform: rotate(-360deg); /* rotação */
}
Agora vá no layout de seu blog e adicione um gadget "HTML/JavaScript" e cole este código:
<a href="LINK DO BLOG"><afiliado>SIGLA</afiliado></a>
Créditos: Pequena Garota
Bem pessoal, é isso! Espero que tenham gostado ^^
Kissus~
Awn, que tutorial fofo! Adorei o post, o efeito fica lindo!
ResponderExcluirBeijos,
sonhosde-primavera.blogspot.com.br // mudamos de nome, url e layout!
Que bom que você gostou do tuto Flor!
ResponderExcluirAdorei o novo nome, e o novo lay do seu blog! ^^
Kissus~
Adorei! Usei mas só funcionou no meu blog de testes (bagunçado)>> testes-do-cc.blogspot.com.br
ResponderExcluirMas no meu blog não > cherrycupcakesz.blogspot.com.br
Mas é a vida né?
Bjs,
(fiz com o efeito sigla)
ExcluirÉ que depende do modelo que você usa, acho que só funciona no Travel...
ResponderExcluirOu é um erro mesmo!
Kissus~
Amei os Tutos. :3
ResponderExcluirAs Imagens também são bem fofas! ( Além de amar Bob Esponja, Ama também Rilakkuma, Né? )
winter--rose.blogspot.com.br/
Que bom que você gostou Flor...
ExcluirÉ, eu também amo Rilakkuma! ^^
Kissus ^3^
yonn~ótimo tutorial, e as imagens são tão me kawaiis ~-////w////-~ amei todas
ResponderExcluirAdolescente Nerd
Fico feliz que você tenha gostado!! ^^
ResponderExcluirKissus~
Oii Flor aceita afiliação, amei o tuto :)) vou fazer (tentar rsrsr)
ResponderExcluirmeu blog se aceita ponha o meu como afiliado aki também ok bjinhos
http://chocoonut.blogspot.com.br/
Desculpe, não estamos aceitado afiliações... A elite já esta formada!! Fico feliz que tenha gostado do tuto... Kissus ^3^
ResponderExcluirAmei d++ lindo
ResponderExcluirhttp://cherry-and-star.blogspot.com.br/
Lindo,peguei várias,beijo *3*
ResponderExcluirhttp://bel-somostaojovens.blogspot.com.br/
Olá , querida blogueira, eu sou Karina Silva postadora do S.O.S Best Friend!
ResponderExcluirEstou com vagas abertas de afiliados se caso quiser e tiver interesse em se afiliar , estamos te esperando lá .
Nome :
Blog:
Sigla:
Para se afiliar é simples siga o blog e me ponha em seus afiliados também.
PS: Não é necessário ter um monte de seguidores.
Muá, Káh Silva.
http://contatudosobrekarinasilva.blogspot.com.br/