Cómo poner fondo al gadget de seguidores

Publicado el 11 febrero 2015 por Wendy Rayde

Hola, hola! Hoy vamos a ver un
Que tal están? espero que muy bien ♥
tutorial para el gadget de seguidores muy fácil y con un resultado muy bonito!

Para poder realizar este tutorial se debe de tener instalado el gadget de seguidores

1. Vamos a plantilla → Edital HTML

#Followers1 .widget-content{height:auto;width:auto;background-image:url(URL DEL FONDO);repeat; repeat; padding: 5px;border: 1px dashed #000000 ;border-radius: 8px;}

***Borrar donde dice URL DEL FONDO y colocar la URL de nuestro fondo
Damos clic en guardar plantilla
y nos quedará asi.

Podemos cambiar todos los elementos del código para lograr que el el gadget de seguidores se mire mas bonito y combine con nuestro blog.

Vamos a desglosarlo y explicarlo:

#Followers1 .widget-content{height:auto;width:auto;background-image:url(URL DEL FONDO);repeat; repeat; padding: 5px;border: 1px dashed #000000 ;border-radius: 8px;}

**URL DEL FONDO: Aquí tenemos que colocar la url de nuestro fondo

** Padding: Controla el ancho y el largo del gadget de seguidores

**Border: nos indica el borde y **Dashed el estilo del borde

**#000000: Indica el color del borde

**Border -radius: Indica el borde de las 4 esquinas del fondo

double: Borde con lineas dobles.
groove: Borde que se verá estriado.
ridge: Borde que se verá encrestado.
inset: Borde que con la línea biselada.
outset: Borde con la línea biselada al lado contrario .

  • Al final lo he dejado así, pero ustedes lo dejarán como mejor les guste ♥
  • Recuerden colocar un fondo en tonos suave respetando los colores de su blog!

Hemos finalizado el tutorial , que te ha parecido? Lo compartes en las redes sociales!!