sexta-feira, 6 de janeiro de 2012

Como criar mapa do site ou índice no blog

Uma dica super útil para facilitar o encontro de todos os seus artigos publicados é criando um Mapa do Site (Sitemaps) no seu blog.

O Sitemaps, ou Mapa do Site, é um índice de conteúdo, que mostra todos os artigos publicados de forma ordenada e que se atualiza automaticamente a cada nova postagem.
Você pode criar uma página estática com um "mapa do site", colocando uma lista de arquivos separados por data de publicação ou se preferir, separados por categorias (marcadores) em uma postagem, facilitando assim a busca de seus artigos pelos leitores.

Vou disponibilizar aqui as duas formas para criar um Mapa do Site, assim você escolhe se quer apresentar um Indice separado por data de publicação ou por categorias.

Para o funcionamento deste script é necessário que seu blog tenha o Feed ativado.

1. Indice por Arquivo





Aqui você vai ver como colocar um Indice separado por Artigos apresentados em ordem descendente por data( Mês e dia da publicação).
Você deverá criar uma nova postagem, ou uma página estática e inserir nela o javascript.
Na edição HTML da postagem, coloque o código a seguir:

<script style="" src="http://dl.dropbox.com/u/3173073/GothicDarkness/indice-arquivo.js"></script>
<script src="LINK-DO-SEU-BLOG/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>


Não esqueça de colocar o nome do seu blog no local indicado no código, mas retire a barra do final --> "/"

Veja o demo aqui.

2. Indice por Categoria

Aqui você vai ver como colocar um Indice separado por Categorias (Marcadores).
Este Script foi criado pelo Abu-farhan.


O script original é em inglês, eu (Clau) traduzi a versão original para o português.
A diferença deste script para o outro onde o Indice é apresentado por Arquivo, é que neste, a cada post recente publicado, aparece a palavra "Novo!" ao lado de cada nova publicação.


Para incluir este Indice , você deverá seguir o mesmo procedimento explicado acima: criar uma nova página estática, e inserir nela o javascript.
Na edição HTML da postagem, coloque o código a seguir:

Veja o demo aqui.

Crédito: [ Clau - Mundo Blogger]





Nenhum comentário:

Postar um comentário