Etiquetas: Efecto Zoom Underline

Bueno Normalmente En Todas Las Plantillas Que blogger nos brinda no trae efecto en las etiquetas y ahora yo les traigo un efecto que le podran agregar a sus etiquetas. bueno lo primero que deven hacer es ir a DISEÑO > Etiquetas [o el nombre que le tengan] y marcar la casilla estilo NUBE .

Luego de esi vamos a agregar el efecto. Vamos A : Plantilla > Edicion HTML y buscamos El Atributo ]]></skin:> Justo Arriba De Este Atributo agregaremos el siquiente Codigo. /* Etiquetas Efect Zoom */ .cloud-label-widget-content { text-align: center; } .label-size a { float:left; display: block; margin: 2px 2px 0 0; padding: 4px; text-transform: uppercase; text-decoration:none; font-size:12px; color:#666; background: #eee; font-family:kozuka gothic pro; } .label-size a:hover { color:#000; text-decoration:underline; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s;transition: all .5s; }

Luego Guardamos Plantilla Y Listo:


  algo editado via... oloblogger.com


Escrito Por: Andy Gomez.

Comparte este articulo con tus amigos en las redes sociales y Vota por el articulo en Bitacoras.com

Twittear Compartir