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).
