Todos los bloggeros buscan formas unicas de poner marcadores sociales ya que es atraves de ellos que los lectores comparten nuestros articulos y es por ello que  cumplen un papel vital en el blog.

Dentro de este contexto hoy les presento el «Huevo Bookmarking», este gadget consta de un pelicular huevo que al pasar el cursor sobre el se abre con un espectacular efecto deslizante y mostrando asi los marcadores sociales que lleva dentro.


Para agregar este truco pega antes de </head> lo siguiente:

<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: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

Ahora encima de </body> pega lo siguiente:

<div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script>

Por ultimo solo guarda los cambios.

Via/Spice Your Blog


13 comentarios

Anonymous · julio 3, 2012 a las 8:31 pm

Estupendo Huevo y muy innovadora la idea 😛

    Juvinao · julio 3, 2012 a las 8:33 pm

    Gracias por comentar amigo y pues que bueno que te haya gustado 😀

Alguien · julio 12, 2012 a las 1:36 pm

Gracias, pero ¿cómo lo pongo a la derecha?

Alguien · julio 12, 2012 a las 1:53 pm

Perdón, hace poco he hecho un comentario en el que preguntaba que cómo ponerlo a la derecha. Ya se cómo, pero ahora mi pregunta es:

¿Hay alguna manera de que se despliege hacia la izquierda?

    Juvinao · julio 12, 2012 a las 8:26 pm

    El huevo ya viene integrado en la parte inferior izquierda del blog.

Anonymous · agosto 16, 2012 a las 5:08 pm

en el segundo enlace diceque debo colocarlo encima de body… donde dice body??

    Juvinao · agosto 17, 2012 a las 12:25 am

    Debes agregar el código arriba de esa etiqueta.

jeferson13 · agosto 25, 2012 a las 6:41 pm

hola como transformo mi blog es un foro

ITAGH · septiembre 14, 2012 a las 12:03 am

excelente truco, gracias

jorge guti · marzo 3, 2013 a las 6:29 pm

Brother lo pongo pero me sale desde la portada, quisiera que solo me saliera en los pots, gracias sos un duro, abrazos

Responder a Juvinao Cancelar la respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *