How to LINK Facebook to Blogger STEPS with pics

Go to the "Facebook Developers" page: http://developers.facebook.com/docs/reference/plugins/like.

Set the options you want. Specifically, select whether you want a "Like" or a "Recommend" button. The sample button on the page will automatically update to reflect your selections

Leave the "URL to Like" field blank. You will be replacing that soon.

Click "Get Code". You will see something that looks like this:

<iframe src="http://www.facebook.com/plugins/like.php?href=

http%253A%252F%252Fexample.com%252Fpage%252Fto%252Flike&layout=standard&

show_faces=false&width=450&action=like&colorscheme=light"

scrolling="no" frameborder="0" allowTransparency="true" style="border:none;

overflow:hidden; width:450px; height:px"></iframe>

Replace the following text:

src= above with:

expr:src='

http%253A%252F%252Fexample.com%252Fpage%252Fto%252Flike&layout part with: 

" + data:post.url + "&layout

light" with:

light"'

-- notice the new trailing apostrophe

height:px with:

height:35px

-- otherwise, Firefox will make the iframe really big.
Leave a copy of the final code somewhere accessible for you to transfer to Blogger

Go to your Blogger Dashboard

Open your blog's layout and click Edit HTML

Back up your template! Do this by clicking Download Full Template

Check Expand Widget Templates.

Find a place to put the Facebook "Like" code into your HTML layout.

A good location is directly after or below:
<div class='post-footer'>
Use the browser "Find" mechanism to help you locate it.

Save and check that the button has appeared. Once you can see it, you're done!