Sunday, June 30, 2013

Bloglovn' Mini Tutorial for Adding Widgets to Your Blog

It looks like there were a few of you who found the tutorial for claiming your blog on Bloglovin' helpful.  I'm glad I was able to help those of you who still hadn't made the move to get your blogroll set up.  Well, now I am here to hopefully assist those of you who are unsure how to proceed for adding the Bloglovin' widgets such as the 'follow me' and 'total number following' buttons.  One of my friends needed a hand and since I created the tutorial for her, I figured the least I could do is share it with any of you having difficulties with this process.

In order to add the widgets to your blog, you will need to make sure that you have signed in to Blogger and pull your blog up as well, as you will need to go back and forth between Blogger and Bloglovin'.
  1. Open up a new window in your Internet browser.
  2. Go to Bloglovin'.  Click HERE for a shortcut to get there.
  3. When you get to Bloglovin' sign in.
  4. Hover your mouse over the white heart contained within the blue box (unless you've uploaded your picture which will take the place of the heart).
  5. Scroll down and choose 'Bloglovin' Button'.  This will bring you to the page with all the button choices.
  6. Choose the one you want from the 'Bloglovin' Buttons' options and click on 'Get this icon'.
  7. A box will come up giving you the code you need.
  8. Go back over to Blogger and choose 'Layout'. 
  9. Click on 'Add Gadget' wherever you want to put the button.  Remember you can always drag and drop later to move it around.
  10. In the 'Add a Gadget' window options, scroll down and choose, HTML/JavaScript Add
  11. This will pull up the area that you will plug your code into.
  12. You can put in a title if you want to but you don't have to.
  13. Now go back to Bloglovin' where you have the box pulled up that says 'This code is created for <<<your blog name>>>'

  14. Click anywhere in the box and hit 'ctrl A' to copy it all.
  15. Now go back to Blogger where you have your html box up, click in that empty space and paste.
  16. Click save.Rearrange the button where you want it on your layout page and remember to click on 'save arrangement' before leaving this page.
The same instructions work for adding counter or artist icon widgets.

If you are unclear with any of these steps, just let me know. Good luck!

Until next time,


Pia S said...

Hi Lisa! I'm on Bloglovin, and I've discovered that I don't get all the posts published there, even though I follow the blog with Bloglovin. I've discovered this as I compare what I get in Google Reader vs Bloglovin. Do you have the same experience?

Christina Griffiths said...

Hi Lisa ... Thank you so much for the tutorial on adding the Bloglovin button. All done and dusted xx