Saturday, April 24, 2010

Add Facebook Like Button on blogspot blogger


Facebook has now made a extremely easy for anyone to integrate Facebook social elements into their blog – just copy-paste a HTML code and your site will instantly become Facebook-ready.

To this, open your blogger html editor, make sure that “Expand Widget Templates” checkbox is ticked.
Now Search for the following code (you can use CTRL+F on your browser) 

<data:post.body/>


When you found it, on the next line you should past this code


<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px' allowTransparency='true'></iframe>

If you found that, it means you are on the right spot.

Now Click “Save Template”. Refresh your main blogger blog now and you should be able to see your new Facebook Like Button.
Reblog this post [with Zemanta]