Add a facebook like button and Send button on your blogger site

How to add a Facebook like button and Send button on your blogger site like below shown in the picture. This blog provide you step by step instruction on how to add a Facebook like/send button on your blogger site.

Step 1:

Go to facebook developer plugins pages

https://developers.facebook.com/docs/reference/plugins/like/

you will find similar screen as shown in picture below:

Step 2:

Leave the url to like blank and click on the get code button.

Select your width, layout style, font type, color scheme and verb to display

Step 3:

Before you click make your are logged in.

Click on the button Get Code. A screen will pop up, click on iframe tab similar to shown in picture

You will get the similar code:

<iframe src =http://www.facebook.com/plugins/like.php?href=http%253A%252F%252Fabc.com%252Fpafe%252Fto%252Flike&layout=standard&show_faces=false&width=450&action=like&colorscheme=light scrolling=”no” frameborder=”0” allowTransparency=”true” style =”border:none;  overflow:hidden; width:450px; height:px”></iframe>

Step 4:

Just change the following :

1. Use exp:src=’ instead of  src


2. Use “ + data:post.url +&layout instead of shaded text.


3. Use light “’ instead of light


4. Use height:35px instead of height:px

Rest use as given.

Step 5:

Now go to blogger Dashboard and click on Template.

Step 6: You will find similar screen.

Step 6:

Click on Edit HTML.

Select appropriate place to show your like & send button. I have choose <Div Class =’post-footer’>

It will help your button come after your each post.

Step 7:

Now paste your modified code here and save.

 Yes it’s done.

Hope this blog help to make your blogger site user friendly and social and help you to generate more revenue.

Add a facebook like button and Send button on your blogger site