How to Add LiveFyre Comment System to Blogger

By: TestLab on 6:12 AM

Comments are one of the Most essential parts that make a blog .Comments help everyone from New Beginning bloggers to Pro Bloggers to help to  receive reader and costumer opinion and feedback.
So it's important you and your readers get the most from your comments system.

The default Blogger comments have come a long way over the last few years culminating in the introduction of threaded comment replies last year.

But as a Blogger user you have other options and lots of them.In this post we will look at the  popular comment system LiveFyre and that can all be used on your Blogger blog.Lets look at the Below Steps and how you can use them on Blogger.

Adding LiveFyre To Blogger

Livefyre is more of a new kid on the block even though it was launched in 2008.Livefyre comments can be found and sites such as The New York Times and NBC Universal.Livefyre has really gone for the angle of making comments more social.

Live Demo

Adding LiveFyre to Blogger :.

Go to Blogger Dashboard --> Template --> Edit HTML --> Proceed

Sign Up For a New Livefyre Account and Once you've Done Signin with your Credentials And Head to Products Page by Clickin Products on the Menu Bar.

 Now Livefyre have been very slow to add easy Blogger integration.For the last few months at least they have they have a coming soon for Blogger. But fear not We can still use Livefyre on Blogger.

On the install page you will see the options for Wordpress, TypePad and Custom.Enter your blogs URL and choose 'Custom', then click the keep going button.

You will now be presented with the code for the comments.Next we must add it to your blog.So Copy the Code

First up you will want to turn off the Blogger comments you can do this in your settings under 'Posts and Comments'.Now add the code as following :

In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > 

Go to Blogger Dashboard --> Template --> Edit HTML --> Proceed

Backup your Template before making any changes to your blog

Now  Expand Widget Templates

2. Find the following code in your template :

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

3. Copy and Paste the comment code Copied from Livefyre Directly Above / Before 

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

Save your template.Now You're Done.