Adding FaceBook Share button for blogger posts.

Adding FaceBook Share button for blogger posts.

A lot of my friends and visitors asked my about how to add share on facebook button in blogger (blogspot),

And this question repeated many times specially after I posted a tutorial about How To Add Retweet Button To Blogger (Blogspot ).


Today we’ll learn how to do it in a very easy way.
About The Widget.
This is the official facebook sharing button and here are it’s features.
  • 2 Styles. Button Or Link
  • With / without Counter.
Step 1. Get Your Code.
Go to this page click here,


And make your button ( customize it ). there are some easy options and you can check the preview button to see your button.

See the following image to see the button different styles.
Adding FaceBook Share button for blogger posts.
After Finish you button customization, please copy your button code and go to the next step.
Step 1. Add It To Your Blogger Blog.
Log into your blogger account, and go to Layout >> Edit Html.

Before doing any thing you must check Expand Widget Templates box.


And find the next Code
<div class='post-header-line-1'/>
And after it, paste your button code we made the button it in step 1
What, If you didn’t find the code above in your template, The try to find the following,
<data:post.body/>
And paste the button code Before it.

That’s It.

Theo allblogtools