Tutorial: Botones flotantes: Follow & Dashboard

¡Hola a todos mis tomodachis! Hoy les traigo un tutorial muy simple y fácil de unos botoncitos flotantes de {Follow} y {Dashboard} Obviamente lo pueden personalizar o cambiar a su gusto ^^

Así les quedaría en la parte superior, esquina derecha de su blog:

Para empezar vamos a:
Diseño | Añadir un gadget | HTML/Javascript

Y copiamos y pegamos el siguiente código:

<style text="css">

a.button{background:#FFDDDD;color:#ffffff; -webkit-transition: 0.4s; -moz-transition: 0.4s;text-decoration:none; font-family:calibri;  font-size:12;padding:5px;border-radius:5px;width:70px;text-align:center;display:inline-block;}

a.button:hover{background:#D6CBF4;-webkit-transition: 0.4s; -moz-transition: 0.4s;color:#ffffff; text-decoration:none; font-family:calibri;  font-size:12;padding:5px;border-radius:5px;width:70px;text-align:center;display:inline-block;}

</style>

<div style="position:fixed; top :5px; right:5px;">

<a class="button" href="https://www.blogger.com/follow.g?blogID=5195444891937933327">Follow</a> <a class="button" href="http://www.blogger.com/home">Dashboard </a> </div>

Editemos:

ROJO: Color del fondo del botoncito

NARANJA: Color de las letras del botoncito

AZUL: Color del fondo del botoncito al poner el cursor sobre él

VERDE: Color de las letras del botoncito al poner el cursor sobre él

ROSA: Link para seguir tu blog

BORDO: Link 2

CELESTE: Lo que dice en los botoncitos

Ante cualquier duda diganme en los comentarios :3

Eso es todo, espero que les haya gustado este tutorial :3