2 de out. de 2012

Elite afiliados com efeito giratório

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

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.


4 comentários:

  1. Amei o tutu flor, já tô até usando!
    Ah, 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!

    ResponderExcluir
  2. Amei tudo do seu blog ... Tá de mais !! :D



    By: Sarah Vivic

    ResponderExcluir

© Encanto Backgrounds
Design por: Bia Melo e Tay Calaon, Código base por: Raphael Cardoso.