Translate this page

Wednesday, April 13, 2011

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='"" + 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


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..


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


Post a Comment


Subscribe to get free email updates...

Delivered by FeedBurner

Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Grants For Single Moms
Facebook RSS Feed Twitter Delicious Digg Stumbleupon Favorites More