Tech Stuff – Adding a Bloglovin’ follow widget to a WordPress.com blog

I’m departing from my usual quilting posts to give a little demo on adding a Bloglovin’ follow widget to a WordPress.com blog since Bloglovin’ doesn’t support WordPress.com blogs natively. I hope this helps someone! 🙂

First, create an account on Bloglovin’ and then go to the widgets page, which is pictured below.
screenshot1
From this page, you’ll need the widget code (A) and a logo image file (B). I downloaded all the logos and then chose the one I liked the best. Click the link to get your widget code and you’ll get a popup as pictured below.
screenshot2
Select everything in the box (C) and paste it into a text file for safekeeping while you’re working. You will the very first URL listed in that code, so find the first instance of https and copy that all the way to the end of the number before the quotation marks. My URL was https://www.bloglovin.com/blogs/quiltsbylaurel-14248351, so yours should be similar.

Choose a logo image file and upload it to your WordPress.com media library and it will look as pictured below.
screenshot3
Click the image you uploaded (D) and you will another screen as shown below.
screenshot4
Copy the image URL (E) and paste that into your text file for safekeeping as well.

In your WordPress.com blog settings, choose Appearance and then Widgets to get to the screen pictured below.
screenshot5
From there, add an Image widget and you’ll need to fill in the settings to customize it for your blog. You can see the settings I used in the image above. The image URL you saved will go in the Image URL blank and the URL from the Bloglovin’ widget code will go in the Link URL blank.

After you’ve filled in all the settings, save it and then have a look at your blog and you should have a Bloglovin’ follow widget similar to mine shown below (F).
screenshot6

If you have any questions, please let me know and I can probably help you iron out any issues you might be having. 🙂

Advertisements

19 thoughts on “Tech Stuff – Adding a Bloglovin’ follow widget to a WordPress.com blog”

  1. Thank you, this worked perfectly. I did get an error when I click on the link from my blog it says link broken on the Bloglovin’ page but I noticed it’s something with the pasting of the link, 0% was appearing after the last digit of the URL. I corrected that a couple times until it worked. Just in case someone else has that issue 🙂

    Like

  2. Thanks for the well written tutorial. The process basically applies to all image/text widgets. I am reading on my iPad, and your sidebar doesn’t appear here. Perhaps due to your theme?

    Like

    1. Yes, it’s due to the theme. Up at the top turquoise bar, there’s a box with three lines in it. Click that and it will show the sidebar. Then click again and it will go back to normal. 🙂

      Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s