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:

 

[Patrick Chappelle]

Until you mentioned it, I had never heard of the sdk code. Reading all of these comments here, I just wanted to see if it worked on my site, and it does. It took me seconds, I didn't do anything special, just copy/paste.

[soaringeagle]

it couldnt be a 3 collumn vs 2 collumumn thing or a flat style vs threaded style right i mean it adds it below every text editor on your site right?

[Patrick Chappelle]

Don't know. Might be a script conflict thing. Just noticed I have a problem with a few right now. Too tired to fix it. it's taking every ounce of strength I've got to focus not to type like you. LOL Bed time.

Be well, bro.

[Bernard Lama]

I have updated the code please read my post again and use the code.

[Emmanuel Ace]

Since the textbox can be only see by members who logged in

Why not make it public to anyone to comment 

Code: 

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

Live Preview

[Bernard Lama]

Well I've already updated the code.

[soaringeagle]

how the hell did u get this to work?

btw i was told this to[ips  nothing byt troubke wil cause site to run real slow will cause browser crashes etc

but i would still like to know how any of u actualy got it to work

[medicsindex]

is this code suppoed to be added to the Custom Code section, or at the Design Studio ?

[Bernard Lama]

Custom code of design studio

[Miguel Romero]

i dont know where is that...in custom code...can you sent me a print screen?

[Jay Ferrari]

add this 

data-width="575"> after  class="fb-comments"

so that you have 

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

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

[Jay Ferrari]

do what suits your site.... Thanks Bernard!!