How to Add a Facebook 'Like' Button to your Posts on Blogger

Thursday, August 05, 2010

I only just realised that people can add 'Like' buttons to their blogposts. Raudhah made me realise that it's possible, and I thought, 'Why not?'.

So I searched around a little, and found out how to add the button.

For the new layout on Blogger, look for the ‹data:post.body/› tag. An easier way to find it is to click Ctrl + F and type the code into the search box.

Once you find the tag, paste this code either above or below it, in between the '<' and '/>' tags.

iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'

The tag should show up like it does in this post, below.

You can also edit the button:

  action=word of your choice e.g. "Like" or "Recommend"

  font=font of your choice (in my case, "Verdana")

  colorscheme=colour theme ("dark" or "light")

 Hope this helps!

You Might Also Like

0 comments

Flickr Images

Subscribe