Add Facebook Buttons To Your Blog

Log in to Blogger -> Layout -> Edit HTML, and select the tickbox "Edit Widget Templates"

Now find this code in your template:

<div class='post-header-line-1'/>

Now immediately below it, paste the code for the facebook button (select the appropriate one for your blog).

---

As a link:

Code to paste:

<!--FB-BUTTON-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'>


<span style="text-align: right;">

<a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

</span></b:if><!--FB-BUTTON-STOPS-->

---

Button #1

Code to paste:

<!--FB-BUTTON-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'><span style="text-align: right;">

<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>


</span></b:if><!--FB-BUTTON-STOPS-->

---

Button #2

Code to paste:

<!--FB-BUTTON-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'><span style="text-align: right;">


<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

</span></b:if><!--FB-BUTTON-STOPS-->