Friday, February 18, 2011

How to add facebook like button to blogger for post publicity

Here are the steps which you need to follow.

1) Go to  Design Tab
2)Edit HTML
3)Click on "Expand Widget Templates"
4) Here are the standered  Facebook button code just copy which ever you want,
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like expr:href='data:post.url' show_faces='true' width='450'/>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like expr:href='data:post.url' layout="button_count" show_faces="true" width="450"></fb:like>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like expr:href='data:post.url' layout="box_count" show_faces="true" width="450"></fb:like>

5)To get the button above post description past the copied code above <data:post.body/> tag else past it below the tag, so that facebook button appear at the footer of your post.

For more customizations visit http://developers.facebook.com/docs/reference/plugins/like/

Note:  Please change the button width accordingly in the script to get the various button dimensions.

No comments: