How to Add Facebook Like Button In Each Blogger Post

Facebook like button allow user to share your content with friends on facebook. It is an web app, when user click the like button on your website/blog, a story appears in the user’s friends news feed with a link back to your website/blog.

It’s make your website/blog more social and easily share the content among the community. It can be integrated in your site with a line of HTML/Javascript.
Follow these steps to add facebook like button in every blog post.
Login into blogger–Go to Blogger DashboardDesignEdit HTML–Click on Expand Widget Template–Now search <data:post.body/> tag in the template coding and paste below mentioned code immediately above or below, depending upon where you want to place the button.
If you will paste below mentioned code above of <data:post.body/>, you will find the button just below of the post title. On the other hand you will find the button just end of the post body.


<iframe allowTransparency=’true’ expr:src=’&quot;; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=true&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:60px;’/>

You can also change look and feel of  like button according to your requirement, following are the coding.

layout = standard / button_count            [choose layout] show_faces = true / false                        [show picture] action = like / recommend                       [option : Like or Recommended button] colorscheme = light / dark                      [color] width:450px                                               [adjust width] height: 60px                                               [adjust height]

You can also generate this like button code by Clicking Here.

Leave a Comment

Season of love 50% discount, use this coupon while checkout "TSWRXQX6" ends in