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
wait there is problem with twitter comment box you can't connect to the twitter account
ReplyDeleteCan you Explain What Problem your Are facing ??
DeleteYour Correctly entered Your Twitter Apps id rite??
add comment via twitter in this post
ReplyDeleteJust Checked it on my other blog..!
DeleteIts working Completely Fine..!!
you must be Doing Some Error..!!:)
hey how can i add delete button to comment
ReplyDeleteYou must be using Thread Comment System For Del Button
DeleteHere Is how to do so
Thread comment
only admin can seen and use the Del button