How to add facebook like button on blogger page.

The most popular social plug-in launched by face book is like button, you will find this button at every website. In this post you will learn how to add and customize this button to your blogger blog.

How to add like button:-

Here I am writing the button code here.

<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;'/>

Where to add this code in your blog?

Sign in your blogger account. Go into design tab. Open “Edit HTML”

Design>>Edit html

Click on Expand Widget Templates

Find the following code in your html code:-

<div class='post-header-line-1'/>

Now paste your button code after this code line.

If you will not find the above line then find next line

<data:post.body/>

And paste your button code Before this code line.

Click on SAVE TEMPLATE link.

you can see the example in this post.

You can customize it by changing the Arial font into one of the following fonts..

lucida+grande
segoe+ui
tahoma
trebuchet+ms
verdana

If you like this post then share it with your friends.