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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLFKOgo9Et2OHV_jh2SxJ13K1IxEAq17gbw1YKuag5tKnAtUHBrXBvq03gUpb-FwDvAt3661CuTzrAzK3yK6td3wRY4o-lSdMg1aU5E0RkF4XVKn-zM1vTrR6gVjuIoixcSbhPhK7e6SM/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDPojVg4WQISzNCAPVvWsyx8ljkUjGbTqiv2CnysNTc0oShXJUjiAOx6Q_EtczcCj0tR6PZcj-mVMgRnnpofc0OvcVQ_z80u92VyoiQY-g_Y3k4qQcmDEKa0aegja8g5AXQcZANI1jtjc/s55/botontwitter-byb.png"/></a>
<a href='https://plus.google.com/' target='_blank' title='Sígueme en
Goolge+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRwDNxklEAc4iaSaZN8dNjxTYBkKeAInVGmGC74rMO5WESRkddczb5GKryq7m6ceN9vTxUJkPQpb6mpB4zIIs1FofjQvdciaVcNoEORZWxAMl4sf_Hmd2VQCuNnK8HM5nceDOmkmm48SA/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+.
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.
gracias por el aporte Bloger y Bloger me quedó muy bonito lo puse al lado izquierdo lo puedes ver en: www.saposoaenlanoticia.blogspot.com
ResponderEliminarRoger Pereyra Sandoval: Que bueno que te haya servido. Gracias a ti por comentar y visitar Bloger & Bloger. Me daré una vuelta por tu blog.
Eliminarme quedo bn en el mio ,buen blog
ResponderEliminarINFORMATICA Y JUEGOS, me alegra que te haya servido. Gracias por tu comentario y tu visita.
EliminarExcelente 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
ResponderEliminarAtt: www.teatroencr.blogspot.com
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 :)
EliminarGracias por su post, acabo de poner g+, en mi blog. Muy buen aporte.
ResponderEliminarGab
Gab Riel, gracias a ti por tu visita y tu comentario.
Eliminar