How to Add LiveFyre Comment System in Blogger

Advertisements
While running a blog, you have to keep several things in mind. One of those most important factors that a blogger should consider is the commenting system used on his/ her blog. If you are running your blog on blogger platform just like me, you will definitely have a default comment system. To be honest, the default commenting system of blogger is not that bad. However, if you are looking for something special then you can add a third party commenting system in your blog.

There are different comment systems that you can install in your website like Disqus, CommentLuv and Livefyre. We have already covered Disqus and CommentLuv on our website so today; I’m going to write a tutorial about How to add Livefyre to blogger blog.

Being a blogger, you have to provide your viewers, readers and customers the easiest possible way to comment on your posts. If your readers want to share his/ her thoughts, he should find it easy to use your comment system. Livefyre is used by many webmasters because it has proven itself to be the most beneficial commenting system. Considering the importance and convenience of Livefyre, it is essential that you give it a try.

Hence, if you have been thinking to add Livefyre comment system on your blogger blog, then follow this tutorial for successful installation of Livefyre on your blog.

Step#1: Adding Livefyre to Blogger

You need to sign up for a new Livefyre account, if you don’t have one already. Sign into your Livefyre account and go to http://www.livefyre.com/install (This would guide you through the whole installation process)

You will not find option of Blogger in this menu, but don’t worry; it can still be installed in Blogger. The installation page will show options like WordPress, TypePad and Custom. Choose “Custom” option after adding your site URL, click on “Next” button.
Livefyre will give you a code for the comments system. This code should be pasted to your blog, so copy the entire code as it is.
To install any other comment system in Blogger, you must disable the default comment system first. Find the option of settings under “Posts and Comments”. Make sure to disable the comments.

Now, you need to add the code provided by Livefyre to your website.

Step#2: Adding Code to Blogger for Livefyre

In this step, you need to add the code into your blog. Click on drop down menu to find your blog in new blogger dashboard.

Go to your Blogger Dashboard and then click on “Template”. Find the option of “Edit HTML”, click on it and then Proceed. As a precautionary measure, make sure to back-up your template before you make any changes. Following code is present in your template, you should find it.

<b:if cond='data:post.showThreadedComments'>

The code you copied from Livefyre website should be pasted before/ above that code in your blogger template. Once you are done with pasting the code, click on “Save”.

That is it. You have successfully added Livefyre comment system to your blogger blog. However, before giving a virtual high five to yourself, make sure that the comment system is working on your site. If you find any problem while adding a Livefyre comment system to your blog, feel free to ask us for help through the comment section below.

Advertisements

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
OR
Choose Wisely!

12 comments

May 18, 2013 at 8:11 PM

nice, but i have seen that commenting system takes time to load, am i right ot wrong
?

Editorial Team MOD
May 20, 2013 at 2:52 AM

Its works well. Mashable uses the same System!

May 28, 2013 at 11:20 PM

How about you give the demo in blogger not Mashable

May 30, 2013 at 9:13 AM

hello how to submit articles most commented with livefyre?

July 30, 2013 at 12:14 AM

how to run livefyre locally
for testing

Editorial Team MOD
July 31, 2013 at 4:17 PM

Not possible.

August 30, 2013 at 11:45 AM

I have tried to find this code but failed to locate this.So I tried the add widget method from blogger layout. I selected custom (icon) to get the code from livefyre and then adding a new HTML/javascript widget and pasted that code in widget. It was done

October 10, 2013 at 3:19 AM

Could You Please Tell Me How To Disable Blogger Default Comments Through Posts And Comments

Editorial Team MOD
October 14, 2013 at 5:29 PM

Go to Blogger >> Settings >> Posts and Comments >> Comment Location >> HIDE >> Save

January 21, 2014 at 8:30 PM

Thanks! :D

April 26, 2014 at 9:45 AM

I have a question.
How do I replace the default comment counter with the LF CommentCount?

Editorial Team MOD
April 27, 2014 at 5:57 AM

Quite not possbile with #blogger

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2018. MBL Networks, All Rights are Strictly Reserved.