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.
About the Editorial Team
The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).
11 comments
Its works well. Mashable uses the same System!
How about you give the demo in blogger not Mashable
hello how to submit articles most commented with livefyre?
how to run livefyre locally
for testing
Not possible.
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
Could You Please Tell Me How To Disable Blogger Default Comments Through Posts And Comments
Go to Blogger >> Settings >> Posts and Comments >> Comment Location >> HIDE >> Save
Thanks! :D
I have a question.
How do I replace the default comment counter with the LF CommentCount?
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.