Menu para marcadores

Yooo ~

Meu notebook resolveu carregar, mas só quando quer. Por isso, vou entrar pouco! 

Irei postar responder comentários e sair. Como não posso demorar, vamos direto ao tutorial?

Creditando o tutorial ao Cherry Bomb!

O resultado será esse:

1. Abra o blogger, vá em modelo, logo após clique em Editar HTML .

2. Assim que abrir aperte F3 e procure por ]]></b:skin>

3. Quando achar, cole acima dele 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***/

4. Edite como deseja, salve e visualize para ver se está tudo certo.

5. Agora vá em layout do blogger, abra uma gadget HTML/JavaScript e cole o código:

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

Kisses ;*