How To Add The Facebook Like Or Recommend Button For Blogger / Below Every Post

fHi `friends Facebook has come up with a new set of Social plugins which enable you to provide engaging social experiences to your users with just a line of HTML. The Facebook Like Button is One of them.so if you like to add this new Facebook  like button to your blog..please follow step by step below to do it.

How To Add The Facebook Like Or Recommend Button For Blogger / Below Every Post

1. You first generate the facebook code using the options below

Demo:

Button Type                    Standard Button CountBox Count

Text on the Like Button   Like Recommend

Color Scheme                 Light Dark

Font                                arial lucida+grandesegoe+ui tahoma trebuchet+ms verdana

Float                               Left Right None

Location                         Below the Post Content Above the Post Content

Display                           On Post pages only EverywhereEverywhere other than Static Pages

<b:if cond='data:blog.pageType == &quot;item&quot;'><div><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/></div> 
</b:if>

2. Now you Copy the Above code.

3.Log in to your dashboard--> Desing- -> Edit HTML

4.Click on "Expand Widget Templates"

5.Scroll down to where you see <data:post.body/>  tag.

6. Now immediately after that place the copied code.

7.Now save your template and you are done.

Cheers.!


Source