Código HTML para poner botón de "seguir en Facebook"

El código de este post, es un código de ciudad blogger, al cual simplemente le he añadido la propiedadwidth:px; para ajustar el botón y que este no tape los bordes de nuestro blog. Para este post utilizaré una imagen de Facebook ustedes pueden poner la imagen de su red social favorita.

Para añadirlo a tu blog ve a Diseño > Añadir Gadget HTML > y pega el siguiente código (si no funciona, ponlo dentro de otro gadget que ya tengas):

<a href='http://www.facebook.com/usuario' target='_blank' title='Sígueme en Facebook'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0ItSq3n07wPAPPRU2ObExL7vCW3smkhkjtPjqwi43WE0RUDPohSLkFCUmpI7nJdATfXPMhyphenhyphenFApfsop8LpZ_FiaYWftEAcl7A1XhOSSOoMn_RcU1ZHZVJekwF64kkg28Msx_gmOucQbjs/s320/Facebook-2.jpg" style="width:30px; display:scroll;position:fixed;bottom:225px;right:0px" /></a>

Lo que está en color azul cámbialo por la dirección de tu Facebook, Twitter, Icono RSS, etcétera. En este caso tenemos facebook.
Si quieres poner tu propia imagen, cambia lo que está en color rojo por la url de tu imagen.
Lo que está en color celeste cámbienlo por el texto que ustedes quieran.
Si el botón te tapa parte del borde de tu plantilla ajusta los pixeles en width:30px se los dejo en color amarillo.
También pueden ajustar la altura a la que se verá el botón en bottom:225px y la alineación si lo quieren al lado izquierdo cambien right por left.


Vía |  Ciudad Blogger