Sunday, November 8, 2009

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:
<div style='float:right; margin-left:10px;'>

<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>


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>


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>


Resulting Button:






Now click save template and you are done.Good Luck!!!!


6 comments:

  1. thanks navi brdr see www.desicracks.blogspot.com for exact results or as a sample........

    ReplyDelete
  2. 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

    ReplyDelete
  3. thanks it worked for my bloog view my blog...

    http://searchmehereonly.blogspot.com/

    ReplyDelete
  4. urs welcome buddy and all the best for ur new blog

    ReplyDelete
  5. 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

    ReplyDelete
  6. good job,added this html and it works.....

    ReplyDelete

You need not to login for making a comment.So please do comment about this post/trick.