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

20 comentarios

  1. Muy útil me encanta tu blog

    saludos

    ResponderBorrar
  2. Wooww Wendy, me encanta!! muchas gracias!!

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

    Muchas gracias, Wendy.

    ¡Un muackiles!

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

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

    ResponderBorrar
  6. Buena idea, ya que original es algo, bueno mucho muy feo.

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

    ResponderBorrar
  8. Un genial tutorial Wendy, estupendo!!! :) Bss

    EW

    ResponderBorrar
  9. me gusta muy lindo pero tal vez despues

    ResponderBorrar
  10. Madre míaa qué chulo se queda! gracias! Muak!

    ResponderBorrar
  11. 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!

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

      Borrar
  12. 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

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

      Borrar
  13. Hola! Qual és o url del fondo de flores? Gracias!

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

      Borrar
  14. Muchas gracias: en mi blog de prueba me salió bien.

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

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

    ResponderBorrar
  17. Muy bien, esto era lo que me hacia falta.

    ResponderBorrar

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

20 comentarios:

  1. Muy útil me encanta tu blog

    saludos

    ResponderBorrar
  2. Wooww Wendy, me encanta!! muchas gracias!!

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

    Muchas gracias, Wendy.

    ¡Un muackiles!

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

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

    ResponderBorrar
  6. Buena idea, ya que original es algo, bueno mucho muy feo.

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

    ResponderBorrar
  8. Un genial tutorial Wendy, estupendo!!! :) Bss

    EW

    ResponderBorrar
  9. me gusta muy lindo pero tal vez despues

    ResponderBorrar
  10. Madre míaa qué chulo se queda! gracias! Muak!

    ResponderBorrar
  11. 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!

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

      Borrar
  12. 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

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

      Borrar
  13. Hola! Qual és o url del fondo de flores? Gracias!

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

      Borrar
  14. Muchas gracias: en mi blog de prueba me salió bien.

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

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

    ResponderBorrar
  17. Muy bien, esto era lo que me hacia falta.

    ResponderBorrar

Gracias por tus comentarios