29 marzo 2012

Botones flotantes de Twitter, Facebook y Google+ en tu blog


Aunque ya he publicado varias opciones para poder implementar los botones sociales en el blog de forma normal y otra con css y efecto hover, tambien es cierto que ninguna de ellas permanece flotante en la pantalla; por ello aquí les traigo unos botones flotantes para que quienes visitan tu blog puedan convertirse en seguidores de tu página en las redes sociales. Son tres botones (además del botón de Twitter y Facebook he incluido el de Google+) y puedes elegir si ponerlo a la derecha o a la izquierda de tu pantalla. El ejemplo pueden verlo aquí mismo a la izquierda de esta entrada.

Para implementarlo en las plantillas del Diseñador de Plantillas de Blogger solo entra en Diseño, Añadir gadget, Html-javascript y pega en siguiente código:

<a href='https://www.facebook.com/pages/Bloger-Bloger/149171335193313' target='_blank' title='Sígueme en Facebook'><img src='https://lh4.googleusercontent.com/--RfOANn0MtM/T3LnLDlJApI/AAAAAAAAAWs/qbebHgtrFnQ/s48/facebook.png' style='display:scroll;position:fixed;bottom:120px;left:10px;' alt="" /></a>

<a target="blank" href="http://twitter.com/twitter" title="Sígueme en Twitter"><img border="0" style="position:fixed;bottom:180px; left:0px; display:scroll;" src="https://lh5.googleusercontent.com/-p27BX-olgO8/T3QN39zRpCI/AAAAAAAAAYI/RfOk1he5VQc/s55/botontwitter-byb.png"/></a>

<a href='https://plus.google.com/' target='_blank' title='Sígueme en Goolge+'><img src='https://lh6.googleusercontent.com/-Htp5J9w8gro/T3Nrbo9s7yI/AAAAAAAAAX0/QA6VQR1SAAg/s55/google_plus-150x150byb.png' style='display:scroll;position:fixed;bottom:40px;left:0px' alt="" /></a>

Para las plantillas personalizadas pega el código antes de </head>

Cambia lo que está en naranja con la url de tus cuentas tanto en Twitter como en Facebook y Google+

Si los botones los quieres al lado derecho de tu sidebar solo cambia left por right. También puedes poner tus propias imágenes de botones, reemplazando lo que esta en rojo, pero ten en cuenta que tus imágenes no deberán exceder de 55x55px para que el bloque de imágenes no se distorcione. Das en vista previa, y si todo está como debe estar pones guardar.
Y eso es todo. Ahí tienes los tres botones de redes sociales más famosos hasta ahora flotando en tu blog.

8 comentarios:

  1. gracias por el aporte Bloger y Bloger me quedó muy bonito lo puse al lado izquierdo lo puedes ver en: www.saposoaenlanoticia.blogspot.com

    ResponderEliminar
    Respuestas
    1. Roger Pereyra Sandoval: Que bueno que te haya servido. Gracias a ti por comentar y visitar Bloger & Bloger. Me daré una vuelta por tu blog.

      Eliminar
  2. me quedo bn en el mio ,buen blog

    ResponderEliminar
    Respuestas
    1. INFORMATICA Y JUEGOS, me alegra que te haya servido. Gracias por tu comentario y tu visita.

      Eliminar
  3. Excelente aporte :) El hecho de que un blog ayude a bloggeros a perfeccionar sus sitios, demuestra que hay interes de crecer. Nada de egoismos... Seguiré dándome la vuelta por el sitio

    Att: www.teatroencr.blogspot.com

    ResponderEliminar
    Respuestas
    1. Colectivo Teatro en Costa Rica, gracias por tu comentario. Ayuda el hecho de hacer lo que a uno le gusta... como en mi caso. Serás bienvenido las veces que quieras :)

      Eliminar
  4. Gracias por su post, acabo de poner g+, en mi blog. Muy buen aporte.
    Gab

    ResponderEliminar
    Respuestas
    1. Gab Riel, gracias a ti por tu visita y tu comentario.

      Eliminar

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

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