Add Facebook/Twitter Tab in Blogger Comment Box
Liked The facebook and Twitter tab Integration in intensedebate??
want facebook comment system along with default blogger comment box??
So here is the trick how to do that..!!!
iGAWAR Presents Integrate Facebook/Twitter Tab in Blogger Comment Box, A tutorial that will Explain How to add facebook and twitter comment box along with your blogger default box to increase your visitors..!!!
So here is the trick to do so..!!
- Go to Blogger Dashboard --> Template --> Edit HTML
- Backup your Template before making any changes to your blog.Click here to know how to backup blog.
- Now Check Expand Widget Template.
- Press Ctrl + F and search the code shown below.
<head>
ADD Below Code Just Below <head>
<meta content='pratik.bhuite' property='fb:admins'/>
<meta content='YOUR_FACEBOOK_API' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/>
<script src='http://platform.twitter.com/anywhere.js?id=TWITTER API KEY&v=1'/>
Now Search for Below code
<div class='comments' id='comments'>
Now add The Below code just after above Code...!!!
<b:if cond='data:blog.pageType != "static_page"'>
<div class='js-default-tab comments-tab' id='blogger-comments' title='Comments from Blogger'>
<data:post.numComments/> Comments
</div>
<div class='comments-tab' id='twitter-comments' title='Comments with Twitter'>
<span class='js-page-tweet-count' expr:href='data:post.url'/> Tweets
</div>
<div class='comments-tab' id='fb-comments' title='Comments made on Facebook'>
<fb:comments-count expr:href='data:post.url'/> Fb Comments
</div>
</b:if>
<div class='clear'/>
</div>
<div class='comments-page' id='twitter-comments-page'>
<div data-bitly-key='R_b5f7d5706378f044755c16d1296708bb' data-bitly-login='pratikbhuite' data-publisher='pratikbhuite' id='js-tweet-box'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='10' width='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
Now change the following things form the code
pratik.bhuite :: your facebook ID
YOUR_FACEBOOK_API :: your facebook API (Application ID CODE) code.
TWITTER API KEY :: your Twitter App id key.
R_7fb135d4103581f8d39f59a86612ff27 :: yoyr btyly.com key and username.
if you dont hav bytly.com account keep my key/username only..!!
If you have any problem with this Trick then feel free to ask in comment box below..!!
Keep visiting @iGAWAR
















