Subscribe via RSS Feed

Facebook like button in blogger

Tutorial : Facebook like button in blogger

Sadly the recent added new feature from blogger which is the new social share widget didn’t include Facebook like button. The little widget only have Facebook share button, and come along with other like twitter & google plus button. For me personally I like most the facebook like button because it’s so easy to share an entry.

Facebook like button in blogger

Remember to backup template first. Go to Dashboard > Design > Edit HTML > Tick expand template then find :

<div class=’post-header-line-1′/>

if don’t have the above code can try this 2 :

<div class=’post-header-line-1′>




Then right after the code mentioned above, paste this :

<iframe allowTransparency=’true’ expr:src=’”” + data:post.url + “&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;height=80&amp;action=like&amp;colorscheme=light”‘ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; width:450px; height:80px’/>

and click save as usual.

Please note that you can adjust the width and the height of the like button.

Don’t forget to like this entry, Facebook like button in blogger if it helped you :)

Incoming search terms:

  • like button for blogger
  • facebook like button for blogger


Category: blogspot tutorials