How To Install Live Fyer Comments System On Blogger Blog

 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. 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 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 3 is now-a-days increasing popularity among various blogging and CMS platform like WordPress, Tumblr, Joomla, Blogger. 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 -Right now, the only update to hit every single Livefyre user (without you having to do anything) is the Admin Dashboard 3. This shiny new toy features a ton of improvements, including:

 

• Moderators can edit comments
• More filter and search options with fewer clicks
• New “user” section in admin dashboard
• Real-time updates
• Batch moderation capabilities
• So much more… play with it, let us know what you think in the comments below.

What’s Coming In Next Version

While you’re getting to know the new admin, we’ll start rolling out our redesigned Livefyre Comments 3 widget to a handful of beta users. Since this code directly impacts how users interact with your content, we need to make sure we get it just right. Once the beta community has had time to play and we feel it’s ready, we’ll make it available to all. Still free, of course. Some updates include:

• A simplified, easy-to-customize new design
• A rich text editor that allows users to express themselves beautifully
• Media attachment drawer to simplify media handling in comments
• Facebook and Twitter comments in-line within the stream
• On-page reply to comments from social sources
• Enhanced friend tagging and sharing
• The ability for users to edit their own comments

How To Install It on Blogger

1. Sign Up on LiveFyer.

2. Then Go to LiveFyer Installation Page.

3. and enter your blog/website Url and in platform section select custom (Gear Icon) then click on step 2. For Further Detail See Image Below.

 

4. You will get Live Fyer Installation Script.

Remember Before editing your template make a backup if any thing went wrong.

5. Now Come on your blogger Dashboard>> Template>> Edit html

6. Click on Template Code Area and Press CTRL+F and find the following code.

]]></b:skin>

 

7. and paste the following code just above ]]></b:skin>

#comments {display:none;}

 

Note:- The Above Css Code Hide your default comment form.

 

8. Search for this code.

<div class='post-footer-line post-footer-line-3'>
                        <b:if cond='data:blog.pageType == &quot;item&quot;'>
                        </b:if>
                      </div>
                    </div>
                  </div>

Your Live Fyer Code Goes Here

</b:includable>

 

9. and paste live fyer script before/above “</b:includable>”

<!-- START: Livefyre Embed –>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<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: "*******",
        articleId: articleId,
        signed: false,
        collectionMeta: {
            articleId: articleId,
            url: fyre.conv.load.makeCollectionUrl(),
        }
    }], function() {});
}());
</script>

</b:if>
<!-- END: Livefyre Embed –>

 

10. Save it..

Note:- Don’t use above script.. Generate your own script by Sign up on live fyer.

That's it! A new Conversation will automatically be created when you first load the webpage, and you can start commenting right away.