Add Facebook Comments Plugin To IFRAME TABS

facebook comments plugin in tabs We shared detailed tutorials on how to create a custom Facebook Tab and how to design a Facebook Template. We added navigation and drop down menus to the tabs giving it a website look and the only thing it lacked was a commenting system so that your Fans may post you questions directly on your Like Page Custom Tabs. Success of any business lies in its brand presentation. Almost every web owner has a Fan Page but very few have Custom Welcome Landing Pages which may showcase your brand. See the demo below and see the different tabs on my Facebook profile to get an idea

Live Demo

How TO Add Facebook Comments Box To Custom Tabs?

I assume that you have already set up a custom tab with a custom design if not please read these posts first:

Go to your Custom tab and click settings link

Just below all the codes that you see inside the editor paste the following code,

<div style="margin-top: 10px;">
<p><span style="color: #3177bc;"><b>Share Your Kind views:</b></span></p>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1" type="text/javascript"></script>
<fb:comments href="https://www.facebook.com/mybloggertricks" num_posts="4" width="450"></fb:comments></div>

Replace the bolded black text with your Facebook Profile link.

Save your work and you are done! Visit your tab to see the comment box appearing just below your landing welcome page. I hope you find it useful. Let me know if you needed any help. Peace out! :)

Pin it

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

Mohammad 7/22/2011 Facebook tricks