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 bernardmax2@gmail.com

 

Live Preview: Here

Example:

 

Tags: Add, FACEBOOK, Killer, Tip:, box, comment, every, forum, page., to

Views: 5325

Reply to This

Replies to This Discussion

hiiii  Bernard Lama

This is beautiful
Thank you, creator

After I've added the code, where and when would I see this effect? I'm not sure I understand.

Does it only show if someone "shares" to Facebook first?

Thanks!!

You would see it at the bottom of your content as Bernard has illustrated above. It's called a Facebook plugin, and It shows regardless of whether the item is "liked" or not.

Oh, I see it now. It took a while to show up.

EDIT: Oh shoot, now it's gone again. It then showed up again in two places on the same page (below the original post and reply field, and then at the bottom of the thread below that reply field. Now it's gone again. LOL D'oh!

If I could get it to show up consistently, and maybe in one place or the other, I would love this! The big warning below the field is also unsightly.

I love this idea, though, so I'll check back in on it again!

Yeah, I forgot to mention that. When I first installed the one I use on my music page, the same thing happened. It's been stable since.

You have to keep in mind that it is linked to Facebook's API, and just as there are occasional "hiccups" in their platform, anything app linked to them will experience the same.

Thanks for this tip, Bernard. This is a nice temporary solution until Ning releases theirs.

My question to you is, would this affect the one I currently have installed on my music page? Should I remove the one I installed there and install this code instead?

Thanks.

Hey kopper! I posted a discussion about it here. Had a problem with it at first, but I worked it out.

If I´m not in FB, is there a way to moderate those comments?

You can't moderate the comments, but you should be able to delete them.

Ok, thanks. I prefer Disqus in the future, and only in blog posts.

I used to use Disqus on my old network years ago. I never did get it to work for blogs. You're saying you have?

No. I´m saying that I hope that the improvements in the blog functionality (see the roadmap) will give to us the ability to put Disqus (we have a debate about this improvement here).

RSS

Latest Activity

soaringeagle replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'
".button.button-iconic {  background-color: red !important;} i sweatr that should work "
29 minutes ago
Kos replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'
"It just hates me; pure and simple.  lol"
34 minutes ago
Kos replied to Suzie Nielsen's discussion 'quick question'
"You need to have Excel.  Do you have another member you could grant access to it?   …"
35 minutes ago
Suzie Nielsen replied to Suzie Nielsen's discussion 'quick question'
"Thanks, I guess I do not have a program to open this CSV thingy... tried but it looks complicated…"
1 hour ago
soaringeagle replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'
"try adding !important"
1 hour ago
Kos replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'
"(lowers head) don't hate me...........it didn't work either.  *lol* That grey box is…"
1 hour ago
soaringeagle replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'
".button.button-iconic {background-color:red;} change color  to anything "
1 hour ago
Kos replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'
"Nope that hid the entire thing.  Tried linkbar linkbar-iconic {visibility: hidden;} and it…"
1 hour ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service