Menu Para Marcadores #2 (6 Menus)

Boa Tarde!!! Hoje eu venho trazer alguns menus para marcadores/tags, eles foram feitos pela Kaorii do blog Kawaii World, que não esta mais sendo atualizado, eu já usei alguns e acho todos bem legais e combinam com qualquer layout que você planeje criar e por isso resolvi trazer eles para vocês, tem para todos os gostos <3

Como disse são menus para marcadores do KW, no total são 6 modelos e são super fácil de usar já que não é necessário mexer no HTML do blog, pois só precisa colocar o código no gadget que você deseja ele e editar. Previews.

Modelo 1

1° Passo: Cole em um Gadget Java/Script em que deseja o menu o seguinte código:

<style>
.direita { float:right; width:49%; text-align:justify; }
.esquerda { float:left; width:49%; text-align:justify; }
#menutags20{
background-color: #ffeaee;
width: 98%;
height: 11px;
float: left;
font: 11px arial;
color: #e6adb9;
padding: 2px 0 6px 0;
text-align: center;
margin: 1px;
margin-bottom: 4px;
border-top: 1px solid #f7d0d8;
border-bottom: 1px solid #f7d0d8;
border-left: 3px solid #f7d0d8;
border-right: 3px solid #f7d0d8;
text-shadow: 1px 1px 0 #fff2f4;
} </style>
<div class="esquerda">
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
</div>
<div class="direita">
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
</div>

2° Passo: Altere o código com os dados do seu blog.

Modelo 2

1° Passo: Cole em um Gadget Java/Script em que deseja o menu o seguinte código:

<style>
.direita { float:right; width:49%; text-align:justify; }
.esquerda { float:left; width:49%; text-align:justify; }
#menutags20{
background-color: #e9e9e9;
width: 98%;
height: 11px;
float: left;
font: 10px arial;
color: #a2a2a2;
padding: 1px 0 4px 0;
letter-spacing: 2px;
text-align: center;
margin: 1px;
text-transform: lowercase;
margin-bottom: 4px;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#menutags20:hover{
background-color: #525252;
width: 98%;
height: 11px;
float: left;
font: 10px arial;
color: #dad7d7;
padding: 1px 0 4px 0;
letter-spacing: 2px;
text-align: center;
margin: 1px;
text-transform: lowercase;
margin-bottom: 4px;
}
 </style>
<div class="esquerda">
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
</div>
<div class="direita">
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
</div>

2° Passo: Altere o código com os dados do seu blog.

Modelo 3

1° Passo: Cole em um Gadget Java/Script em que deseja o menu o seguinte código:

<style>
.direita { float:right; width:49%; text-align:justify; }
.esquerda { float:left; width:49%; text-align:justify; }
#menutags20{
background-color: #e9eef3;
width: 98%;
height: 11px;
float: left;
font: 11px trebuchet ms;
color: #b2bfcb;
padding: 1px 0 6px 0;
letter-spacing: 1px;
border-left: 1px solid #dae0e6;
border-top: 1px solid #dae0e6;
border-right: 1px solid #dae0e6;
border-bottom: 3px solid #ced5db;
text-align: center;
margin: 1px;
margin-bottom: 4px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}


 </style>
<div class="esquerda">
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
</div>
<div class="direita">
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
</div>

2° Passo: Altere o código com os dados do seu blog.

Modelo 4

1° Passo: Cole em um Gadget Java/Script em que deseja o menu o seguinte código:

 <style>
@font-face { font-family: "wish"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
#afiliados5{
background-color: #fbf6fc;
width: 23px;
height: 10px;
font-family: wish;
font-size: 8px;
float: left;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 5px;
margin-bottom: 4px;
color: #cac2ce;
line-height: 13px;
border: 1px solid #e8ddee;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
return: false;
}
</style>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>

2° Passo: Altere o código com os dados do seu blog.

Modelo 5

1° Passo: Cole em um Gadget Java/Script em que deseja o menu o seguinte código:

<style>
@font-face { font-family: "wish"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
#afiliados5{
background-color: #fff5f7;
width: 23px;
height: 10px;
font-family: wish;
font-size: 8px;
float: left;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 5px;
margin-bottom: 4px;
color: #f8c0cd;
line-height: 13px;
border: 1px solid #fcd7e0;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
return: false;
}
</style>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>

2° Passo: Altere o código com os dados do seu blog.

Modelo 6

1° Passo: Cole em um Gadget Java/Script em que deseja o menu o seguinte código:

<style>
@font-face { font-family: "wish"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
#afiliados5{
background-color: #e9eef3;
width: 23px;
height: 10px;
font-family: wish;
font-size: 8px;
float: left;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 5px;
margin-bottom: 4px;
color: #b2bfcb;
line-height: 13px;
border: 1px solid #dae0e6;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
return: false;
}
</style>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>

2° Passo: Altere o código com os dados do seu blog.

Espero que tenham gostado dessa seleção de menus para marcadores *-*

Lembrando que todos eles são do Kawaii World.