Como fazer mapa do site para Blogger

Olá amigos Mult-focos, pedidos de leitores de como fazer mapa do site para Blogger, igual ao usado aqui no Mult-focos foram enviados e então neste post vamos explicar como fizemos. É um sitemap compacto para quem tem muitos posts e de fácil visualização, além de um designer muito bonito.

Leia também: Como colocar texto, com efeito, 3D no Blogger

Suas características principais são:

- Efeito sanfona.
- Indica NEW, para os 10 últimos post.
- CSS3
- Auto classifica títulos.

 Veja ao vivo seu DEMO clicando no próximo botão.

DEMO  

Agora vamos adicionar em seu blog, para isto crie uma página estática, com o nome de Mapa do site ou outro nome da sua escolha. Copie e cole o código abaixo no editor no modo HTML, fazendo antes uma pequena substituição.

Em: (src="http://mult-focos.blogspot.com.br/feeds/posts/summary?)

mude ( http://mult-focos.blogspot.com.br/) para o endereço do seu blog, clique em atualizar.

Isto é tudo.

 <script src="https://sites.google.com/site/multfcodes/arquivos-mult-focos/arquivomult-focos.js"></script><script src="http://mult-focos.blogspot.com.br/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="https://sites.google.com/site/multfcodes/arquivos-mult-focos/arquivomult-focosd.js" type="text/javascript"></script>