Saturday, 17 August 2013

How To Install Live Fyer Comments System On Blogger Blog

AppId is over the quota AppId is over the quota

Live-fire-comments-system 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.

Live-fyer-setting

 

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.

]]>

 

7. and paste the following code just above ]]>

#comments {display:none;}

 

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

 

8. Search for this code.


                   

                 

Your Live Fyer Code Goes Here

 

9. and paste live fyer script before/above “”

 

To change links title simply replaced the text with your page titles and replace the hash sign (#) with respective links.

 

Customizing Bottom Navigation Menu

Search For the Tag

To change links title simply replaced the text with your page titles and replace the hash sign (#) with respective links.

 

Infinite Scroll

If you wish to remove auto scroll Feature just remove infinite scroll script.

Search for this tag

and remove jquery plus scroll script for body section and save it. done!!!..

 

CUSTOMIZING ADSENSE ADS

ADSENSE BELOW POST TITLE

  1. Adsense Ad Dimensions: 336px X 280px
  2. Search for the tag
  3. Put your Adsense Code just after the it.
  4. PS: Encode the Adsense code before pasting into the Template using the HTML Encoder

Adsense post for post bottom end

  1. Adsense Ad Dimensions: 336px X 280px
  2. Search for the tag
  3. After this Tag you will find the Default Adsense Code, Replace it with your Adsense Code.
  4. PS: Encode the Adsense code before pasting into the Template using the HTML Encoder

 

CUSTOMIZING THE DO YOU LIKE THIS ARTICLE BOX

CUSTOMIZE SOCIAL ICONS

  1. Search for code.
  2. After the code, you will find the social links, Change the URLs of Rss, Twitter, Facebook links respectively.
  3. and also In the email form change the bl0ggertricks feedburner Id in Two places.

 

Customizing Stay Connected Widget

  1. Go to Blogger Dashboard > Locate your Blog if you have more then one blog.
  2. Layout>> Add A Gadget. and paste the following code in gadget content area.


   



change all links with your own social media and feed burner links.

 

For Further Help

You can also get further help from comments. please feel free to post your queries in the comment box below. Its Very Handy, Light weight and Professional Template.

 

Copyright

Bloggers and developers are hereby advised not to sell or redistribute the Template codes. You are also instructed not to remove My Blogger Tricks Credits from the Footer. Removing the Credit links will break the Template URL of your blog, leaving all your efforts in futile.

Premium version includes no watermarks. If you wish to buy the widget for Wordpress, Joomla or even Blogger Blogs, then you may kindly contact us via our our Contact Us Page.