Tutorial
Oláá Peppers, hoje eu vim com um tutorial muito bacana, vou ensinar a fazer uma elite afiliados com efeito giratório igual a minha, é bem simples de fazer e o resultado é incrível.
Vá em Design - Editar Html
Aperte Ctrl + F ou F3 vai aparecer uma caixinha de busca nela pesquise por:
]]></b:skin>
Logo ACIMA cole o seguinte código:
.afiliados {
debox-shadow: 2px 1px 3px #909090;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
transition-duration: 3s;
-moz-transition-duration: 3s;
-webkit-transition-duration: 3s;
}
.afiliados:hover {
transform: rotate(-360deg) scale(1) skew(0deg);
-moz-transform: rotate(-360deg) scale(1) skew(0deg);
-webkit-transform: rotate(-360deg) scale(1) skew(0deg);
-o-transform: rotate(-360deg) scale(1) skew(0deg);
}
Salve.
Vá em Design - Elementos da página - Adicionar um gadget
Oláá Peppers, hoje eu vim com um tutorial muito bacana, vou ensinar a fazer uma elite afiliados com efeito giratório igual a minha, é bem simples de fazer e o resultado é incrível.
Vá em Design - Editar Html
Aperte Ctrl + F ou F3 vai aparecer uma caixinha de busca nela pesquise por:
]]></b:skin>
Logo ACIMA cole o seguinte código:
.afiliados {
debox-shadow: 2px 1px 3px #909090;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
transition-duration: 3s;
-moz-transition-duration: 3s;
-webkit-transition-duration: 3s;
}
.afiliados:hover {
transform: rotate(-360deg) scale(1) skew(0deg);
-moz-transform: rotate(-360deg) scale(1) skew(0deg);
-webkit-transform: rotate(-360deg) scale(1) skew(0deg);
-o-transform: rotate(-360deg) scale(1) skew(0deg);
}
Salve.
Vá em Design - Elementos da página - Adicionar um gadget
Adicione um Gadget de Html/javascript
No gadget clique em editar Html, assim:
Depois de clicar, cole o seguinte código:
<center><a href=" Link do Blog" title="Nome do blog"><img src="Imagem de afiliação" class="afiliados"/></a>
Onde está Link do Blog, você cola a url do blog afiliado
Onde está Nome do blog, você coloca o nome do blog afiliado
Onde está Imagem de afiliação, você coloca a imagem do blog afiliado.
Lembrando que para cada blog afiliado você precisa colar um código desse, e as imagens não são pra estarem redondas, são para estarem quadradas, elas ficam redondas automaticamente.
Salve e pronto.
Qualquer dúvida deixe um comentário.
Amei o tutu flor, já tô até usando!
ResponderExcluirAh, meu blog está de portas abertas para você, inclusive, se quiser afiliar-se, entre em contato cmg lá no blog.
Se gostar, segue? ^^
~> http://mundinhomagicodagaby.blogspot.com
Bjks!
Amei tudo do seu blog ... Tá de mais !! :D
ResponderExcluirBy: Sarah Vivic
seu blog e d+ vou me escrever agora
ResponderExcluirVc
ResponderExcluir