Oie pessoal hoje vou ensinar a fazer um Menu Deslizante ele e indicado para sidebar, para diminuir espaco .Ele e otimo pois da uma aparencia melhor para o blog, nao deixa o blog cheio de Gadgets , inclusive eu estou usando no meu blog veja a imagem:Para visualizar melhor clique aquiBom Entao 1o PassoEntao, abra o HTML do seu blog, e cole o codigo a seguir abaixo da tag <head><!--- MENU DESLIZANTE --><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script src='http://static.tumblr.com/ghoye6x/xBmloszst/colpaso.js' type='text/javascript'></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.addDiv('lion', 'fade=0,speed=400,group=pets,persist=1,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 as alteracoes. Agora clique em "Layout" no meu lateral do blogger. Adicione um gadget de HTML/Javascript no lugar onde voce quiser que o "menu" apareca e cole o codigo abaixo, modificando os titulos e o conteudo de cada link.<center><a href="#" rel="toggle[rabbit]" data-openimage="collapse.jpg" data-closedimage="expand.jpg">Titulo 1</a> |<a href="#" rel="toggle[dog]" data-openimage="collapse.jpg" data-closedimage="expand.jpg">Titulo 2</a> |<a href="#" rel="toggle[cat]" data-openimage="collapse.jpg" data-closedimage="expand.jpg">Titulo 3</a></center><div id="rabbit" style="display:none">Conteudo do menu deslizante 1</div><div id="dog" style="display:none">Conteudo do menu deslizante 2</div><div id="cat" style="display:none">Conteudo do menu deslizante 3</div> Bom os trechos em destaques voce ira fazer as alteracoes. Em Titulo , voce colocar o titulo do seu Gadgetstipo Facebook, ja onde esta escrito "Conteudo do menu deslizante" voce colocara o codigo do seu Gadget, por exemplo: o codigo do Facebook .. Nao tem erro basta colocar tudo direitinho que seu menu deslizante ira funcionar perfeitamente. Os monges, padres, hindus e todos que procuram uma vida de ascetismo pessoal pensam alcancar a bem-aventuranca prometida por Cristo despojando-se de bens materiais e dos prazeres. Porem, a verdade do evangelho demonstra que so e possivel ao homem ser bem-aventurado apos despojar-se da carne(natureza herdada de Adao), atraves da circuncisao de Cristo (...)As religioes sao pseudo caminhos que os homens pensam que conduz a Deus. Eles seguem os desvarios de seus coracoes enganosos, pois seguem por um caminho de perdicao.Sobre o Sermao do Monte o Dr. J. Dwight Pentecost, autor do Manual de Escatologia, escreveu: A primeira bem-aventuranca do Senhor esta em Mateus 5: 3: Bem-aventurado os humildes de espirito, porque deles e o reino dos ceus. So Deus e bem-aventurado. Ele e digno de receber bencao em virtude de sua santidade absoluta, inalteravel Pentecost, J. Dwight, O Sermao do monte, Capitulo Os humildes de espirito, Ed Vida.Nao consegui abstrair (entender) a declaracao do Dr. Pentecost. So Deus e bem aventurado? ( Mt 5:11 ) Deus e digno de receber bencaos? ( Jo 41:11 ) Quem abencoaria Deus?Nao ha quem possa dar algo ou retribuir uma dadiva divina. Nao ha quem possa abencoa-lo, visto que so ele habita a eternidade e detem todo poder e concede dadivas as suas criaturas. E impossivel o menor abencoar o maior, e quem e maior que o Altissimo?De modo enfatico, o Dr. Pentecost reitera na sequencia que so Deus e digno de ser chamado bem aventurado ou bendito por aquilo que ele e em seu carater.Ora, Deus possui varios atributos, porem, dentre eles nao encontramos a humildade. A