Cómo añadir un botón de “Follow this blog with Bloglovin” — How to add a “Follow this blog with Bloglovin” button

Tras la desaparición de Google Reader hace ya algunos meses, muchos se han visto obligados a cambiar de herramienta para seguir sus blogs favoritos. Una de las plataformas, que aunque ya existía con anterioridad, se ha visto seguro favorecida por la desaparición de la plataforma de Google, es Bloglovin.

Some months ago, after the sutting down from Google Reader, a lot of people had to change the tool they used for following their favourite blogs. One of the platforms which has been for sure benefited from this change is Bloglovin.

Si tienes un blog y quieres ponérselo fácil a los que se pasan por él, para que lo incluyan en su lista de Bloglovin, aquí os enseño una forma bien sencillita de hacerlo si tu blog está desarrollado en WordPress. Para aquellos que tengáis blog en Blogger seguro que este tutorial de Mamá, quiero ser blogger os viene de perlas.

If you have a blog and you want to put it simply to those who want to follow you via Bloglovin, hear I show you an easy way to add a “Follow this blog in Bloglovin”-Button in your WordPress blog.

PASO 1: Copiar el código HTML del botón

STEP 1: Copy the HTML-Code for the button

Lo primero que tendremos que hacer será definir el código HTML del nuevo botón. La manera más sencilla es copiar el código que nos facilita Bloglovin. Para ello, una vez registrados y habiendo habilitado nuestro blog, iremos a la opción de menú en nuestro perfil “Bloglovin Button” o directamente con la URL http://www.bloglovin.com/en/widgets.

First of all, we have to define the HTML-Code for the new button. The easiest way is to copy the HTML-Code available in Bloglovin. Once you are registered and your blog is activated, under your Bloglovin profile, you just have to click over the “Bloglovin Button” menu or directly with the URL http://www.bloglovin.com/en/widgets.bloglovin button blog

Podéis elegir entre varios diseños, desde los más sencillitos a los más artísticos. Una vez elegido el botón que mas nos guste hacemos click sobre “Get this icon”  y ya tendremos el código HTML que necesitamos para el siguiente paso.

You can choose between different designs, simple ones or more artistic. Pick up your favourite and click over “Get this icon” in order to copy the HTML-Code we need for the next step.

bloglovin button blog html code

PASO 2: Incluir el botón en nuestro menú lateral

STEP 2: Add the bottom in your menu

Ahora lo que nos queda es incluir el botón en el menú lateral de nuestro blog. Yo he decidido incluirlo en el menú lateral derecho, pero dependiendo del diseño de vuestro blog, podéis incluir el nuevo botón a la izquierda, arriba, abajo..o incluso, en cada uno de vuestros post.

In the next step we’ll add the new bottom in our side menu. I’ve included mine in the right-side menu, but depending on how your blog looks like, you could add it on the top or in the bottom. You can also include a button in all your posts.

Desde el panel de administración, iremos a la opción de menú Apariencia -> Widgets. En caso de que no os apareciese esta opción comprobad que el usuario con el que estáis registrados tiene permisos de administración.

In your administration panel, choose the menu option Appearance -> Widgets. If you can’t find this option check if the user your are logged with have admin rights.

Seleccionaremos en la parte derecha, el menú en el que queramos incluir nuestro botón, y desde la parte izquierda arrastraremos un nuevo widget de texto. Una vez editado, pegaremos el código HTML del botón que previamente hemos copiado en Bloglovin. Aunque yo he dejado el título en blanco, podéis incluir una descripción para que aparezca sobre el botón.

On the right side you can select the different menu defined for your blog. On the left you can select a new text widget element and just drag and drop it in the menu you have choosen. Once you clicked in the “Edit” link at the component, paste the HTML code we copy from Bloglovin in the first step. I just left the title empty, but you can add a description which will be shown at the top of the new button.

add button bloglovin wordpressY con esto ya tendríamos nuestro botón listo para que todos aquellos que quieran puedan seguirnos en Bloglovin. Para más información sobre Bloglovin y sus funcionalidades más relevantes, os recomiento este post de Adorable Design sobre el tema: Todo sobre Bloglovin.

And here you go, your new brand Bloglovin button it’s ready to be used. If you want to create your own button instead of using the one provided by Bloglovin, for those using Blogger, check this tutorial from Cranny + me: How to create your own Bloglovin button.

Encantada de leer tus comentarios. Déjalos aquí..

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close