Hello,hoje estou inspirada! ashuashuashu... Resolvi trazer um tutorial super fácil e que ajuda a economizar o espaço e não ficar aquela barra de rolagem minúscula... Olha só que cute o resultado:
Se interessou? Então vamos ao tutorial!
1# Vá em design > Editar HTML > Aperte F3 e abrirá uma caixa de pesquisa,nela cole e o seguinte código:
</head>
2# Encontrou? Ele aparecerá destacado em laranja. Agora acima dele cole esse código:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>3# Salve e vamos para o próximo passo. Agora vá em Layout e adicione um Gadget HTML/JavaScript. Nele coloque o título de afiliados ou algo parecido,e em conteúdo cole esse código:
<script type="text/javascript" src="http://static.tumblr.com/2wl9p6g/G70lj5t0q/animatedcollapse.js"></script>
<script type="text/javascript">
animatedcollapse.addDiv('jason', 'fade=1,height=80px')
animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
animatedcollapse.addDiv('michael', 'fade=1,height=120px')
animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
//$: Access to jQuery
//divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
//state: "block" or "none", depending on state
}
animatedcollapse.init()
</script>
<a href="javascript:animatedcollapse.toggle('dog')"><img src="LINK DA IMAGEM"/></a>4# Onde está escrito ''Coloque Aqui o conteúdo'' você cola o código da sua elite de afiliados,e aonde está escrito ''Link da imagem'' você coloca o link da imagem que vai abrir a elite de afiliados.
<div id="dog" style="display:none"> Coloque aqui o conteúdo</div>
Curtiu?
Comente e participe do Game 2013 clicando aqui.
São mais de cinco prêmios só para o primeiro lugar! Não vai perder essa,vai?
Kisses,
Luísa.
Nenhum comentário:
Postar um comentário
- Não faço parcerias, apenas afiliações. (Mas no momento sem vagas).
-"Seguindo,segue de volta?" Seguirei os blogs que eu realmente gostar.
- Não aceito selinhos (Só de afiliados).
- Deixe o link do seu blog para eu visitá-lo