Colocando Afiliados Giratórios



Oii ... Oii ... Oii ...

Quanto tempo né , já estava com saudades de vocês ..! ^^
Estou tão enrolada com os projetos e trabalhos da escola que quase não tenho tempo e inspiração para postar, essa semana reservei para retribuir comentários. Porém, hoje trago um tutorial para vocês ..! (:
Boom, na minha opinião  o tutorial que trago a vocês hoje é bem interessante. Vou ensiná-las a colocar Afiliados Giratórios. Não é muito difícil, e tem um efeito Hover bem legal. Vamos lá ?!


[1] Vá em Design >> Editar HTML
[2] Dê CTRL+F (caixinha de busca) e procure pela tag:


]]>
[3] Acima da tag encontrada, cole:


.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);}


[4] Salve.
[5] Agora, vá em Layout > Adicionar um Gadget >> HMTL/JavaScript e cole o seguinte código:


<center><a href=" Link do Blog" title="Nome do blog"><img src="Imagem aqui" class="afiliados"/></a>

[6] Substitua:

Link do Blog - Link do Blog que você quer afiliar
Nome do blog - Nome do Blog que você quer afiliar
Imagem aqui - Url da imagem que você que colocar para representar o Blog que você quer afiliar.

[7] Feitas as substituições, é só salvar !

Bem curtinho o post de hoje né ?! Espero que tenha sido útil à vocês !
Dúvidas ? Pergunta aí embaixo (:
Beeijos ;*

8 comentários

  1. Acho legal para os afiliados da imagens redonda !

    ResponderExcluir
  2. Respostas
    1. ain , que bom que gostou floor ! (:
      Obrigada por comentar ..!
      Beijos ;*

      Excluir
  3. Oie flor!
    Vi que tem vagas para afiliação e queria saber se você poderia me colocar? Amei seu blog! É super fofo e bem organizado! Bom tutorial! Bem interessante! Seguindo! Bjokas!
    www.blog-da-belle.blogspot.com

    ResponderExcluir
    Respostas
    1. Own floor, obrigada pelos elogios ^^
      Obrigada por seguir, já te coloquei nos afiliados.
      Beijins ;*

      Excluir
  4. Adorei o blog. Vc ainda tem vaga para afiliação, tem como adicionar meu blog?
    Obrigada flor!
    http://oolhaisso.blogspot.com.br/

    ResponderExcluir

~ Obrigada por comentar ! (:
Volte seempre ! ♥

-Não aceitamos tags e selinhos.

Layout por Maryana Sales - Tecnologia Blogger