Poner un Botón al lado Derecho o Izquierdo del Blog | Para Facebook, Twitter, Icono RSS y más

Este botón lo puedes poner tanto al lado derecho como al izquierdo, y puede ser de Facebook, Twitter, RSS, o de lo que ustedes quieran.

El código de este post, es un código de ciudad blogger, al cual simplemente le he añadido la propiedad width: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 > Edición de HTML > con la ayuda del buscador de tu navegador (Ctrl + F) busca la etiqueta </body> y justo antes pega el siguiente código:

<a href='http://www.facebook.com/usuario' target='_blank' title='Sígueme en Facebook'><img src="http://3.bp.blogspot.com/_CJgyaq5cULk/S4J4hcZ
FYWI/AAAAAAAAArM/dIqF5xgzQdU/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.

Fuente: pazosblogger.com

2 comentarios:

MEME Elvira dijo...

Hola gracias por el código. Me encantan los que se colocan en un gadget html y te comento que coloqué el código en uno y me resultó. No sé si esto provoca alguna dificultad al blog, si hace más lenta la carga. Sólo estoy metiendo mano, me falta muuuucho por aprender, pero soy bastante camikaje jaja¡. Gracias nuevamente. Ah como soy novata en ésto no sé si puedo hacer una entrada en mi blog con éste código. Avisame si no pliss¡¡¡. En mi blog voy colocando todo lo que estoy aprendiendo y te digo que es una mezcolanza pero me divierto.

MEME Elvira dijo...

Ah te aclaro que entendí que el código va en la plantilla y no en un gadget.

Publicar un comentario

Publicaciones recientes

 

  © 2009 Crea tu Blog

True Contemplation Blogger Template by M Shodiq Mustika