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

Denis replied to PeruCool's discussion 'Alternatives to Ning social network'
"Great site man. Thanks for sharing the link. I am working on mine. I hope I will be done by the end…"
1 hour ago
Perrie Halpern replied to PeruCool's discussion 'Alternatives to Ning social network'
"Is there a specific code generator you use? I hope you don't mind me asking."
2 hours ago
Elshara Silverheart replied to Elshara Silverheart's discussion 'Another Feature Request For Ning 3.0'
"This would be a reason to stay on Ning if I knew I could at least have some of what is here."
3 hours ago
soaringeagle replied to James Nored's discussion 'How do I create a taller header?'
"more specific header {height:60px;}"
3 hours ago
soaringeagle replied to James Nored's discussion 'How do I create a taller header?'
"css"
3 hours ago
Larry Matthews replied to James Nored's discussion 'How do I create a taller header?'
"I apologize for my lack of clarity, and not being a mathematician? Where does the {…"
3 hours ago
soaringeagle replied to James Nored's discussion 'How do I create a taller header?'
"remove a 0 off 600? is this math class?"
3 hours ago
Elshara Silverheart replied to Elshara Silverheart's discussion 'Free Site Promotion'
"Me two, since I forget half the links I post."
3 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service