30 junho 2012

Tutorial>>> Conteúdo escondido

Alguns chamam de tags,outros de marcadores.Mas trata da mesma coisa:o conteúdo do blog.Dá para esconde-lo,ou seja,você coloca uma imagem,e quando clica,aparece todos.Exemplo:

                                      
Vamos ao tutorial?

No Blogger, vá em Design> Editar HTML.
Tecle Ctrl F e procure por:

</head>
Logo acima dessa tag, cole:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><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>Salve.
Agora vá para Elementos da página. Adicione um novo gadget de HTML/Javascript e nele cole o código abaixo:
<a href="javascript:animatedcollapse.toggle('dog')"><img src="URL da imagem"/></a><div id="dog" style="display:none">Conteúdo escondido</div>
Se quiser usar texto ao invés de uma imagem, substitua <img src="URL da imagem"/> pelo texto que você quer colocar.


Abraços,Sááh!


Tutorial original por 
Material Garotas, encontrado no Girls Forever.



4 comentários:

.Não gostou do blog? Cada um tem o direito de gostar ou não gostar, claro, mas expresse isso de modo civilizado, sem palavrão e ofensas.
.Não tenho nada contra o famoso ''seguindo, segue de volta?'' desde que você comente pelo menos algo sobre o post.
.Eu sempre comento de volta, e se gostar do blog, sigo.
.Viu alguma coisa sua aqui? Me contate e discutiremos o assunto.
Obrigada pelo comentário!