hay all, now i will give you tutorial ( i think :p ) and how to give a facebook widget share on your blog,
Adding a Facebook share count button will show a neat count of how many times you blog post has been shared on Facebook.
Style 1
<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>
Style 2
<div style="float:left;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.ne/connect.php/js/FB.Share"/></div>
Style 3
<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>
Style 4
<div style="float:left;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>
HOW, :) do you like it,...
and then install on your blog, like this ....
1.Select one of the Share Button Styles and copy the Corresponding Code.
2.Now login to your Blogger Dashboard and navigate to Layout > Edit Html and expand the widget templates
3.Find this piece of code
<div class='post-header-line-1'/>
and immediately after that place our Facebook share button code(that you copied)
If you were unable to find this code in your template,then look for the first occurance of
<data:post.body/>
and immediately before that paste our Facebook Share button code(that you copied).
5.Save the template and you should get a facebook share count button near each of your blog posts.
If you liked this post and if it helped ,please consider sharing this post on Facebook using the button on the top-right of the post :)
before, i wanna say thanks to
www.bloggerplugins.org with the tutorial