Facebook share button for every blog posts

             How to add Facebook share button for every blog posts ? Many of us bloggers coming this mistakes where share button for Whole Blog. Share for separate Blog posts helps your readers to share individual blog posts.

To Add Facebook share button on every Blog posts !
  • Go to Blogger Dashboard > Design > Edit HTML .
  • Now mark on "Expand Widget  Templates " at top right side of HTML codes .

  • Now Search for
  • Now Paste the Below code after to <data:post.body>
<div style='float: left; padding: 5px; '>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>

  • Now Save the Template. And Refresh your Page.

By : Sooji


  1. Hey , < data : post . body > is a essential element in Blogger .So it must be there in every blog .Please Search Well in your Blog HTML code.You can use Ctrl+F to search in the Code

  2. hey sooji the tag is plz change because your visitors have some problem

  3. @AbdulsalamYeas, As per your Request, i have added them in a Table column, Now you can easily copy down the Code from blogknol.!

  4. As Sooji said- You can use Ctrl+F to search in the Code

    Thanks!Exactly what I was looking for! (!!)

  5. helpful :) thankyou so much . RESPECT TO YOU :)

  6. Sorry, I have looked and looked using ctr f and every other way. There is NO anywhere.

  7. I can't find an "design" or "html" opyion in blogspot. Help Plzz

    1. Hello Nuhman,
      First of all Sorry for trouble. This is an old post, which is published when blogger use Old Blogger User Interface.

      To do above steps in New UI,please follow..
      1. Go to Layout on Left sidebar of BLOGGER dashboard.
      2. Click on 'Edit HTML' and add facebook share button.



Type your Comment Here...!