Advertisements

How To Add Livefyre Comment System to Blogger

Posted by Lasantha Bandara on August 13th, 2013 File Under : change template, comments, widget1 Comment

Livefyre Comments system will replace your default Blogger comments with real-time conversations. Their social integration features make it easy to capture all the conversations going on about your posts across Twitter and Facebook, and pull your friends into the conversation. Livefyre’s centralized dashboard allows you to track and monitor every interaction on your site from one location, in real-time. Filter by comment, network or user, and moderate with ease. There are useful admin dashboard features such as spam protection, community flagging, edit comments, leave comment notes, multiple moderators, ban & whitelist users, profanity lists, moderation and conversation reports and more.

To Add Livefyre Comment System to Blogger, Follow the steps given below.

1. First visit Livefyre website:

http://www.livefyre.com/install/

2. Click on "Sign Up".

Livefyre Comments Install-Step 1

3. Add a Username, Password and and your Email address. Click "Next" button.

Livefyre Comments Install-Step 2

4. Provide your name and your blog URL. Click "Finish" button.

Livefyre Comments Install-Step 3

5. Now add your blog URL again and choose platform as "Custom". Now click on "Step 2!" button.

Livefyre Comments Install-Step 4

6. Now you can see Livefyre javascript code. Copy this code to somewhere for later use.

Livefyre Comments Install-Step 5

7. Go to your Blogger account. Go to "Template" of your blog. Click on "Edit HTML".

8. Find this:

<b:includable id='post' var='post'>

Livefyre Comment Install-Step 6

9. Now scroll down very slowly until you find this:

</b:includable>

Livefyre Comment Install-Step 7

10. Paste below code just before </b:includable>:

<b:if cond='data:blog.pageType == "item"'>
ENTER-LIVEFYRE-COMMENTS-CODE-HERE
</b:if>

Livefyre Comment Install-Step 8

11. Replace "ENTER-LIVEFYRE-COMMENTS-CODE-HERE" with real Livefyre comment code we copied in Step 6.

Livefyre Comment Install-Step 9

12. Save your template and refresh a post page of your blog. You can see Livefyre comment box just above your Blogger comment box.

Livefyre Comment Install-Step 10

If you need to hide Blogger default comment box, go to SettingsPosts and comments. Choose "Comment Location" as "Hide".

Livefyre Comment Install-Step 11

Save your settings.

You Might Also Like These:

File Under : change template, comments, widget

One Response to “How To Add Livefyre Comment System to Blogger”

  1. Arham Sukardi says:

    Nice article, very useful for me

Leave a Reply