25 ene. 2015

[Tutorial] Eliminar fondo a un gadget [100% MÍO]

Hiii! En el tuto de hoy os enseñare a como ponerle un fondo transparente a un gadget! 
Ven como queda? Además he puesto para que también quite el borde que pone Blogger a los gadgets.
Bueno, este tuto es super sencillo! Aquí os dejo como hacerlo...
1. Primero vamos a Plantilla > Editar HTML y buscamos el código del gadget en cuestión: lo encontraras buscando el título que le hayas puesto al gadget! (Ctrl + F) Por ejemplo, si quiero quitar el fondo del gadget "Afilados" pues lo buscare en el HTML, encontrando algo similar a esto:
<b:widget id='HTML1' locked='false' title=‘Afilados’ type='HTML'>
Afilados: Este es el titulo que le he puesto al gadget al que quiero reducir el margen que nos pone Blogger.
HTML1: Nombre que le ha puesto el HTML al gadget.

2. Una vez que tenemos el nombre del gadget del HTML (HTML1) vamos a Plantilla > Editar HTML  > Buscamos ]]></b:skin> y encima pegamos este código:
#HTML1{
background: transparent;
border: 0px
}
3. Comprobamos que todo esta correcto mirando en el Vista Previa, y guardamos! Y hacemos esto con todos los gadgets que quieras ^^

Fácil verdad? Si tenéis alguna duda, comenten!
Hasta pronto~!

No hay comentarios:

Publicar un comentario