25/01/2013

Tutorial: Afiliados com bordinhas

||

Esse tutorial é meio antigo e quase ninguém usa muito, porém eu o acho fofo e amo usar coisas que ninguém usa mais rsrs assim só eu uso. Mas desta vez vou mostrar como adicionar um gadget de afiliados, com efeito hover e de bordinhas nas imagens.

Para adicionar, vá em seu HTML e procure por ]]></b:skin>, acima desta tag adicione esse código:

.afiliados {
opacity: 0.7;
-webkit-transition: 0.5s;
border-radius:15px;
width: 50px;
height: 50px;
text-align: center;
}
.afiliados:hover {
opacity: 1.0;
}

Agora vá em seu Layout e adicione um gadget de HTML/Javascript e dentro dele coloque isso:

<a href="ENDEREÇO" title="NOME DO BLOG"><img src="IMAGEM" class="afiliados"/></a>

Agora basta arrumar como se pede nas partes em negrito, espero que tenham gostado.

2 comentários:

  1. Acho que já conhecia esse Tutorial ! Mas vou usar no meu novo Layout !

    Heey , posso te dar um conselho ? Troca o Favicon do seu blog , fica mais bonitinho ! Vai em Layout e procura por favicon e troca ! Tem uns aqui > http://www.tumblr.com/tagged/favicons

    ResponderExcluir
    Respostas
    1. Eu acho ele bem legal sempre uso discretamente, obrigada pelo conselho eu mechi em tanta coisa que sempre esqueço os pequenos detalhes. ^^

      Excluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram