Como Criar um mapa do blog - Organizado por Marcadores

Olá pessoal, hoje nesse tutorial vou ensinar como criar uma página de mapa do blog/site.bom primeiramente venha dizer que eu encontrei esse widget no site Abu-Farhan , então não retire os créditos, eu vou ensinar como colocar esse mapa em seu blog/site e personalizar.
Bom vamos ao que interessa.

Vai em seu painel depois em Editar Postagens
No sub-menuzinho ai vai em Editar Páginas
Crie uma Página com o Nome Mapa Do Blog ou Site
e em seguida marque a opção 'Editar Html'

e em seguida cole o seguinte código:

<style type="text/css">
.label p {
font-size: 150%; /*--edite tamanho da fonte--*/
background: #FFA500; /*--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:#000000; /*--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 src="http://dl.dropbox.com/u/37432031/Indice-categoria.js">
</script>
<script src="http://ENDEREÇO DO SEU BLOG/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script><span style="font-size: 70%;">Widget by <a href="http://www.abu-farhan.com/" target="_blank">Abu Farhan</a></span></div>