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 != "index"'>
<!-- 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>
Screenshots for full help to install Livefyre comments 3 on Blogger platform
 |
| Ref.1 Get Livefyre Custom Code for Blogger |
 |
| Ref.2 Install Livefyre Comments on Blogger |
 |
| Ref.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.
Post a Comment