Killer Tip: Add FACEBOOK plug-in comment box to every forum page.

[Bernard Lama]

Edited: If you use the old code then only members can see the facebook plug-in comment box and they can comment. Please use the new code, both members and non-members can see the facebook plug-in comment box and both members and non-members can comment using facebook account. 

Hey NCs,

Hope you will be very happy after  successfully using my killer tip.

Instruction is very simple: Just copy and paste the  following code into Custom Code. You may want to change data-width follow jay's instruction here.

The Old Code

<script type="text/javascript">
x$(document).ready(function(){
x$("div.texteditor").after('<div id="fb-root"></div><div class="fb-comments"></div>');
});
</script>

The New Code

<script type="text/javascript">
x$(document).ready(function(){
x$("div#discussionReplies").before('<div id="fb-root"></div><div class="fb-comments"></div>');
});
</script>

 

 

Want to give a different look to your ning site?  Mail me at [e-mail]

 

Live Preview: Here

Example:

 

[Miguel Romero]

how can i do that in blogs?

[Bernard Lama]

<script type="text/javascript">
x$(document).ready(function(){
if (x$(".xg_widget_profiles_blog_list").length > 0)
x$("p#add-comment").after('<div id="fb-root"></div><div class="fb-comments" data-width="733"></div>');
});
</script>

[medicsindex]

Thanks, please could be kind enough to Direct me where to add this if you please ?

[Bernard Lama]

Paste it into Custom code. You are welcome.

[medicsindex]

Thanks for the Help,, but it does not seem to show up anywhere though !!

[Bernard Lama]

Is your site customized with lots of scripts? If so then probably one code is conflicting with another code.

[Miguel Romero]

Where do i have to paste the code to works in blogs?

[medicsindex]

this is all what i have including yours

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-3994476-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

<script type="text/javascript">
    x$(document).ready(function(){
    if (x$(".xg_widget_profiles_blog_list").length > 0)
    x$("p#add-comment").after('<div id="fb-root"></div><div class="fb-comments" data-width="733"></div>');
    });
    </script>

[mobile.ning.com]

Why you do not make one good for the 3 cases. CUrrently you have one for posts, other for Photos and now one for Bloggers.

You yourself create the problem, just trying to help. I have the First and Second one. Although I have not tested the one for Photos.

The one for Bloggers just brake down as you say.

[OMGEDSON]

Pasted into custom code, doesn't seem to work, anything else that needs to be done?

[Henry Massingale]

This custom code you speak off....

there is a Visual button...and a htm- button for when you get ready to share a blog......I have also tired to use this one, to get this to work...seems to be a waist of time, I will not do it again...

not at this site but some where else...I like Ning the way it is...

[medicsindex]

Same here :(