02 septiembre 2012

Botones Sociales flotantes arriba del blog



Botones Sociales flotantes arriba del blog

En una entrada anterior publiqué cómo poner botones flotantes de twitter, facebook y google+, y estos estaban fijos (o sea flotantes) en una esquina del blog, de forma vertical. Algunos me han preguntado si podrían poner esos botones (u otros) de forma horizontal. Si los ponen arriba o abajo ya queda a criterio de cada quien.

En realidad es sencillo. Vamos a utilizar el mismo código que usamos en la entrada en cuestión, con la particularidad de que los pondremos en forma horizontal. Aquí yo he puesto estos botones que me parecieron bastante simpáticos.

Puedes verl los botones aquí en esta misma entrada.

Para ponerlos hacia un costado del blog en la parte de arriba, entra en Diseño, Edición Html, y con los artilugios expandidos pega antes de </body> el siguiente código:  

<a href='https://www.facebook.com/pages/Bloger-Bloger/149171335193313' target='_blank' title='Sígueme en Facebook'><img src='https://lh5.googleusercontent.com/-gyWWKfodvu4/UEQYKxDRkTI/AAAAAAAAA18/SgbhO4HWN9s/s35/facebook-icon%2520-%2520copia.png' style='display:scroll;position:absolute;top:10px;right:70px;' alt="" /></a>

<a target="blank" href="http://twitter.com/twitter" title="Sígueme en Twitter"><img border="0" style="position:absolute;top:10px; right:130px; display:scroll;" src="https://lh4.googleusercontent.com/-zOthLKwGrx4/UEQYYw2wVhI/AAAAAAAAA2k/3XW026N7hBw/s35/twitter-icon.png"/></a>

<a href='https://plus.google.com/' target='_blank' title='Sígueme en Goolge+'><img src='https://lh6.googleusercontent.com/-JGSjLrCtD_g/UEQYQdNY_iI/AAAAAAAAA2Q/UaijZ7lx8iA/s35/google-icon1.png' style='display:scroll;position:absolute;top:10px;right:0px' alt="" /></a>

Cambia la dirección de tu cuenta de Facebook, la de Twitter y de Goolge+.

Si quieres poner tus propias imágenes de redes sociales solo cambia la url de la imagen de esta entrada por la url de la tuya y listo. Si quieres que los botones te queden abajo cambia top: 10px por bottom: 10px y eso será todo. Lo mismo si los quieres a la izquierda, solo cambia right por left y listo.

Lo ves. Super sencillo.


No hay comentarios:

Publicar un comentario

Copia lo que quieras. Si crees que valió la pena, menciona este blog.

BLOGER & BLOGER ® 2020 | Plantilla Adaptada y Rediseñada Por Bloger & Bloger