Existen muchos sistemas para compartir las entradas de un blog en las redes sociales. Algunos con la ayuda del CSS y el Javascript son realmente originales, como en el caso que aqui te presento. Se trata de la imagen de un huevo flotante que lleva pintado el conocido signo de compartir. Al hacer click sobre el, se abre el cascaron y dentro aparecen los iconos de las principales redes para que compartan tus posts. Un efecto original y que sin duda sorprendera a los usuarios de tu blog.
Para añadir este marcador social tan guapo en tu blog, vas a la plantilla y antes de </head> pegas este codigo Javascript:
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: "bea50586-2b9f-448d-947a-01385f28e305", onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/> |
Ahora buscamos </body> y tambien antes añadimos este codigo:
<div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div> <script type='text/javascript'>stlib.shareEgg.createEgg ('shareThisShareEgg', ['facebook','twitter', 'googleplus','linkedin','blogger',' stumbleupon'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareegg'});</script> |
