Menu para Marcadores*

Hooy lindas,as meninas tão na batalha de posts né,eu nem pude participar porque tenho que fazer a tarefa de inglês daqui a pouco.Vocês assistiram o filme "soul surfer" passou no "Cine Fã Club" foi bem emocionante minha mãe chorou principalmente porque foi uma história real.Hoje vamos a um tuto bem interessante eu vi ele no Adolescente Nerd mas na verdade o tuto é do Cherry Bomb(blog excelente).

Resultado:

Procure por:

]]></b:skin> 

 Acima do código achado cole:

/***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***/

Mude apenas o que está de rosa.

Adicione um gadget html/js e cole:

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

Repita o código para casa tag/marcador que quiser

Caso queira que fique dividida em três colunas é só você substituir o código acima por esse:

<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>