How to Add Livefyre 3rd Party Commenting on your Ning Network

[Add a Tip for Other Network Creators (Ning 2.0)]

Hi Guys,

I have managed to install Livefyre on my Network, at 1st i managed to install Disqus but

i noticed livefyre has more feature and mor epowerful than disqus,To install go to Livefyre website create an account and your code that you get you must put it in your custom code followed by this code immediately:

<script type="text/javascript">// <![CDATA[
if (typeof(x$) != 'undefined') {
x$("div#buttons").after(' <div id="livefyre-comments"></div>');
}
else{
}
// ]]></script>

This will show livefyre comment under your blogs, videos, photo's & forums, see example here

After you add it you can go back to your Livefyre account to customize it the way you want ;) Enjoy

[Armani Rouse]

Why is this showing up in my footer?

[Armani Rouse]

Yes please check out my site and thanks in advance man

[Armani Rouse]

How did you get the linkwithin to show up in your blogs? I added the code but see nothing! 

[Shesh Dhar Tiwari]

not working.........

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

<script type="text/javascript">// <![CDATA[
if (typeof(x$) != 'undefined') {
x$("div#buttons").after(' <div id="livefyre-comments"></div>');
}
else{
}
// ]]></script>

Is there any mistake??

[Armani Rouse]

wellkunnected.com it shows up at the very bottom of each page opposed to under the content

[Shesh Dhar Tiwari]

http://thatsme.in

[lorianne]

i am also interested in a different comment system (maybe this one).

i tried the code (have since removed it) and it ended up on the top right of the blog posts. here is a quick screen cap:it also left the ning comment section intact at the bottom.

hope that helps.

[Armani Rouse]

wait a minute, you're saying the comment box showed up on the top? mines only shows at the very bottom of each page as expected with something you add to the custom code box, I cant figure it out but Id like to keep this comment system it is better than the disqus system

[Thiago Santos de Moraes]

How we can put this only in blogs?

[lorianne]

yeah... what he ^ said. im only interested in changing the comments on blogs also.

im fiddling with the script myself, but i am such a newb i am sure someone else will get there before i do.

[Thiago Santos de Moraes]

Thanks, Lorianne. Do you know how to put Disqus only in blogs?

[lorianne]

i was able to get it to show up only on blogs and now below the blog by using this in place of the code you suggested we place right after the Livefyre script:

<script type="text/javascript">// <![CDATA[
if (typeof(x$) != 'undefined') {
x$("DIV.xg_module.xg_blog.xg_blog_detail.xg_blog_mypage.xg_module_with_dialog").after('<div id="livefyre-comments" align="center"></div>');
}
else{
}
// ]]></script>

so now it is (sorta) where i want it, but the Ning comment boxes are still there below...

I'm banging around in the dark here and hope someone who knows what theyre doing can help with this.