quarta-feira, 21 de novembro de 2012

Maratona de Tutoriais :

Olá ,

Faz muito tempo que aqui não tem postagens longas e muito interessantes e pensando nisso vou ficar três dias postando Tutorias para aperfeiçoar seus blogs hoje vou ensinar a colocar elite de afiliados em efeito hover.


Quer saber como fazer ? Continue lendo !



Primeiro vá no HTML do seu blog e aperte CTRL + F (caixinha de busca) e digite:

]]></b:skin>

Acima desse código cole:

.elitescale{
-moz-border-radius: 2px;
-webkit-border-radius: 30px;
-webkit-transition: 0s linear;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.elitescale:hover {
-webkit-transform: scale(1.20);
-moz-transform: scale(1.20);
-webkit-border-radius: 3px;

Personalize apenas o que está em negrito, que é o tamanho das bordas.
Agora, vá em Layout >> Adicionar um Gadget >> HTML/JavaScript. Nele cole:
<br /><a href="Link do Blog" title="Nome do blog"><img src="URL DA SUA IMAGEM" class="elitescale"/></a>
Agora aonde está Nome do Blog coloque o nome do blog afiliado e na URL DA SUA IMAGEM, nem vou falar né?!

Lembrando mais uma vez que a Postagem foi retirada do TDR (www) , quase sem nenhuma alteração.

VISITE >

Nenhum comentário:

Postar um comentário