Tutorial: ¿Como pongo gadgets en la cabecera?

¡Holaaa tomodachis! ¿Que tal, como andan? Espero que muy bien, hoy les traigo un tutorial, ya que hace bastante no hacemos uno n.n

¿Como poner gadgets en la cabecera?

Es un detalle muy bonito que le puedes poner a tu blog para que se vea más divertido:

Click para verla más grande

La imágen es de Lunany, como pueden ver xD

Para obtenerlo vamos a 

Diseño>> Añadir Gadget >> HTML/Javascript

Y copias y pegas este código:

<div style="position: absolute; margin-top: -150px; right: 10px;">Aqui tu codigo de tu gadget</div>

Para moverlo:

150: Si aumentas subirá más arriba el gadget y si disminuyes bajará.

10: Si aumentas se irá más a la izquierda y si disminuyes se ira más a la derecha 

right: Significa Derecha, Puedes cambiar por "left", que es izquierda, y estara en el lado izquierdo y en ese caso el 10 sera lo contrario de lo que dije antes

Aqui tu codigo de tu gadget: Puedes poner cualquier codigo de gadget que quieras, ya sea, de bienvenida, de menú, de publicidad, de créditos etc. . .

Espero que les haya gustado, yo me lo anotaré para algún diseño que haga :3

Créditos a Lunany por el tutorial ^^

Les dejo tutoriales relacionados:
Bordes redondos en gadgets / Gadget de publicidad / Códigos HTML: Lo básico para empezar
Por favor ante cualquier duda deja un comentario :)