Implementación de Barra de Compartir Social con Addthis

  • Autor Autor jlchevrolet
  • Fecha de inicio Fecha de inicio
J

jlchevrolet

Zeta
Barra social Addthis

Al hacer scroll se asoma en la parte superior la barra social

addthis_zps7bf7024b.jpg


Esta barra estubo diponible para ser generada en addthis.com (pero duro muy poco y ya no se encuentra disponible en la web)

A pesar de eso el codigo sigue funcionando y la barra cumple su funcion

Demo: Gadget Blogger

Para poder implementarla, solo se debe agregar el siguiente codigo en un nuevo Gadget, ingresando desde Diseño|añadir un gadget | HTML/Javascript

Insertar CODE, HTML o PHP:
<script type="text/javascript">
var addthis_config = {
    bar_show_below : 150
}
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>
<div class="addthis_bar addthis_bar_medium">
    <label>Compartinos en >>> </label>
    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
        <span><a class="addthis_button_preferred_1"></a></span>
        <span><a class="addthis_button_preferred_2"></a></span>
        <span><a class="addthis_button_preferred_3"></a></span>
        <span><a class="addthis_button_preferred_4"></a></span>
        <span><a class="addthis_button_compact"></a></span>
        <span><a class="addthis_counter addthis_bubble_style"></a></span>
    </div>
</div>

El mensaje para mostrar lo modifican cambiando esta linea

Insertar CODE, HTML o PHP:
<label>Compartinos en >>> </label>

Saludos espero les sirva! :encouragement: yo creo que si, esta muy elegante :drunk:
 
Tremendo aporte, gracias por compartirlo. :encouragement:
 
Atrás
Arriba