How to Add facebook share button with Count function in Blogger Post
It is recommended to use some buttons which enable visitors to bookmark your posts in their own social networking profile so that their friends can also view your blog posts and make your blog popular.Here is a procedure how to do this.Follow these simple steps and get your blog on Facebook profiles.
1.Login to your Blogger Dashboard>Layout>Edit HTML>Check mark Expand Widgets templates first
2.Backup your template before making any change.
3.Search for following code in your template:
<div class='post-header-line-1'/>
Add any of the following code you like and paste it after the above code:
Note:If you can't fine above code,then try searching for <data:post.body/> and paste any of below code before this code.
Code 1:
Resulting Button:
Code 2:
Change http://YOURBLOG.blgospot.com/ with URL of your blog.
Resulting Button:
Code 3:
Resulting Button:
Code 4:
Resulting Button:
<div class='post-header-line-1'/>
Add any of the following code you like and paste it after the above code:
Note:If you can't fine above code,then try searching for <data:post.body/> and paste any of below code before this code.
Code 1:
<div style='float:right; margin-left:10px;'>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>
Resulting Button:
Code 2:
<div style='float:right; margin-left:10px;'>
<script>var fbShare = {
url: 'http://YOURBLOG.blgospot.com/',
size: 'small',
google_analytics: 'true'
}</script>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>
<script>var fbShare = {
url: 'http://YOURBLOG.blgospot.com/',
size: 'small',
google_analytics: 'true'
}</script>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>
Change http://YOURBLOG.blgospot.com/ with URL of your blog.
Resulting Button:
Code 3:
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
Resulting Button:
Code 4:
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
Resulting Button:
Now click save template and you are done.Good Luck!!!!
Tags: Blogger Tricks, Blogger Widgets, Buttons
Previous Article
Subscribe to:
Post Comments (Atom)
Share your views...
6 Respones to "How to Add facebook share button with Count function in Blogger Post"
thanks navi brdr see www.desicracks.blogspot.com for exact results or as a sample........
November 29, 2009 at 9:25 AM
thats cool! I knew how to put a facebook add as a friend button but this is new for me. Thnx for the know-how
December 25, 2009 at 6:22 AM
thanks it worked for my bloog view my blog...
http://searchmehereonly.blogspot.com/
March 2, 2010 at 9:36 PM
urs welcome buddy and all the best for ur new blog
March 2, 2010 at 11:04 PM
hi can you share with me the code you used above your subscribe here section?
THe ones where there are share buttons?
I would like to have a snippet of code that's already formatted in html to have google buzz, FB share, and twitter
March 28, 2010 at 7:29 AM
good job,added this html and it works.....
April 21, 2010 at 9:52 AM
Post a Comment
You need not to login for making a comment.So please do comment about this post/trick.