tutorial

Tutorial: Elite de Afiliados Numa Imagem Só

abril 21, 2013,7 Comments



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":
Depois é só hospedar em algum lugar e usar na elite.
CRÉDITOS: Eu amo HTML

Espero ter ajudado.
Beijoos!

You Might Also Like

7 comentários:

  1. Este comentário foi removido pelo autor.

    ResponderExcluir
  2. bb teria como eu fazer "quadradinhos" com isso em uma imagem?

    ResponderExcluir
  3. No meu blog as imagens não ficam juntinhas como no seu , porq isso aconteçe ? elas fiicam separadas por um pequeno espaço .

    comentariosde1garotaqualquer.blogspot.com

    ResponderExcluir
  4. A minha também ficam separadas '-' como pode corrigir isso ?
    Magia Teen

    ResponderExcluir