segunda-feira, 11 de abril de 2011

Mapa do site expansível (Efeito accordion)

Mapa do site para blogger

Existem muitas pessoas que esquecem de um detalhe interessante no seu blog, colocar uma página com o histórico de todas as suas postagens. Então se você ainda não colocou um ‘Mapa do site’ em seu blog, trate-o de colocar, pois muitos dos visitantes navegam em seu blog por meio do histórico, E neste tutorial irei ensinar como colocar um mapa do site expandível, com efeito Accordion bem elegante, nas cores preta e alaranjada.

Clique aqui para ver uma demostração

Vamos lá, é bem simples. Antes de tudo, clique aqui para ver como criar uma página para se o ‘Mapa do site’ e siga passo a passo o tutorial. Quando chegar no (quarto) passo do tutorial, ao invés de você adicionar o script que tem neste quarto passo, coloque o script abaixo.

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://ENDEREÇO DO SEU BLOG/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

Depois de colar este código na aba “Editar HTML” da área de postagem, modifique a parte destacada para o endereço do seu blog e depois Publique a página.

Marcadores: , , , ,

8 Comentários:

Às 11 de abril de 2011 21:19 , Blogger Alessandro disse...

lagal mt massa

 
Às 12 de outubro de 2011 17:40 , Blogger Mister Seriados disse...

achei o que eu procurava muito obrigado vlw

 
Às 30 de outubro de 2011 17:23 , Blogger Adm. disse...

adcionado com sussesso veja http://www.atualizacoes.net/p/mapa-do-blog.html

 
Às 30 de novembro de 2011 02:35 , Blogger Caio disse...

Eu gostaria de saber como fazer para que as postagens nesse mapa fiquem ordenadas das mais antigas para as mais recentes, ou seja, na ordem que postei, além disso, como faço para alterar a cor da barra categoria.

Grato desde já.

 
Às 1 de dezembro de 2011 11:54 , Blogger Códigos Blogger disse...

Caio, o código é padrão, não dá para modifica-los por conter scripts externos. O que você pode fazer é colocar a URL do seu FEED e mudar o limite de postagens a serem exibidas. Para isso é só procurar por results=1000 ali no código, dai altere o valor 1000 para outro que quiser.

 
Às 14 de setembro de 2012 10:52 , Blogger Gestão Comercial disse...

Bom dia amigo...

O link que direciona para página para criar o mapa do site não está funcionando e está direcionando para outra página...

Att.

Eduardo.

 
Às 16 de dezembro de 2013 18:48 , Blogger jackson alves disse...

esta com viruz malware

 
Às 18 de janeiro de 2014 20:28 , Blogger Junior Vasquez disse...

Poxa este script e tão bom,mais o chrome ta axando q ele é um malweare...e ta dando problema no meu face...

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial