Cómo añadir el botón Me Gusta o Pin It en un blog de Blogger

Cómo añadir el botón Me Gusta o Pin It en un blog de Blogger
0 Flares 0 Flares ×

 

Crear un blog es una excelente alternativa para dar a conocer tu empresa, especialmente al ahorrarte costos en la creación de una página web, por ejemplo. En estos casos, Blogger ofrece diferentes herramientas que puedes aprovechar de forma gratuita. Sin embargo, en ciertas ocasiones las opciones predeterminadas pueden quedarse cortas, especialmente hablando de los botones para compartir tus contenidos en otros lugares, como en las redes sociales, por ejemplo.

En este sentido, de forma predeterminada en Blogger existen pocos botones que se muestran en la parte inferior de las entradas, mismos que son poco visibles. Estos son los botones de +1, Twittear y Compartir en Facebook. Pero tomando en cuenta su ubicación, es poco probable que los lectores los vean, a no ser que ya tengan algo de experiencia o que los busquen detalladamente.

Para asegurarte que tus lectores puedan compartir en otras redes sociales tus contenidos, lo más recomendable es facilitarles la tarea a través de añadir el botón Me Gusta o Pin It en un blog de Blogger, haciéndolos más visibles y colocándolos en el área superior de cada entrada o en el lugar que consideres necesario. Para ello, simplemente puedes seguir los pasos que presentamos a continuación.

Cómo añadir el botón Me Gusta o Pin It en un blog de Blogger

Botones de Facebook, Pinterest y Twitter en el blog

Blogger es una plataforma de publicación que permite una amplia cantidad de personalizaciones, entre ellas se encuentra la posibilidad de insertar cualquier widget o botón a una sección determinada del blog. En este caso, para añadir los botones de Facebook, Pinterest y Twitter en el blog existen tres opciones:

  1. Utilizar los widgets disponibles en la Configuración de Blogger, que en ciertos casos pueden ser demasiado limitados.
  2. Usar servicios externos como AddThis, dependiendo de factores como en el caso de que se trata de servicios alternos en los que debes crear una cuenta, además de no saber si se mostrarán correctamente por la disponibilidad del servicio y el estado de sus servidores.
  3. Insertar manualmente los códigos otorgados por las propias redes sociales.

Añadir el botón Me Gusta de Facebook en un blog de Blogger

Sin duda, el botón Me Gusta es el más popular de los botones en Internet. Si tu blog o el de tu empresa no cuentan con este botón, automáticamente estarás perdiendo muchas posibilidades de sugerencias valiosas o de ganar un mayor público. Al presionar sobre este botón, cualquier usuario puede compartir en su biografía el título, descripción y una vista en miniatura del post que hayas creado, además del vínculo, claro. Gracias a este tipo de acciones, tus publicaciones pueden aparecer en el Timeline de los amigos de dicho usuario en Facebook.

Para poder insertar el botón Me Gusta de modo que se muestre en todos los posts o entradas que realices en el blog, sigue los pasos que a continuación presentamos:

Primero:

En tu Escritorio de Blogger haz clic en la opción de Diseño, que se encuentra en la barra a la izquierda. Posteriormente haz clic en la opción Añadir un Gadget.

Cómo añadir el botón Me Gusta o Pin It en un blog de Blogger

Segundo:

A continuación se abrirá una nueva ventana con los gadgets predeterminados que se encuentran disponibles en Blogger. Revisa cuáles hay y cuál pudiese servirte. Luego puedes buscar el gadget llamado: “HTML/Javascript”. Al encontrarlo, haz clic en el signo más (+) que se sitúa en la esquina superior derecha.

Cómo añadir el botón Me Gusta o Pin It en un blog de Blogger

Tercero:

Ahora, automáticamente se abrirá una pequeña ventana en la que puedes insertar el código necesario para añadir los contenidos que desees. En este caso, en el recuadro de Título escribe el título para el botón que será “Me Gusta”. A continuación puedes copiar el siguiente código para pegarlo en el recuadro de Contenido.

<div id=”fb-root”></div>
<script type=”text/javascript”>// <![CDATA[
(function() {
var element = document.createElement(‘script’);
element.type = “text/javascript”;
element.async = true;
element.id = “facebook-jssdk”
element.src = “//connect.facebook.net/es_ES/all.js#xfbml=1″;
var s = document.getElementsByTagName(‘script’)[0];
s.parentNode.insertBefore(element, s);
})();
// ]]></script>
<div class=”fb-like” data-send=”true” data-show-faces=”true”></div>

 

Finalmente haz clic sobre el botón Guardar. Al volver al editor, puedes mover el Gadget hacia el lugar donde desees que se muestre el botón Me Gusta que acabas de añadir.

Cómo añadir el botón Me Gusta o Pin It en un blog de Blogger

Ahora, al crear una nueva entrada podrás apreciar que aparece el botón Me Gusta, aunque también aparece el botón Enviar, que brinda la posibilidad a tus lectores de que envíen el contenido del post a cualquier persona en Facebook.

Cómo añadir el botón Me Gusta o Pin It en un blog de Blogger

Añadir el botón Pin It en un blog de Blogger

Si sueles incluir imágenes en tus posts, el botón Pin It de Pinterest también puede ser una buena forma para que tus lectores compartan tus contenidos con otros usuarios a través de sus tableros. Al hacer esto, automáticamente se crea un enlace desde ese tablero hacia tu blog, y cada usuario que re-publique esa imagen, también creará un vínculo más y así sucesivamente.

Para poder añadir el botón Pin It en un blog de Blogger puedes seguir los mismos pasos anteriores con los que has añadido el botón Me Gusta de Facebook, pero utilizando las siguientes líneas de código para el Gadget.

<a href=”javascript:void((function(){var e=document.createElement(‘script’);e.setAttribute(‘type’,’text/javascript’);e.setAttribute(‘charset’,’UTF-8′);e.setAttribute(‘src’,’http://assets.pinterest.com/js/pinmarklet.js?r=’+Math.random()*99999999);document.body.appendChild(e)})());” title=”Pin It”><img border=”0″ src=”//assets.pinterest.com/images/PinExt.png” title=”Pin It” /></a>

 

Añadir más botones a un blog de Blogger

Siguiendo los pasos anteriormente descritos, también puedes añadir botones de otras redes sociales como Twitter, LinkedIn, Tumblr y más. Sin embargo, debes considerar evitar añadir botones por gusto, ya que cuando son demasiados, tu blog tardará en cargarse.

Código para añadir el botón de Twitter:

<a href=”https://twitter.com/share” class=”twitter-share-button” data-lang=”es”>Twittear</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=”//platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);</script>

Código para añadir el botón de LinkedIn:

<script src=”//platform.linkedin.com/in.js” type=”text/javascript”>

lang: es_ES

</script>

<script type=”IN/Share”></script>

Código para añadir el botón de Tumblr

<a href=”javascript:var d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f=’http://www.tumblr.com/share’,l=d.location,e=encodeURIComponent,p=’?v=3&u=’+e(l.href) +’&t=’+e(d.title) +’&s=’+e(s),u=f+p;try{if(!/^(.*\.)?tumblr[^.]*$/.test(l.host))throw(0);tstbklt();}catch(z){a =function(){if(!w.open(u,’t’,’toolbar=0,resizable=0,status=1,width=450,height=430′))l.href=u;};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else a();}void(0)”><img src=”http://platform.tumblr.com/v1/share_1.png” alt=”Tumblr”></a>

Añadir botones en Blogger utilizando AddThis

AddThis es un servicio gratuito que te permite utilizar un script para mostrar diferentes botones en el blog, pudiendo compartir tus contenidos en distintas redes sociales. Sin embargo, como hemos mencionado al principio, para utilizar este servicio es necesario registrarte utilizando una dirección de e-mail o vinculando tu cuenta de Google.

En este caso, accede al sitio de AddThis y regístrate. A continuación, aparecerá un panel en el que puedes elegir en qué lugar insertarás los botones; en nuestro caso, elige la opción Blogger; marca también las casillas correspondientes al tipo de botones que desees utilizar y luego haz clic en el botón Install Blogger Widget.

Cómo añadir el botón Me Gusta o Pin It en un blog de Blogger

Toma en cuenta que con cada cambio que realices, es importante que puedas comprobar cómo se mostrarán los botones en tu blog. Además, si estos demoran demasiado tiempo en cargarse, también debes ajustarlos debido a que pueden terminar perjudicando el posicionamiento web del blog.