blog

Cómo poner fondo al gadget de seguidores

Mostrando las entradas con la etiqueta seguidores. Mostrar todas las entradas
Mostrando las entradas con la etiqueta seguidores. Mostrar todas las entradas

11.2.15

Cómo poner fondo al gadget de seguidores

Hola, hola! 
Que tal están? espero que muy bien ♥
Hoy vamos a ver un 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
2. Buscamos (para buscar Ctrl+f) < /b:skin>
3. Antes de < /b:skin> pegar el siguiente código

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

Tiene que quedar así:


***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

Estilos de border
dotted: Borde con lineas punteadas.
dashed: Borde con líneas rayadas.
solid : Borde con líneas sólidas. 
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!! 

Share to Facebook Share to Pinterest