25/01/2013

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.


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

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

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

Códigos
<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

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345