NorfiPC
NorfiPC » Publicación web » Botón Me Gusta en Blogger

Como agregar el botón Me Gusta o Pin it a mi blog en Blogger



Como insertar el código para mostrar los botones de compartir en Facebook, Pinterest, Twitter, Linkedin, Tumblr y otras redes sociales en todos los post de un blog de Blogger, para que los lectores puedan compartirlo. Todos los pasos de cómo hacerlo manualmente o usando el servicio de AddThis.
Como agregar el botón Me Gusta o Pin it a mi blog en Blogger
Después de crear un blog usando el servicio de Blogger, nos percataremos que de forma predeterminada solo están disponibles unos pocos botones en la parte inferior, poco visibles.
Son los botones +1, de twittear y compartir en Facebook.
Muchos de nuestros lectores no los ven a menos que tengan experiencia o que los busquen detalladamente.
Para asegurar que lo que publicamos en nuestro blog, nuestros lectores lo puedan compartir en los sitios sociales donde participan, es importantísimo facilitarles la tarea, o sea usar botones más grandes, no solo con el icono, sino que tengan el nombre necesario y que se muestren en la parte superior de cada entrada.
En este artículo, dirigido a los que no tienen conocimiento de la edición web, indicamos como solucionar esta situación.



Como mostrar botones de Facebook, Pinterest, Twitter en nuestro blog


Google permite personalizar completamente e insertar cualquier widget o botón en nuestro blog.
Hay tres opciones:
1- Usar los widgets disponibles en la configuración de Blogger, algunos son muy útiles, pero no existen los necesarios para mostrar el botón "Me Gusta" o "Pin It".
2- Usar servicios secundarios como AddThis que hace la tarea muy fácil y sencilla.
La desventaja es que tenemos que depender de servicios alternos en los que será necesario crear una cuenta y no tendremos garantía si se mostrarán correctamente, de acuerdo a la disponibilidad del servicio y estado de sus servidores.
3- Por último, podemos insertar manualmente los códigos que proporcionan las redes sociales y decidir exactamente donde mostrará el botón o vínculo.
Es la opción ideal y la que explicamos a continuación.



Como insertar el botón "Me Gusta" de Facebook en Blogger


Me Gusta es el botón más popular en internet.
Un blog o página web que no lo posea, se pierde cientos o miles de sugerencias valiosas.
Al dar un clic en él se publica en la biografía de esa persona, una entrada con el título, una descripción, una miniatura de una imagen de nuestro post y el vínculo.
Dicha publicación se le envía a gran parte de los amigos de dicho usuario en Facebook.
Cualquier clic posteriormente en el botón Me Gusta en Facebook, repercutirá en la práctica de forma positiva en la validez de nuestra publicación, ante Google y los otros buscadores de internet.
Para insertarlo de manera que se muestre en todas los post o entradas de tu blog, has lo siguiente:
1- En tu escritorio o Dashboard de Blogger da un clic en "Diseño" en la barra a la izquierda.
2- Da un clic en: "Añadir un Gadget".
Dashboard o Escritorio de Blogger
Se abrirá una nueva ventana con los Gadgets predeterminados que ofrece el servicio.
Revísalos que quizás alguno te servirá.
3- Busca el gadget llamado: "HTML/Javascript", da un clic en el signo + a la derecha.
Agregar gadget HTML a un blog de Blogger
Se abrirá la ventana donde insertar el código.
Ventana de insertar el código para un gadget en Blogger
4- Da un clic en el siguiente cuadro y copia el código usando las teclas Control + C.

5- Da un clic en la ventana de Blogger y usa las teclas Control + V para pegarlo.
En el cuadro Titulo escribe "Me Gusta".
6- Presiona el botón "Guardar".
7- De vuelta en el editor mueve el Gadget al lugar exacto donde deseas que se muestre el botón.
Ahora al crear una nueva entrada, verás el botón "Me Gusta" y adicionalmente el botón "Enviar", que permite enviarle el post a cualquier persona en Facebook.
La siguiente imagen es una captura original de un post en Blogger.
Como se muestra el botón Me Gusta en un post de Blogger



Como insertar el botón "Pin It" de Pinterest en Blogger


El botón Pin it de Pinterest es importantísimo en la actualidad tenerlo en las entradas publicadas en nuestro blog.
Facilita a los lectores publicar las imágenes que se incluyan en el post, en sus tableros en Pinterest.
Al hacerlo automáticamente se crea un enlace desde dicho tablero a tu blog.
De la misma forma cada usuario que re-publique dicha imagen, creará otro vinculo y así sucesivamente, por eso es tan importante.
Para insertarlo de forma tal que se muestre en todos los post o entradas de tu blog, sigue los mismos pasos anteriores para crear el botón de Facebook, pero usa el siguiente código.




Insertar otros botones y widgets en el blog de Blogger


De forma algo similar a como se explicó anteriormente podemos insertar botones de redes sociales diferentes, dependiendo de lo que publicamos en nuestro blog.
Por ejemplo de Twitter (Blogger incluye uno, pero pequeño y en la parte inferior), Linkedin, Tumblr, etc.
No insertes botones por gusto, porque cuando son muchos demoran en cargar, usa solo los servicios más populares.

Código para insertar el botón de Twitter en Blogger



El botón se verá igual al siguiente:




Código para insertar el botón de Linkedin en Blogger



El botón se verá igual al siguiente:
Compartir en Linkedin

Código para insertar el botón de Tumblr en Blogger



El botón se verá igual al siguiente:
Tumblr



Usar el servicio de AddThis para insertar todo tipo de botones en Blogger


El servicio de AddThis es gratis. Permite con un solo script mostrar varios botones para compartir en todo tipo de redes y sitios sociales.
Como decíamos al comienzo, para usarlo es necesario registrarse en el servicio usando una dirección de email o conectándolo con tu cuenta de Google.
La gran ventaja además de usar un solo script, es la de poder personalizar y escoger el tipo de botones y las redes o sitios donde compartir.
Para agregar los botones de AddThis a tu blog has lo siguiente:
1- Carga la siguiente página en tu navegador: https://www.addthis.com/get/sharing
2- Regístrate en el servicio.
3- En el panel de la izquierda marca la opción: "Blogger"
4- Marca más abajo el tipo de botones a usar.
5- Da un clic en el botón grande: "Install Blogger Widget"
6- En la siguiente ventana confirma la instalación.
Observa en la siguiente imagen como hacerlo todo:
Usar los botones del servicio AddThis en un blog de Blogger

Siempre en cada cambio que hagas, comprueba cómo se muestran los botones y si demoran mucho en cargarse ya que si el tiempo es excesivo, pueden perjudicar el posicionamiento web de tu blog.
Si te ha sido de ayuda el artículo, compártelo en las redes sociales donde participas.

Páginas relacionadas



Comparte esta página




Sígueme en las redes sociales


Sígueme en Google Plus Sígueme en Facebook Sígueme en Twitter Sígueme en Pinterest





 
Inicio | Mapa del sitio | Sobre mí | RSS | Buscar