--> Facebook comments Box Instead of Blogger Comments Form | Experience Lab - Online business creation and development guide for bloggers and startups

Facebook comments Box Instead of Blogger Comments Form

The previous post on Facebook comments box did not replace your blogger comment form but if you wish to completely remove the blogger form ...



facebook-commnets-boxThe previous post on Facebook comments box did not replace your blogger comment form but if you wish to completely remove the blogger form and use this new plugin then steps are even more simple. However I may assure you one important thing here. I am soon going to publish a script that will automatically count and display Facebook and blogger comments beautifully and will show only one form at a time. For the time being apply this new trick.


Replace Blogger Comments Form With FB Comments Box



All the steps are exactly the same as mentioned in the earlier tutorial except step#7


1.  Instead of searching for this code,



<b:includable id='comment-form' var='post'>



Search for this code,



<data:post.body/>



  2.  Just after it, paste the same code we used earlier as shown below,



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div> <fb:comments  colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='520'/></div>
<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'>Facebook Blogger Plugin: Bloggerized by <b><a alt='blogger templates' href='http://www.allblogtools.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'>AllBlogTools.com</a></b> Enhanced by <b><a alt='blogger widgets' href='http://www.mybloggertricks.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>MyBloggerTricks.com</a></b></div></div>
</b:if>




  • If you want to use the dark scheme then simply replace light with dark



  • To change the Comments box size, change this value width='520'



  • To change the footer credits size, change this value width:510px



  • Keep a difference of 10 pixels between the box size and footer size. For example if you set box-size to width='600' then set footer-size to width:590px




     3.  Save your template





Hide or Pop-up Blogger Comment Form



Here you have two options. Either you can,



  1. Hide the comments box but not the comments. The box will appear only when visitors will click the Post comment link. or



  2. Hide both Blogger comments and comments box







For the first option:


A pop-up link will display both Facebook and blogger comments but will hide the Blogger comment form as shown below, SEE DEMO ALSO


FACEBOOK-COMMENTS-FORM





To do this go to Blogger > Settings > Comments   and in the comment form placement option choose the pop-up option as shown below,


pop up blogger form








Save and you are done!


For The Second Option:


If you wish to hide both blogger comments and the comment box? In that case, set comments to hide


hide blogger comments





As mentioned by Blogger Hiding the comments will not delete them but temporarily hide them from visitors.


Hit save and you are done again!


What to Do Hide or Popup the form?



The best SEO and productive advise that I can give is that you may hide the Blogger comment box only but you must display blogger comments and give users the chance to comment with any platform they may like. In short the popup option is the best. Blogger comments are crawled by search engines and they are an important part of your content so its better that you don't hide them.


With coming days I will come up with more tweaks related to this brilliant traffic gifting Facebook plugin and will try to make it more blending with some customization tips.


You must know:


COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,9,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,7,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: Facebook comments Box Instead of Blogger Comments Form
Facebook comments Box Instead of Blogger Comments Form
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikUsI0WSzevb8QKz_ZAVVTjvlVj7xwiZnZFUH6QNWoICKiO4Nqm4RHfUTELTBfCSWTZj57SuWJNLxLgrWQteybpRraQhJwCa8TGf8G9hX8ApJogIa91aWZpzJcDM4SUlueLD7hb17mCCs/?imgmax=800
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikUsI0WSzevb8QKz_ZAVVTjvlVj7xwiZnZFUH6QNWoICKiO4Nqm4RHfUTELTBfCSWTZj57SuWJNLxLgrWQteybpRraQhJwCa8TGf8G9hX8ApJogIa91aWZpzJcDM4SUlueLD7hb17mCCs/s72-c/?imgmax=800
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2011/06/facebook-comments-box-instead-of.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2011/06/facebook-comments-box-instead-of.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy