Thursday, November 21, 2013

Add a Facebook Share Button in Blogger Urdu Tutorial

You are running a blog but it is not being shared on Facebook then you are missing much traffic .Putting a sharing button on your blog means whenever a user reads and likes your post so definitely he wants to share it with his friends and followers .
In this post we will tell you how to put a share on facebook button in a blog where it will also show the numbers of data been shared on Facebook wall.
  • Log into Blogger account.
  • Go to Template>Edit Html>
  • Search for  <data:post.body/>
  • Paste the given code 
But Do remember!

  •  If you want to display the sharing button below at the end of  post  then paste the code below the <data:post.body/> .
  • Or paste the code above of <data:post.body/>  for displaying the button above of the post.

<div class="facebook-share"><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='BUTTON-TYPE'/><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>
Now the next thing is that what kind of sharing button you want to put on your blog?
Facebook has provided many button like vertical , horizontal etc so here we have given the codes just copy and replace with "Button-Type".

  • button (without counter)
  • box_count (full tall button with counter)
  • button_count ( for small button with counter )
  • icon (small thumb without counter)

Save the template and that's it.


Facebook Share Blogger

No comments:

Post a Comment