Criar página com o mapa do site no Blogger

 

Um indice do blog ou mapa do site é uma forma de ajudar o visitante do seu blog a encontrar todos os seus posts de forma fácil, rápida e organizada. Criando uma página com o mapa do site você mostrará todos os posts já publicados ordenado por categorias ou data da publicação e que se atualizará automaticamente a cada nova postagem que você publicar.

Para colocar um mapa do site no blog é preciso usar um script, que para funcionar é necessário que o feed do seu blog esteja ativado. Para ativar o feed do seu blog siga esses passos:

1 – Acesse o Painel do Blogger e vá em Configurações > Site Feed.

2 – No campo Permitir feeds do blog selecione Completa.

3 – Clique em Salvar Configurações.

Inserir o índice por arquivo

1 – Vá em Postagem > Editar páginas e clique no botão Nova Página.

2 – No campo Título da página dê um nome para a página, que será exibido no menu horizontal. Exemplos de nomes:

• Mapa do site
• Indice
• Categorias
• Posts
• Etc.

3 – No Editor de postagem (páginas) do Blogger existe duas abas: Editar Html e Escrever. Clique em Editar Html.

4 – Copie e cole este código:

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

5 – Modifique a parte destacada de vermelho pela URL do seu blog.

Observação: Você pode colocar uma introdução antes do indice, dizendo, por exemplo, que o visitante pode ver todos os posts publicados naquela página e navegar de forma fácil no seu blog.

Inserir o índice por categoria

1 – Vá em Postagem > Editar páginas e clique no botão Nova Página.

2 – No campo Título da página dê um nome para a página, que será exibido no menu horizontal. Exemplos de nomes:

• Mapa do site
• Indice
• Categorias
• Posts
• Etc.

3 – No Editor de postagem (páginas) do Blogger existe duas abas: Editar Html e Escrever. Clique em Editar Html.

 4 – Copie e cole este código:

<script style="text/javascript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/Indice-categoria.js"></script><br /> <script src="ENDEREÇO DO SEU BLOG/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script><span style="font-size: 75%">Customizado por <a target="_blank" href="http://blogger-da-fulaninha.blogspot.com">Blogger da Fulaninha</a> |Widget by <a target="_blank" href="http://www.abu-farhan.com/">Abu Farhan</a></span>

5 – Modifique a parte destacada de vermelho pela URL do seu blog.

Observação: Existe uma pequena diferença entre os dois códigos. No script de indice por categoria é exibido a palavra Novo! em cada nova postagem que for publicada. Depois de um tempo, com mais novas postagens surgindo, a palavra some dos posts que se tornaram antigos.