Colocar um Mapa do Site em seu Blogger

Esta é uma outra versão do Blog TOC, na qual você poderá colocar sua lista de arquivos em uma postagem. Vantagem? Reduz o carregamento de seu blog, já que o Blog Toc não é repetido em todas as páginas. Outra? Seu blog fica com uma página estática com um "mapa do site" - elegante demais, não?

Vou repetir alguns passos do tutorial anterior, para que não seja necessário você consultar dois artigos.

A) Arquivo Java Script

Faça o download do arquivo JavaScript pelo link abaixo e hospede em seu site de hospedagem preferido:

blogtoc.js

B) Arquivo JavaScript na Postagem

Agora você irá criar seu post e inserir o arquivo JavaScript. Todo o texto a seguir é apenas uma sugestão. Copie-o como está, se quiser, ou adapte à personalidade de seu blog. Você só não pode alterar o trecho onde está o arquivo JS, claro, com exceção do endereço de seu blog e do endereço onde hospedou o JavaScript.

Abra a janela de postagem na aba "Editar HTML", copie todo o trecho abaixo e cole no box:

O NOME DO SEU BLOG utiliza o Blog TOC - "Table of Contents" - que permite que você navegue e encontre o artigo que procura.

Nesta página você encontra uma lista de todos os arquivos, com os links para os artigos, a data de cada post e as respectivas categorias onde estão arquivados.
Você poderá ver um pequeno resumo de cada artigo ao colocar o cursor sobre o título.

Os artigos estão apresentados em ordem alfabética ascendente, mas clicando nos títulos das colunas você pode classifica-los em ordem ascendente ou descendente por data ou ordem alfabética.
Quando você clica no nome de uma determinada categoria, o Blog TOC mostrará todos os posts arquivados nessa categoria.
Para voltar à lista completa, clique no título "Categorias".

Para ir até a página do post de seu interesse, simplemente clique no título do post.
Se você entrou na página do post e quiser voltar a ver o Mapa do Site, clique no botão do Menu Superior.

Bem-vindo ao NOME DO SEU BLOG e boa leitura!

1	************ <div id="toc">div>

2

3	<div id="toclink">

4	<a href="javascript:showToc();"> FECHAR TOCa>

5	div><span style="font-size:80;">span>

6	<script src="http://endereço-do-arquivo-javascript/blogtoc.js">script>

7	<script src="http://SEU-BLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc">script>

8	<script type="text/javascript">showToc();script>

9	************

Modifique os trechos destacados com cuidado.

Antes de publicar seu post, algumas sugestões: desabilite comentários e backlinks e coloque como opção de postagem uma data próxima à data de início de seu blog (se você tem uma página "Sobre", o Mapa do Site fica bem na mesma data ou logo depois, para que apareçam juntos quando alguém navegar pelas páginas de arquivos mensais.)

C) Colocando os estilos em seu "Mapa do Site"

Da mesma forma que no BLOG TOC ensinado no artigo anterior, vou passar uma sugestão de estilos. Você pode (e deve) modificar de acordo com as cores, fontes e demais configurações, principalmente de sua área de postagem.

Na Guia "Layout" em "Editar HTML" salve uma cópia de seu template, clicando em "Baixar Modelo Completo"

Logo ABAIXO da tag ]]> cole o código:

texto planoprint?

01

Visualize o template, salve se tudo estiver ok.

Link para o Mapa do Site

Agora você só precisa colocar um link normal para o post onde você publicou seu Blog TOC, seja na Sidebar ou em Menu, para que seus leitores possam navegar pelos artigos publicados. Ah! Aproveite e vá conferir os outros artigos do BloggerSPhera em meu MAPA DO SITE