Tech Stuff – Adding a Bloglovin’ follow widget to a blog

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

First, create an account on Bloglovin’ and then go to the widgets page, which is pictured below.
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.
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, so yours should be similar.

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

In your blog settings, choose Appearance and then Widgets to get to the screen pictured below.
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).

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

20 thoughts on “Tech Stuff – Adding a Bloglovin’ follow widget to a 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 🙂


  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?


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


  3. That was brilliant! I loved the very clear letters and arrows. The last step though, which you left out, is to “claim my blog” on Bloglovin now that I’ve got a working widget button.


Leave a Reply

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

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

Google photo

You are commenting using your Google 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 )

Connecting to %s