Como personalizar o estilo de marcadores Cloud no Blogger

Exibir o marcadores em nosso blog é muito importante, para a navegação dos leitores entre os assuntos abordados pelo mesmo, Portanto é um Gadget indispensável.
Mas como sabemos o Blogger apenas nos fornece duas opções de exibição, Por Lista e Cloud, Neste Tutorial vou mostrar como customizar os marcadores "Cloud".

Ver Demonstração

• Primeiro Passo: Você deve ter adicionado em seu Blog os Marcadores Tipo Cloud como na imagem abaixo.

• Segundo Passo: Vá até Painel do Blogger e selecione o blog no qual você gostaria de customizar os marcadores. Clique em Modelo >> Editar HTML e procure pela tag ]></b:skin>. e logo acima dela cole o seguinte código CSS.

/* Blogger Ideias Cloud------------------------- */
.Label a {
background-color: #FF0000;
background-image: -webkit-linear-gradient(top,#FF0000,#D80C0C 50%,#C70808 50%,#B40707);
padding: 3px 5px 3px 5px;
border: 1px solid #B40707;
color: #fff!important;
border-radius: 2px;
float: left;
margin-left: 5px;
margin-top: 3px;
font-size: 12px;
margin-bottom: 3px;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2);
font-family: arial;
text-shadow:none;
}
.Label a:hover {
text-decoration:underline;
}

Pronto: Feito isso, Seus marcadores ficarão como os da Demonstração, E você poderá customizar o CSS para que possa ficar com a cara de seu Blog.