Como Colocar Mapa do Blog

Nesse tutorial eu irei ensinar como colocar um mapa do blog, ou seja uma página que aparece todos os artigos publicados no seu blog sem precisar ta colocando os links manualmente. Esse mapa é automático e assim que você faz uma postagem automaticamente ele já entra no mapa do blog

Clique Para Vizualizar

Na edição Html da página cole o seguinte código

<style type="text/css">
.label p { font-size: 150%; /*--edite tamanho da fonte--*/ background: #2288bb; /*--edite cor de fundo--*/
border: 1px solid #000; /*--edite cor e estilo de borda--*/ margin-top: 30px;
padding: 10px; width:90%;
text-decoration:none; }
.label p a:link{
color:#FFFFFF; /*--edite cor do link do titulo--*/ text-decoration:none; }
 .label p a:hover{
color:#CCCCCC; /*--edite cor do link do titulo--*/ }
.label li {
margin:0;
border-bottom:1px dashed #CCCCCC; /*--edite cor e estilo de borda--*/ } 
</style> <div class="label"> <script style="text/javascript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/Indice-categoria.js"></script> <script src="LINK-DO-SEU-BLOG/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script><span style="font-size: 70%">Custom <a target="_blank" href="http://www.mundoblogger.com.br/2009/11/criar-um-mapa-do-site-no-seu-blog.html">Mundo Blogger</a> |Widget by <a target="_blank" href="http://www.abu-farhan.com/">Abu Farhan</a></span> </div>

Onde está destacado  Link do Seu Blog você coloca o link do seu blog.

pronto :)

SE GOSTOU DEIXE SEU COMENTÁRIO *--*