Help & FAQ

How do I install Livefyre on Tumblr?

Last Updated: Dec 06, 2011 08:46PM PST

These are the basic instructions for installing Livefyre on the default Tumblr theme, though, depending on your theme, the process may vary. If you have any issues, please don't hesitate to e-mail us as we'd be more than happy to help!
 

How to Install Livefyre on a Tumblr Blog

1. Open up your Tumblr dashboard and click "Customize appearance"



2. Click "Edit HTML"



3. Search for "div class="notes"



NOTE: To search on a PC, press "F3." On a Mac, press "command + F"

4. Insert "n Comments" script where the arrow designates below

Script: 

<!-- START: Livefyre ncomments -->
<a class="livefyre-ncomments" style="margin-left:10px" href="{Permalink}" article_id="{PostID}" title="no comments">no comments</a>
<!-- END: Livefyre ncomments -->



5. Search for "{/block:Permalink}"



6. Insert "Livefyre Embed" script where the arrow designates below

Script: 

<!-- START: Livefyre Embed -->
<script type="text/javascript" src="http://zor.livefyre.com/wjs/v1.0/javascripts/CommentCount.js#bn=293646"></script>
{block:PermalinkPage}
<script type='text/javascript' src='http://zor.livefyre.com/wjs/v1.0/javascripts/livefyre_init.js'></script>
<script type='text/javascript'>
    var fyre = LF({
        site_id: {123456},
        article_id: {PostID}
    });
</script>
{/block:PermalinkPage}
<!-- END: Livefyre Embed -->

NOTE: The "site_id" value will be specific to your site and will be included in the custom-generated "Livefyre Embed" code when registering your Tumblr blog at Livefyre.com. If you've done that and still don't know your Site ID, e-mail us, and we'll get that right to you!



7. Click "Update Preview"



8. Click "Appearance"



9. Click "Save"



We’re always happy to help or listen, so if you have any questions or feedback, feel free to e-mail support@livefyre.com or Tweet at us (@livefyre).

Contact Us

Most Recent Articles

Follow Our Tweets