Mapa do site no blog dividido por categorias

Por:

| 26 de abr de 2011


Sabe quando você procura em um determinado site ou blog alguma postagem especifica e não consegue encontrar.
Você recorre então ao Mapa do site (ver neste link), que é uma lista onde encontram-se todas as postagens agrupadas geralmente pela data ou mês de publicação.

Neste artigo estaremos ensinando como criar um 'Mapa do site diferente.'
Este Mapa do site não dividirá as postagens por mês ou data de publicação, mas as 'postagens ficarão agrupadas por categoria (marcadores / tags)' e com o diferencial de ter as 'ultimas 10 postagens mais recentes destacadas pela palavra New!!' em vermelho. Legal né?!

Vamos ao tutorial:
Vá no PAINEL DO BLOGGER e entre na opção NOVA POSTAGEM

clique para ampliar

Em seguida vá té a opção EDITAR PÁGINAS

clique para ampliar

Clique em NOVA PÁGINA para criar uma nova pagina estatica em seu blog

clique para ampliar

Nomeie a página como quiser (ver seta vermelha). Pode colocar por exemplo: Mapa do site, Mapa, Mapa do Blog, Indice de Conteúdo, etc...

clique para ampliar

Após nomear a página, clique em EDITAR HTML (ver seta azul)
Inclua o seguinte código no corpo da página:


<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js">
</script><script src="http://SEU SITE OU BLOG/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script><script type="text/javascript"></script><script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" target="blank" type="text/javascript"></script>

Substitua a parte SEU SITE OU BLOG AQUI pelo endereço (URL) do seu site ou blog.

Obs: o endereço do site ou blog deve vir antes da parte .../feeds/posts/summary?... A parte .../feeds/posts/summary?... deverá fica intacta, do jeito que está no código.
Em momento algum clique na opção ESCREVER ao lado de EDITAR HTML.

Clique em PUBLICAR PÁGINA e  visualize a página para ver como ficou.

Atenção: Este script foi retirado do site abu-farhan.com  portanto não altere nada em seu código. Mantenha os créditos.
Gerador de Senha - Crie senhas mais seguras
- Topo