Add facebook comment box to blogger ~ ONLINESECT[Movie trial,Ebay,Emoney..]

About facebook comment box :

comment box like this,

Dark scheme

Light scheme

Create facebook application Id

1] Go To Facebook Developers Page

2] Login your facebook account and click create new app




3] Fill app name and name space and continue

4] After Add your app domain and category.

5] Type your website URL to below place within http://

6] Copy your app Id

Adding comment box to blogger :

Follow me,

1)Go To Blogger >> Design >> Edit HTML 
2)Download your template
3)Click the "Expand Widget" box

4)Search <html and just after it give a space and

add this code,(use ctrl + F to search easy)

xmlns:fb='http://www.facebook.com/2008/fbml'
5)Search next <body> and Just after it paste code 
given below

<div id='fb-root'/> 
<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
      appId  : &#39;YOUR_APP_ID&#39;, 
      status : true, // check login status 
        cookie : true, // enable cookies to allow the server to access the   session 
      xfbml  : true  // parse XFBML 
    }); 
  };
    (function() { 
    var e = document.createElement(&#39;script&#39;); 
      e.src = document.location.protocol +   &#39;//connect.facebook.net/en_US/all.js&#39;; 
    e.async = true; 
      document.getElementById(&#39;fb-root&#39;).appendChild(e); 
    }()); 
</script>
Replace YOUR_APP_ID with your facebook application ID 
made before 
6)Next search </head>and just after paste following 
code
<meta expr:content='data:blog.pageTitle' property='og:title'/> 
<meta expr:content='data:blog.url' property='og:url'/> 
<meta content='Comment' property='og:site_name'/> 
<meta content='BLOG-LOGO-IMAGE-LINK' property='og:image'/> 
<meta content='YOUR_APP_ID ' property='fb:app_id'/> 
<meta content='http://www.facebook.com/onlinesect' property='fb:admins'/> 
<meta content='article' property='og:type'/>
* Replace Comment with your blog title/Name.

* Replace BLOG-LOGO-IMAGE-LINK with the image link

of your like.Logo will look good it is in gif format

and having 40px by 40px size.

* Replace YOUR_APP_ID with your FB Application ID made 
before
* Replace http://www.facebook.com/onlinesect with your 
FB user profile link

7)Now search for <b:includable id='comment-form' var='post'> and just 
after it paste code given 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='700'

then set footer-size to width:690px

8)Save your template

Source page -

5 comments:

iteec said...: NICE YOU CAN GET MORE DETAILS FROM THIS LINK
http://isearchr.blogspot.com/; October 9, 2012 at 10:25 AM
Anonymous said...: Thanks on your marvelous posting! I truly
enjoyed reading it, you happen to be a great
author.I will make certain to bookmark your blog and definitely will come back sometime soon.
I want to encourage that you continue your great posts,
have a nice day!
Also see my page > visualimpactreviews.com; October 25, 2012 at 11:50 AM
custom logo design said...: more interesting information which are provided by this blog. i really like this blog.; November 22, 2012 at 11:23 PM
Unknown said...: Buy and sell everything in Sri Lanka.
Movies,Games,mobile phones and computers,property, jobs,Electronics,Cars & Vehicles,Education,Animals, and more.
http://www.forsalelk.com/; January 2, 2013 at 8:05 AM
nfl jerseys wholesale said...: very good post,thanks for sharing; January 4, 2013 at 6:11 PM