CSS Gadget Como agregarle un icono a cada gadget del sidebar para Blogger
La mayor parte de los bloggers buscan como decorar su blog para un mayor atractivo para sus usuarios, entonces este tutorial es para ti.

Si quieres seguir con el tutorial te recomendamos imágenes de 16x16 o 32x32 y que sean PNG. 

Daremos un ejemplo con el gadget de Label (Etiquetas). 

  • Paso 1: Vamos a Blogger>> Diseño>> Añadir un gadget>> Etiquetas
  • Paso 2: Dentro del gadget, en la URL del Gadget veremos la ID:
  • Paso 3: Una ves sabida la ID del gadget buscamos la siguiente linea en nuestra plantilla (Ctrol + F)
 ]]></b:skin>
  • Paso 4: Justo por encima de  ]]></b:skin> pegamos el siguiente código CSS
#Label1 h2 {
  margin: 0 0 1em 0;
  font: $(widget.title.font);
  color: $(widget.title.text.color);
  text-transform: uppercase;
  background:url(URL de la Imagen) no-repeat scroll left center;
  padding:10px 0px 5px 38px;} 
  • Paso 5: Guardamos los cambios realizados. 

Espero que hallan entendido cualquier duda saben que esta la caja de comentarios:


- - 0 Comentarios
Tag

Comentarios (0)

:))
:((
:D
:(
:)
:-)
;)
=))
:p
=.=
==
^_^
/=he
:*
/=r
/=l
:v
/=ok
/=clap
(y)
(yy)
/=hi
/=j
/=hup
/=hd
/=hl
/=hr
/=s
<3

Instrucciones Para omentar

Incertar Enlace

Utilice el codigo <a href='LINK'> EJEMPLO </a>

Cargar Imagen

[img] LINK_ANH [/img] -Use el codigo para cargar una imagen.

Formato Word

<b> negrita </b>
<i> cursiva </i>
<u> texto subrayado </u>
<strike> texto tachado </strike>

Insertar un Fragmento de codigo

Primero use esta herramienta para codificar el codigo que quiera agregar.
Luego utilice el codigo [code] CODIGO HTML [/code]

Cerrar