Need help with Bloglovin follow button

• 

  simplygailg · Member · Nov 13, 2015 at 3:57 pm

  • Copy link
  • Add topic to favorites

  It says on the Bloglovin site that wordpess.com is not supported. Is there a workaround to get the Bloglovin button on my site? Site address is: http://www.simplygailg.wordpress.com.

  The blog I need help with is: (visible only to logged in users)

• 

  justjennifer · Member · Nov 13, 2015 at 4:49 pm

  • Copy link

  You should be able to use bloglovin on your site following these instructions: http://help.bloglovin.com/knowledgebase/articles/213855-how-do-i-claim-my-blog

  This earlier forum thread may also help: https://en.forums.wordpress.com/topic/bloglovin-widget-only-displaying-html-text?replies=12#post-2410465

• 

  simplygailg · Member · Nov 13, 2015 at 5:00 pm

  • Copy link

  I tried this and got the button but it says the link is broken. Can you take a look and tell me how to fix it? Do I need to add https to the site address?

  <img src=”http://en.support.files.wordpress.com/2015/06/bloglovin_follow_badge.png” width=”64″ /><p>Follow Me on Bloglovin'</p>

• 

  simplygailg · Member · Nov 13, 2015 at 5:08 pm

  • Copy link

  <img src=”http://en.support.files.wordpress.com/2015/06/bloglovin_follow_badge.png” width=”64″ /><p>Follow Me on Bloglovin'</p>

• 

  justjennifer · Member · Nov 13, 2015 at 5:15 pm

  • Copy link

  Hi, I’m not sure which link you mean.

  To put code in a forum post either use the CODE button or use backticks

• 

  justjennifer · Member · Nov 13, 2015 at 5:19 pm

  • Copy link

  Ah, you need to use your bloglovin URL, so:

  <a href="https://www.bloglovin.com/blogs/simplygailg-14378403"><img src="http://en.support.files.wordpress.com/2015/06/bloglovin_follow_badge.png"></a>

  Will create an image with a link to your page on bloglovin.

  <a href="https://www.bloglovin.com/blogs/simplygailg-14378403">Follow Me on Bloglovin'</a>

  Will create a text link to your page on bloglovin.

  If those don’t work for you, please let me know.

• 

  simplygailg · Member · Nov 13, 2015 at 5:20 pm

  • Copy link

  Can you check my page to see what I may have done wrong?
  http://www.simplygailg.wordpress.com

• 

  justjennifer · Member · Nov 13, 2015 at 5:25 pm

  • Copy link

  Hi again,

  if you look at my two examples above, you will see that you need to use the link to you bloglovin page, not your WordPress.com website.

  That link is (I believe)

  https://www.bloglovin.com/blogs/simplygailg-14378403

• 

  simplygailg · Member · Nov 13, 2015 at 5:30 pm

  • Copy link

  Thank you! It worked! Now, one more question: How do I move “Follow me on Bloglovin onto it’s own line?

• 

  justjennifer · Member · Nov 13, 2015 at 5:52 pm

  • Copy link

  <a href="https://www.bloglovin.com/blogs/simplygailg-14378403"><img src="http://en.support.files.wordpress.com/2015/06/bloglovin_follow_badge.png"></a><br /><p>Follow Me on Bloglovin'</p>

  That <br /> forces a line break and you will want to clean up the extra closing A tag in your text widget code.

  Best wishes.

• 

  simplygailg · Member · Nov 13, 2015 at 8:25 pm

  • Copy link

  Thank you so much! You have been a tremendous help.