Marcadores em forma de botões no Blogger

 DEMO

Dê a seus marcadores aparência de botões como o exemplo. Seve para o modelo antigo e também para o novo modelo.  A primeira coisa a fazer é deixar os marcadores como o exemplo abaixo.





Agora vá até o HTML de seu blog, copie o código abaixo e o coloque acima de:


]]></b:skin>

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

/*Label------------------------------------------------------------------------------------------------*/
#Label1 {
border: 2px solid #ccc;
}
#Label1 h2 {
text-shadow: 1px 1px 1px #fff;
background: #ccc;
text-align: center;
font-size: 16px;
padding: 8px 0;
}

#Label1 li {
background: #eee;
margin: 0 0 0 1px;
}

#Label1 li a:link {
text-shadow: 1px 1px 1px #fff;
background: #ccc url(http://4.bp.blogspot.com/-2-JnKvJQm-0/TiB_LhLKDZI/AAAAAAAAFtA/o3cqG8fD6sI/s1600/tag.png) no-repeat;
display: block; border-bottom:1px dashed #000;padding:4px 0 4px 16px;color: #000;line-height:1.15em;
}
#Label1 li a:hover, #Label1 li a:active {
background: #eee url(http://1.bp.blogspot.com/-8AH_Et3gZTE/TiB_MNmHNFI/AAAAAAAAFtE/iTHqM5vnMJw/s1600/cost.png) no-repeat; display: block; line-height:1.15em;
padding:4px 0 4px 16px
}
 #Label1 li a:visited {
 background: #fff ;
display: block; color: #cc0000; padding:4px 0 4px 16px
}
#Label1 ul{list-style:none;padding:1px 0px;
}

Faça as modificações de acordo com seu layout

Vermelho---------------cor do botão

Verde------------------cor do botão ao passar o mouse

Azul-------------------troque ai pelo endereço das imagens de sua preferência

Laranja---------------cor que fica  letra depois de clicada
Roxo-----------------cor que fica o botão depois de clicado

Abaixo algumas imagens de marcadores. Salve em seu pc e depois hospede-as, inserindo o endereço nos locais e cor azul no código.