add

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><small><a href='http://www.grupodelecluse.com'>Gadget de animacion Social</a> - <a href='http://www.ayudadeblogger.com'>Widgets para Blogger</a></small>

<!-- 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.

emailEnviar por correo

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

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (33) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (11) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios