♣『Recursos Creepy World』☯: [Tutorial] Menu para Tags o Etiquetas

Holaaa~ hoy traigo un tutorial para los tags o etiquetas para tu blog, espero les guste.

vista previa

1- Vamos a Plantilla --> Editar HTML --> Presiona CTRL + F ---> Luego pon esto ]]></b:skin> en el cuadro que te aparecerá y le das enter, arriba de ]]></b:skin> pegas esto:

/*Menu Para Tags - Recursos Kawaii World*/

yank{

color:#fff;

background:#d9d3dd;

border: solid 1px #cfc7d4;

box-shadow: inset 0 0 6px #cfc7d4, 0px 1px 1px #cfcad2;

line-height:8px;

margin:-2px;

margin-left:2px;

display: inline-block;

padding-top: 0px;

text-align: center;

font-family: Trebuchet MS;

font-size: 12px;

float: center;

padding: 5px;

margin-bottom: 5px;

height: 10px;

width: 35px;

-webkit-transition-duration: .80s;

}

yank:hover {

cursor:hand;

background:#ffe0e5;

border: solid 1px #f9d5db;

box-shadow: inset 0 0 6px #f9d5db, 0px 1px 1px #f9d5db;

-webkit-transition-duration: .80s;text-align: center;

font-family: Trebuchet MS;

font-size: 12px;

color:#fff;

}

Verde: es el color de la letra
Rosado: Son los colores que tendrán los tags, juega con los colores a tu gusto.

2- Ve a diseño --> agrega un gadget --> java script/HTML luego pon esto

<center>
<a href="LINK AQUI"><yank>LINK</yank></a>
<a href="LINK AQUI"><yank>LINK</yank></a>
<a href="LINK AQUI"><yank>LINK</yank></a>
<a href="LINK AQUI"><yank>LINK</yank></a>
<a href="LINK AQUI"><yank>LINK</yank></a>
<a href="LINK AQUI"><yank>LINK</yank></a>
<a href="LINK AQUI"><yank>LINK</yank></a>
<a href="LINK AQUI"><yank>LINK</yank></a>
<center/></center></center>