[How to] add facebook like button after every post on blogger tutorial

[How to] add facebook like button after every post on blogger tutorial Atul Singh Tuesday, 7 June 2011 No Comment

ADDING FACEBOOK LIKE BUTTON AFTER EVERY POST ON BLOGGER BLOGS

This is very simple just 2 steps and it's done , here they are:-

Log into your blogger account, then go to Layout >> Edit Html.
Before doing anything you must check Expand Widget Templates box.

1) LIKE BUTTON AT THE STARTING OF POST(After post title)

Find the Code (USE "CTRL F" TO FIND IT)

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

AFTER FINDING THIS JUST PASTE THIS CODE GIVEN BELOW

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

And paste the button code Before it.
Click on Save Template and you are done

2) LIKE BUTTON AT THE END OF POST (After post body)

THIS ABOVE METHOD WILL SHOW THE LIKE BUTTON AT THE STARTING OF THE POST,BUT IF YOU WANT LIKE BUTTON AT THE END OF THE POST THEN
# FIND THIS CODE

<data:post.body/>

,,,,,,,SEARCH <data:post.body/> IN YOUR TEMPLATE CODE,,,,,,INSTEAD OF

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

PASTE THE CODE AFTER THIS ,,,

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

Click on Save Template and you are done.