home sobre contato Bruna

19/06/2013

Tutorial: Afiliados giratórios


Olá minas ,  hoje vim com um tutorial facil , ''Tutorial: Afiliados giratórios''
Muitas blogueiras não sabem , mas hoje vim ensinar voçês rs
Vamos ao tutorial ...

1- Vá na aba de HTML do seu blog, aperte Ctrl + F, e procure por:
]]></b:skin>
2E acima dessa tag, cole o seguinte código:
 .afiliados {
box-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);}
3- Depois disso, salve e vá em Elementos da página. Lá, adicione um gadget Html/Javascript, e cole isso:
<center><a href=" Link do Blog" title="Nome do blog"><img src="Imagem aqui" class="afiliados"/></a>
4- Substitua o nome, o link e a imagem, e pronto! Salve!
Gostou do tutorial  ? comente

11 comentários:

  1. muito bom vou tentar fazer

    http://cantinhodaanacarla.blogspot.com.br/

    ResponderExcluir
  2. Adorei.
    Dá meio que um "up" no blog!!!
    Beijooo

    By: Sarah Vivic dos blogs Nerd Absoluta e Fashion Girl

    ResponderExcluir
  3. Vou tentar fazer! *u*
    pequeena-princesa.blogspot.com.br/

    ResponderExcluir
  4. Muito bom o tutorial, eu ainda não tenho afiliados, mas quando eu colocar adoraria usar o tutorial ^^
    Me encantei com seu blog linda, e já estou seguindo.
    Beijos
    sombradosdezoito.blogspot.com

    ResponderExcluir
  5. O tuto é divo ^^ Talvez use no meu novo layout.
    Nhaá ♥ teara-prateada.blogspot.com

    ResponderExcluir
  6. adorei :)

    http://colorfulalway.blogspot.com/

    ResponderExcluir


Layout por: Paola Gineti.
Tecnologia do Blogger.
imagem-logo