Tutorial: Elite de Afiliados Numa Imagem Só

Oiie!

Domingo entediante, né pessoal?

Pra animar esse domingo lindo demais #sqn eu trouxe um tutorial que eu pelo menos, acho bem fofo e útil.

Mas antes de começar o tutorial, lembram-se que na postagem anterior, eu perguntei quem era a diva da ilustração do post?

Então, acertaram!

Era a Jen Ledger (Jennifer Carole Ledger), e quem acertou primeiro foi a Joyce, ESSE é o blog dela.

Agora vamos ao tutorial...

Ele é de como fazer a elite de afiliados em uma imagem só.

LIVE PREVIEW

Gostou? Bora aprender ^^

No seu HTML, procure por:

]]></b:skin>

Quando achar, cole acima:

.isa-opacity{margin-top: 0px;opacity:1.0; padding: 0px 0px 0px;-webkit-transition-duration:.80s; -moz-transition-duration:.80s; -o-transition-duration:.80s;border-radius: 0px;}

.isa-opacity:hover{opacity:0.6; -webkit-transition-duration:.80s; -moz-transition-duration:.80s; -o-transition-duration:.80s;}

Salve. 

Agora, pra adiciona-lo ao seu blog, adicione um gadget em HTML/JavaScript com este código:

<a href="LINK DO BLOG" title="NOME DO BLOG"><img class="isa-opacity" src="URL DA IMAGEM" /></a>

Vá repetindo quantas vezes forem necessárias pra conseguir montar sua elite.

Para dividir a imagem, no meu blog - é, eu uso essa elite no CE - eu usei o Photoscape. Se você quiser fazer nele também, aqui as "etapas":

1º PASSO - 2º PASSO - 3º PASSO

Depois é só hospedar em algum lugar e usar na elite.

CRÉDITOS: Eu amo HTML

Espero ter ajudado.

Beijoos!