Add Facebook Share Button on your Blog



Add Facebook Share Button to your Blog

How to Add Facebook Share Button For Blogger 
Adding share button to your blog can help your blog to spread across Internet. It is also helpful in increasing Traffic.It also look beautiful on your blog.Below a step by step  tutorial is provided to you to embed the Facebook Share button on your blog/site.So, let`s start...




Step 1

Login to blogger >> Dashboard >> Templates >> Edit HTML .

How to Add Facebook Share Button For Blogger
  
 







Step 2

 Find <data:post.body/> by Pressing Ctrl+F 


Step 3

Copy and Paste below code After <data:post.body/> .


<div style='float: left; padding: 5px; '>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='TYPE OF BUTTON'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger"><img src="https://bitly.com/haakblog" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><!-- Facebook Button -->


Customization

Replace TYPE OF BUTTON with box_count to show the as below
  
Facebook Share Button For Blogger

Replace TYPE OF BUTTON with button_count  to show the as below

Facebook Share Button For Blogger

 Last Words...

If you have any Problem leave the question in the Online help box...

Unknown

Hello, I'm just a small but a good blogger eager to help the newbies over blogging world. I love blogging because it taught me many things and also gave me my life i.e. Programming.