Cómo poner fondo al gadget de seguidores

11.2.15

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

más post bonitos que de seguro te van a interesar

19 comentarios

  1. ¡Qué cuco que queda! Me encanta... siempre nos sorprendes con cositas bonitas y fáciles.

    Muchas gracias, Wendy.

    ¡Un muackiles!

    ResponderEliminar
  2. Muy bonito, facil... a ver si encuentro un fondo que me guste)
    Un saludo.

    ResponderEliminar
  3. Muy bonito y original,la verdad que en muy pocos blogs lo e visto así...y queda chulo! gracias por compartirlo guapa,un beso

    ResponderEliminar
  4. Buena idea, ya que original es algo, bueno mucho muy feo.

    ResponderEliminar
  5. Un tutorial muy bonito y útil.
    Ahora buscaré a ver si encuentro algún fondo chulo.
    Un saludo :)

    ResponderEliminar
  6. Un genial tutorial Wendy, estupendo!!! :) Bss

    EW

    ResponderEliminar
  7. me gusta muy lindo pero tal vez despues

    ResponderEliminar
  8. Madre míaa qué chulo se queda! gracias! Muak!

    ResponderEliminar
  9. Hola Wendy! Acabo de dar con tu blog y me ha encantado todo lo que he visto hasta ahora :D Un tutorial genial, no había visto nunca uno sobre esto! Muchas gracias *-*

    Un besazo, me quedo por aquí y por las redes sociales!

    ResponderEliminar
    Respuestas
    1. Hola Elena, bienvenida ♥ Gracias por quedarte por acá :D

      Eliminar
  10. Hola! Me parece un tutorial muy bonito, lo voy a aplicar, espero que me salga. Ya estoy siguiendo tu blog, es super bonito :3 me encanta. Tambien te segui en G+ Espero que estes muy bien, besitos

    ResponderEliminar
    Respuestas
    1. Hola, bienvenida :) ! De seguro te sale ala primera ♥

      Eliminar
  11. Hola! Qual és o url del fondo de flores? Gracias!

    ResponderEliminar
    Respuestas
    1. Hola, La URL es la que tienes que obtener de la imagen.

      Eliminar
  12. Muchas gracias: en mi blog de prueba me salió bien.

    ResponderEliminar
  13. me funciono ante no me funcionaba ahora siii gracias mi bloggler el que me quieres seguirme http://secretosrocioventura.blogspot.com/

    ResponderEliminar
  14. Muchas gracias por este tutorial! me sirvió muchísimo, fue super fácil.
    Besos!

    ResponderEliminar

Gracias por tus comentarios

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

19 comentarios:

  1. ¡Qué cuco que queda! Me encanta... siempre nos sorprendes con cositas bonitas y fáciles.

    Muchas gracias, Wendy.

    ¡Un muackiles!

    ResponderEliminar
  2. Muy bonito, facil... a ver si encuentro un fondo que me guste)
    Un saludo.

    ResponderEliminar
  3. Muy bonito y original,la verdad que en muy pocos blogs lo e visto así...y queda chulo! gracias por compartirlo guapa,un beso

    ResponderEliminar
  4. Buena idea, ya que original es algo, bueno mucho muy feo.

    ResponderEliminar
  5. Un tutorial muy bonito y útil.
    Ahora buscaré a ver si encuentro algún fondo chulo.
    Un saludo :)

    ResponderEliminar
  6. Un genial tutorial Wendy, estupendo!!! :) Bss

    EW

    ResponderEliminar
  7. me gusta muy lindo pero tal vez despues

    ResponderEliminar
  8. Madre míaa qué chulo se queda! gracias! Muak!

    ResponderEliminar
  9. Hola Wendy! Acabo de dar con tu blog y me ha encantado todo lo que he visto hasta ahora :D Un tutorial genial, no había visto nunca uno sobre esto! Muchas gracias *-*

    Un besazo, me quedo por aquí y por las redes sociales!

    ResponderEliminar
    Respuestas
    1. Hola Elena, bienvenida ♥ Gracias por quedarte por acá :D

      Eliminar
  10. Hola! Me parece un tutorial muy bonito, lo voy a aplicar, espero que me salga. Ya estoy siguiendo tu blog, es super bonito :3 me encanta. Tambien te segui en G+ Espero que estes muy bien, besitos

    ResponderEliminar
    Respuestas
    1. Hola, bienvenida :) ! De seguro te sale ala primera ♥

      Eliminar
  11. Hola! Qual és o url del fondo de flores? Gracias!

    ResponderEliminar
    Respuestas
    1. Hola, La URL es la que tienes que obtener de la imagen.

      Eliminar
  12. Muchas gracias: en mi blog de prueba me salió bien.

    ResponderEliminar
  13. me funciono ante no me funcionaba ahora siii gracias mi bloggler el que me quieres seguirme http://secretosrocioventura.blogspot.com/

    ResponderEliminar
  14. Muchas gracias por este tutorial! me sirvió muchísimo, fue super fácil.
    Besos!

    ResponderEliminar

Gracias por tus comentarios