Widget de redes sociales para blogger

Les presento un espectacular widget para que lo usen en su blog de blogger. Muchos bloggers necesitan un widget para que sus lectores puedan compartir sus artículos y así darse a conocer más en el mundo del Internet. Con este widget de redes sociales podrán incrementar sus visitas, gracias a sus lectores, ya que ellos son los que le darán los créditos de su blog de blogger. La inserción del código para usarlo en nuestro blog de blogger es muy fácil, solo deben seguir las instrucciones y nada más. Las características de este fabuloso widget de redes sociales son las siguientes: Tiene Pinterest, Google +, Twitter, Facebook, Tumblr, Envío por Email. Al pasar el cursor del mouse por el widget se desplegara automáticamente las redes sociales a compartir.

Widget de redes sociales para blogger

A continuación mire su demostración en mi blog de demos.


Luego de haber visto su demostración en mi blog de demos nos dirigimos a trabajar.

1 Abrir blogger

2 Dirígete a “Plantilla”, dale un clic en “Editar HTML” 

Ahora se te abrirá el editor HTML de tu plantilla, se mostrara igual como la imagen que esta a continuación


En  este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor, debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual te mostrara tal y cual deberá aparecerte el buscador en tu editor HTML de tu plantilla y así puedas colocar el código en el buscador al momento que yo diga busca este código.


3 Busca este código </body> y encima de el inserta el siguiente código.

<!-- Start Shareaholic Sassy Bookmarks HTML - http://www.grupodelecluse.com -->
<div class='shr_ss shr_publisher'>

</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type='text/javascript'>
var SHRSS_Settings = {&quot;shr_ss&quot;:{&quot;src&quot;:&quot;//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark&quot;,&quot;link&quot;:&quot;&quot;,&quot;service&quot;:&quot;5,7,2,313,38,201,88,74&quot;,&quot;apikey&quot;:&quot;b87f5899d80a5edce8b5e55f58542ef0f&quot;,&quot;localize&quot;:true,&quot;shortener&quot;:&quot;bitly&quot;,&quot;shortener_key&quot;:&quot;&quot;,&quot;designer_toolTips&quot;:true,&quot;tip_bg_color&quot;:&quot;black&quot;,&quot;tip_text_color&quot;:&quot;white&quot;,&quot;viewport&quot;:true,&quot;twitter_template&quot;:&quot;${title} - ${short_link} via @Shareaholic&quot;}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type='text/javascript'>
(function() {
var sb = document.createElement(&quot;script&quot;); sb.type = &quot;text/javascript&quot;;sb.async = true;
sb.src = (&quot;https:&quot; == document.location.protocol ? &quot;https://dtym7iokkjlif.cloudfront.net&quot; : &quot;http://cdn.shareaholic.com&quot;) + &quot;/media/js/jquery.shareaholic-publishers-ss.min.js&quot;;
var s = document.getElementsByTagName(&quot;script&quot;)[0]; s.parentNode.insertBefore(sb, s);
})();
</script>

<!-- End Shareaholic Sassy Bookmarks script -->
<!-- End Shareaholic Sassy Bookmarks HTML - http://www.ayudadeblogger.com -->

4 Dale un clic en “Guardar Plantilla” y listo mira los cambios en tu blog de blogger

Ahora ya tienes un widget para compartir tus artículos con las mejores redes sociales.

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber y de inmediato les responderé.

Saludos.

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
¿Te ha resultado útil este artículo, recomiendanos?
Si



Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.

Related post

Comentarios

10 comentarios:

  1. no me funciona en un dominio.es será que solo es para blogger?

    ResponderEliminar
  2. mi amigo gracias
    fuiste de gran ayuda
    exitos y bendiciones....

    ResponderEliminar
  3. Muy Bueno!
    Habra alguna manera de colocarlo en ingles?

    ResponderEliminar
  4. Claro que si, cambia los nombres del codigo que se desplegan en tu widget, eso es todo y ponle en ingles.
    Saludos.

    ResponderEliminar
  5. holaa, esta genial, pero una consulta como ponerlo en un html

    ResponderEliminar
    Respuestas
    1. Abre tu codigo html de tu proveedor e insertalo antes del termio del < /body>
      Saludos.

      Eliminar
  6. Muchas gracias, me ha quedado muy chulo en mi blog!

    ResponderEliminar
  7. Está genial!! Me encanta.Muchísimas gracias por el aporte
    Un saludo

    ResponderEliminar