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: , , , ,