Livefyre is a real time comment system similar DISQUS i.e. you can see the new comments and replies in real time without refreshing page, it provides a live chat environment. It has ability to turn your blog or site in to a hub or community. Number of bloggers and brands are showing interest in this and engaging more and more audience through real time comment system. Livefyre is officially available for WordPress, Tumblr, Joomla (beta) and HTML sites. But in this article I will assist/ guide you to implement this comment system on a Blogger blog. It is really simple and no technical expertise is necessary if you carefully follow given steps.
Livefyre comments with Blogger

Livefyre Comments 3 is now-a-days increasing popularity among various blogging and CMS platform like WordPress, Tumblr, Joomla, Blogger etc. Officially it is not launched for Blogger platform but I will tell you some secrets to install it successfully on the Blogger blogs. So if you are using Blogger don’t worry just follow easy steps and success will follow you.

Livefyre v3.0 is now available to use which provides you powerful Admin Dashboard and User Profiles. Some important facts of Livefyre comment system are –

  • Easy, plug and play solution
  • Connect your community with real-time comments
  • Recommended for admins who want minimal upkeep and automatic community moderation
  • Offers real-time SPAM control
  • Allows users to tag friends in various social networks and bring them into the conversation

If you are impressed with this comment system and want to install on your Blogger blog then carefully read the following steps. I have also created tutorial reference images for more clarity.

1. Go to Livefyre Install Page – http://www.livefyre.com/install/
2. Now fill you site url/ blog url
3. Then click on “Gear icon” and press blue color “Keep Going” button. You’ll get “Livefyre Javascript” code.
4. It’s time to edit your blog template. Must take template backup before making any change.
5. Now search for ]]></b:skin> and paste #comments {display:none;} just above this.
6. Again search for <div class=’post-footer-line post-footer-line-3
7. If above code does not match/ exists then search for post-footer-line-3
8. after few lines you’ll see this code </b:includable>
9. Paste Livefyre javascript just above this code and save template

If you want this code does not slow down your homepage then use Livefyre javascript in between highlighted code.

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<!-- START: Livefyre Embed -->
<div id="livefyre-comments">
</div>
<script type="text/javascript" src="http://zor.livefyre.com/wjs/v3.0/javascripts/livefyre.js"></script>
<script type="text/javascript">
(function () {
var articleId = fyre.conv.load.makeArticleId(null);
fyre.conv.load({}, [{
el: 'livefyre-comments',
network: "livefyre.com",
siteId: "XXXXXX",
articleId: articleId,
signed: false,
collectionMeta: {
articleId: articleId,
url: fyre.conv.load.makeCollectionUrl(),
}
}], function() {});
}());
</script>
<!-- END: Livefyre Embed -->
</b:if>

 

Install Livefyre comments 3 on Blogger

Livefyre Custom Code for BloggerRef.1 Get Livefyre Custom Code for Blogger

Install Livefyre Comments on BloggerRef.2 Install Livefyre Comments on Blogger

Don't want to load Livefyre Comments on Blogger Index PagesRef.3 If Don’t want to load Livefyre Comments on Blogger Index Pages

I believe this post will help you to install Livefyre comment system and replace default Blogger comments.