Add Facebook Like and Send Button To Blogger Blogs

In our previous post we learned how to add Facebook Send button to blogger but just recently Facebook combined the Like and send button into a single plugin, making it more easy to add both the buttons with a single code. Further the like button is equipped with an additional comment functionality i.e. The visitors can comment on what they liked just under the button. Lets add this beautiful plugin to blogger.

Add The Facebook Like and Send Button To Blogger

 

1. Go To Blogger > Design > Edit HTML
   
2. Backup your template
   
3. Click Expand widgets templates box
   
4. Search for <data:post.body/>
   
5. and now if you wish to add the plugin just below your post titles then add the giant code below just above <data:post.body/> or if you wish that the plugin may appear at the end of your posts then paste the following code just below <data:post.body/>
   

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" layout="button_count" width="450" show_faces="false" font=""></fb:like>

  6.  Hit save and you are done!
We hope you will enjoy reading these posts too,

• Add Floating Facebook Like and Retweet Counters To Your Websites
• Facebook Social Bookmarking widget
• Social Share Widget With Counters For Blogger

If you faced any problem, please do not hesitate to let me know. :)

Read more: DragonHackers Blogspot | Tutorial Blogger | Tutorial Internet | Tutorial Computer http://dragonhackthis.blogspot.com/ Under Creative Commons License: Attribution

<div align="justify"><img align="left" alt="FACEBOOK-LIKE-AND-SEND-BUTTON" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiykgHiEZksbXwrx02xG6h9hNyw2mcE_X4-qCPRW-GAa4UAiAqWFxn0ANOqqPX8izm8ikiVxpBW3m20sBKcqjFio346xOx3OpofTfprFiturlN1oEtSnXhHUFf86zzlm18If6ulmDW17gM/?imgmax=800" style="display: inline; float: left;" title="FACEBOOK-LIKE-AND-SEND-BUTTON" width="192" />In our <a href="http://www.mybloggertricks.com/2011/05/add-facebook-send-button-to-blogger.html" target="_blank">previous post</a> we learned how to add Facebook Send button to blogger but just recently Facebook combined the Like and send button into a single plugin, making it more easy to add both the buttons with a single code. Further the like button is equipped with an additional comment functionality i.e. The visitors can comment on what they liked just under the button. Lets add this beautiful plugin to blogger.<a href="" name="more"></a></div><h3>Add The Facebook Like and Send Button To Blogger</h3><h3><a name='more'></a> </h3><ol><li> Go To Blogger > Design > Edit HTML<br /> </li> <li> Backup your template<br /> </li> <li> Click Expand widgets templates box<br /> </li> <li> Search for <data:post.body/><br /> </li> <li> and now if you wish to add the plugin just below your post titles then add the giant code below just above <data:post.body/> or if you wish that the plugin may appear at the end of your posts then paste the following code just below <data:post.body/> <br /> </li> </ol><br /> <blockquote> <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" layout="button_count" width="450" show_faces="false" font=""></fb:like><br /> </blockquote><br />   6.  Hit save and you are done!<br /> We hope you will enjoy reading these posts too,<br /> <ul><li><a href="http://www.mybloggertricks.com/2011/04/add-floating-facebook-like-and-retweet.html" target="_blank">Add Floating Facebook Like and Retweet Counters To Your Websites</a> </li> <li><a href="http://www.mybloggertricks.com/2011/05/facebook-social-bookmarking-widget.html" target="_blank">Facebook Social Bookmarking widget</a> </li> <li><a href="http://www.mybloggertricks.com/2011/05/social-share-widget-with-counters-for.html" target="_blank">Social Share Widget With Counters For Blogger</a> </li> </ul>If you faced any problem, please do not hesitate to let me know. :) <br/> Sumber: <a href='http://dragonhackthis.blogspot.com/2011/06/add-facebook-like-and-send-button-to.html'> Dragon Hack </a>