15 fevereiro 2016

Como colocar gadget Afiliados com efeito giratório no Blogger?

OOOOILÁ morangos! image
Hoje quis trazer um tutorial bem bacana (que empolgação), que foi realmente muito útil para mim, não me deu nenhum problema, consegui fazer sem dificuldade nenhuma, espero que todas vocês consigam também. ;]
Eu acho legal ter esse gadget no seu blog, porque assim você ajuda o blog que você colocar lá, já que você estará de alguma forma, divulgando ele.
Olha, como eu disse ali em cima, é um tutorial fáaacil, mas é chatinho de fazer, já que você tem que colocar cada link, cada nome, de cada blog que você quer que apareça lá. Pensa só!
Mas vale a pena, fica bem legal.






Vá no HTML do seu blog.
Pressione CTRL + F e pesquise por ]]></b:skin>

Após achar esse código, cole acima  dele este aqui:


.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, ainda não vai aparecer nada.

Vá em Layout, crie um gadget HTML/Javascript e cole nele este código:

<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>
<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>
<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>
<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>
<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>
<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>

Prontinho! Fácil né? 
Agora basta substituir onde está Link do Blog pelo link do blog do seu afiliado, onde está Título do Blog, você substitui pelo nome do blog que irá aparecer lá no ícone do seu afiliado, e por fim, onde está Link da Imagem, você substitui pelo endereço de algum ícone.
Ah, esse código dá para colocar 6 afiliados, mas se você quiser colocar mais, é só copiar isso:

<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>

E repetir quantas vezes forem necessárias, cada código desse acima dá para 1 afiliado. 
Boa sorte, beijuux! ;]

Créditos: Chocolovers


2 comentários:

  1. Adorei cada dica do blog, achei muito criativo, ameeeeei. 😍😍 Beijos


    resenhandocomgab.blospot.com.br

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...