Tutorial: Menu para marcadores

Yo nekos, trago um tutorial muito útil de um menu para marcadores,eu achei esse tutorial no  Cherry Bomb.É super bonitinho e organizado e resolvir mostra-lo aqui,o menu é assim: 

cdf: Cherry bomb

  

Gostou e quer aprender? clique em "continue lendo" Lets go ♥

Vá em Modelo no seu blog e clique em Editar Html , aperte ctrl+F e pesquise por: ]]></b:skin> acima cole o código:

 /***Menu para marcadores***/.tag {font-family: verdana; /*Fonte do menu*/font-size: 10px; /*Tamanho da fonte*/height: 16px;background: url('URL_DA_IMAGEM') no-repeat left; /*Imagem que fica ao lado do link (16x16 px)*/display: block;margin-bottom: 5px; /*Espaço inferior entre cada link*/padding-left: 18px; /*Não mude*/transition:All 0.5s ease; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease;}
.tag a {color: #fe97cd !important; /*Cor dos links*/}
.tag a:hover { color: #bb588b !important; /*Cor dos links quando passa o mouse em cima*/font-weight: bold; /*Deixa os links em negrito quando passa o mouse, apague se não quiser este efeito*/transition:All 0.5s ease; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease;}/***Por cherry-liah.blogspot.com - não retire os créditos***/

 Faça as alterações necessárias e salve. Vá em layout no seu blog,clique em adicionar um gadget  e adicione o gadget HTML/Javascript cole o código abaixo no gadget:

<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div>

Se quiser usar o menu em três colunas cole este código ao invés do código acima:

<div style="float: left; width: 30%"><div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div><div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div><div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div><div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div></div>
<div style="float: left; width: 30%"><div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div><div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div><div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div><div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div></div>
<div style="float: left; width: 30%"><div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div><div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div><div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div><div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div></div><div style="clear: both"></div>

Faça as alterações necessárias e pronto