Widget De Nube De Etiquetas Estilizadas Pro Con Css Para Blogger

 En este articulo te explicare como añadir un atractivo widget para las etiquetas/categorias para blogger .Este truco tiene su estilo usando codigo de CSS mira la imagen de abajo como referencia.Se integra en este el efecto hover o de animacion al poner el cursor sobre los mismos,y resemblan la forma de ladrillos.
 Chequea Añadir Etiquetas Estilo Ladrillo a Tu Blogger

Muy sencillo pero muy util a la hora de darle ese toque especial a tus elementos de tu pagina o blog.Para utilizar este estilizado widget en blogger sigue estos siemples pasos.
Ejemplo:

Widget Nube de Etiquetas Estilo Ladrillos Diseñadas Con Css para Blog de Blogger.

1.Entra en tu cuenta de blogger>> Diseño >> Editar HTML

2. Encuentra el siguiente codigo ]]></b:skin> puedes utilizar las teclas  Ctrl+F da click primero en editor despues usas teclas.

3.Pegue el codigo de abajo antes de etiqueta ]]></b:skin>

/*-----Widget Nubes de Etiquetas Personalizadas por www.ciudadblogger.info----*/
.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;font-size:10px;color:#666;}

.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
.label-size a {
text-transform: uppercase;
float:left;
text-decoration: none;
}.label-size a:hover {
text-decoration: none;
}

4. Kuego da  Click  Guardar Plantilla.
Chequea Como Personalizar Etiquetas en Blogger


  Ahora tus visitantes podran navegar utilizando las etiquetas estilizadas con css muy atractivas..

If You Enjoyed This, Take 5 Seconds To Share It

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Delicious
• LinkedIn
• Reddit
• Technorati