【Tutoriales】Como personalizar cada gadget

¡Hola a todos y bienvenidos a una nueva entrada! Hoy os traigo un tutorial de como personalizar cada gadget. Así que ¡Empecemos!

Aquí os dejo un ejemplo (Créditos a Lunany-Kawaii) Os enseñare a como poner otro fondo, y como añadir bordes.

Lo primero que tenemos que hacer es ir a editar html. Y buscamos alguno de estos códigos (El que coincida con vuestro blog.

<b:section-contents id='sidebar-left-1'>

<b:section-contents id='sidebar-right-1'>

<b:widget id='HTML1'

Y buscamos el gadget que queremos cambiar. Por ejemplo:

 <b:widget id='HTML1' locked='false' title='Bienvenidos ♥' type='HTML'> 

Nos tenemos que quedar con lo que he subrayado. Tenemos que copiar el id.

Una vez encontrado el id del gadget que queremos editar, tenemos que ir al código 
]]></b:skin>

Y el id del gadget lo ponemos donde he subrayado en el siguiente código:

#HTML1  {

background: #EAF0D5 !important;/*color de Fondo */

color: # FFECEC  !important;/* color de Texto */

font-family: Imprima !important;/* Font del Texto */

font-size: 12 px  !important;/*Tamano del Texto */

border: 3px solid #F8B2B2  !important;/* Borde tamaño,tipo, color */

}

¡Y listo! Espero que os haya gustado este tutorial, como dije antes créditos a Lunany-Kawaii por este magnifico tutorial. Nos vemos en la próxima entrada y hasta entonces, ¡Adiós!