Cómo poner fondo al gadget de seguidores
11.2.15Hola, 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;}
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.
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.
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!!
20 comentarios
Muy útil me encanta tu blog
ResponderBorrarsaludos
Wooww Wendy, me encanta!! muchas gracias!!
ResponderBorrar¡Qué cuco que queda! Me encanta... siempre nos sorprendes con cositas bonitas y fáciles.
ResponderBorrarMuchas gracias, Wendy.
¡Un muackiles!
Muy bonito, facil... a ver si encuentro un fondo que me guste)
ResponderBorrarUn saludo.
Muy bonito y original,la verdad que en muy pocos blogs lo e visto así...y queda chulo! gracias por compartirlo guapa,un beso
ResponderBorrarBuena idea, ya que original es algo, bueno mucho muy feo.
ResponderBorrarUn tutorial muy bonito y útil.
ResponderBorrarAhora buscaré a ver si encuentro algún fondo chulo.
Un saludo :)
Un genial tutorial Wendy, estupendo!!! :) Bss
ResponderBorrarEW
me gusta muy lindo pero tal vez despues
ResponderBorrarMadre míaa qué chulo se queda! gracias! Muak!
ResponderBorrarHola 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 *-*
ResponderBorrarUn besazo, me quedo por aquí y por las redes sociales!
Hola Elena, bienvenida ♥ Gracias por quedarte por acá :D
BorrarHola! 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
ResponderBorrarHola, bienvenida :) ! De seguro te sale ala primera ♥
BorrarHola! Qual és o url del fondo de flores? Gracias!
ResponderBorrarHola, La URL es la que tienes que obtener de la imagen.
BorrarMuchas gracias: en mi blog de prueba me salió bien.
ResponderBorrarme funciono ante no me funcionaba ahora siii gracias mi bloggler el que me quieres seguirme http://secretosrocioventura.blogspot.com/
ResponderBorrarMuchas gracias por este tutorial! me sirvió muchísimo, fue super fácil.
ResponderBorrarBesos!
Muy bien, esto era lo que me hacia falta.
ResponderBorrarGracias por tus comentarios