Compartir entradas con un corazón deslizante (para wordpress)

El blog de luca


He encontrado una forma original y romántica de compartir las entradas de tu blog.
Si estás cansado de esos rutinarios íconos en fila interminable, éste corazón puede ser una buena opción, más que nada para los más románticos.

El corazón se despliega solamente con posicionar el cursor encima de él, dejando al descubierto las distintas opciones para que el lector comparta tu entrada y es aplicado como un gadget flotante, así que cualquier lector lo verá y se sentirá tentado a posarse sobre él, o bien lo hará sin querer, aumentando las posibilidades de que comparta tu artículo.

Para hacerlo sigue estos pasos
  1. Entra en tu blog a Diseño
  2. Ingresa a HTML
  3. Busca con ctrl F la sección </head>
  4. Antes de la misma pega el siguiente código

<!-- Start Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ -->
<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;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ -->


5. Este otro código lo añadirás encima de la etiqueta </body>



<!-- Start Heart Share Code From http://www.spiceupyourblog.com/ -->

<div style='position: fixed; bottom: 2%; left: 2%;'>

<div class='shareEgg' id='shareThisShareHeart'/>

</div>

<script 
type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;,
 
[&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;],
 {title:&#39; 
<data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a
 href="http://www.spiceupyourblog.com/">Blogger Wordpress 
Gadgets</a>

<!-- End Heart Share Code From http://www.spiceupyourblog.com/ -->




6. Repasa la vista previa y si todo está bien, guarda los cambios.



FUENTE: Aizum






comentaempty
Imprimir

No hay comentarios:

Publicar un comentario