How to add a 'Like' button to my Blogger blog?

[A]

How do I do this and make it direct to my Facebook fan page as well? Thank you.

[Shuau]

Hi Aly !
#1 Go to Dashboard > Design > Edit HTML.
#2 Back up your template.
#3 Tick the Expand Widget Templates check box on top right of the HTML window.
#4 Find the following code in your HTML, this is the code for your post content:

<data:post.body/>

#5 Paste the Facebook button code immediately below (after) it:

<!-- Facebook Like button Start -->
<b:if cond='data:blog.pageType != "static_page"'>
<div style='float:left;padding:5px 5px 5px 0;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=450&action=like&font=verdana&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
</div>
</b:if>
<!-- Facebook Like button End -->

#6 Configure button

Choose the type of button by changing the value of query parameters in line 4.
#7 Button repositioning
The steps above positioned the button on bottom left of each post. You can change the position if you wish:

* Position it on top of post
Place the button code before <data:post.body/>, instead of after.
* Position it on the right
Change the float in line 3 from left to right.
* To also display the button in static pages, remove the conditional tag -code line 1 and 6.

#8 Preview, you should see the button appear in each post.
#9 Click Save if you like what you see.
#10 Enjoy!

Hope this helps

[Mr. Caveman]

How to add Social Networking Buttons Below Every Post: http://bloggerstop.net/2008/12/how-to-ad...ns-to.html

Like Button: http://developers.facebook.com/docs/refe...ugins/like
FaceBook Social plugins: http://developers.facebook.com/plugins/

'AddThis' Social Bookmarking Service: http://www.addthis.com/bookmark.php

Ron