28 novembro 2011

Como esconder a c-box

Como vocês estão vendo aqui no meu blog, a minha Cbox está escondida na barra lateral e ela só irá aparece quando vocês clicarem encima não é? e eu vou ensinar a fazer esse efeito em seu blog, eu achei super legal, podemos esconder várias coisas tanto na sidebar quando nas postagens.
Antes de tudo os créditos vão para o Material Garotas pelo código! e Para a Cherry Liah que eu aprendi lá. agora clique em leia mais para ver o tutorial.

Pronto agora, você irá em: Painel de controle (Designer do seu blog >> Editar HTML) e aperte Ctrl+F e procure pela tag </head>

e logo acima da tag </head> 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>
Depois clique em salvar modelo!

e com esse código aqui abaixo, você irá colocar no lugar onde você irá colocar sua Cbox fazendo as alterações que se pede.


<a href="javascript:animatedcollapse.toggle('dog')"><img src="LINK DA IMAGEM QUE VAI ABRIR A C-BOX"/></a>
<div id="dog" style="display:none"> Coloque aqui o Código da sua Cbox</div>
e pronto fim do tutorial espero que tenham gostado, comentem se usarem. 

0 comentários:

Postar um comentário

- Fique a vontade para comentar, mas seja sempre educado(a)
- Seu comentário precisa ser relacionado com o assunto do post, caso não seja use a Cbox AQUI :)
- Não falar palavrões e não ficar criticando.
- Se for dar sugestões que seja para a melhoria do blog.
- Quer Parceria? então siga meu blog e coloque meu banner e me avise.
- Deixe a URL do seu blog para que eu possa retribuir.
- Não precisa pedir pra seguir que eu vou.
- ah e Não participo de concursos,e tags NÃO INSISTA!