How to Add Facebook Like Button Before Each Post

  Let's keep this short and simple. Facebook is AWESOME, everyone is using it, you want it to be connected to your blog. Alright! Let's get started! (A sample of it is like the one above this post)



Step 1
Locate this code in your HTML code (For blogger users, go to Design > Edit HTML. Then, tick expand widget templates) :


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




Step 2
Copy this code: 



<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot;   data:post.url   &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>


Step 3
Paste it after the code 


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




Step 4 : Enjoy! :D

2 comments:

Anne Lee said...

hey.thanks for sharing this

Ashraful Haque Saimoom said...

Lovely tutorial. I think you should add some cool image about your post. This will helps much to understand. Hoping from you more unique tricks about blogging.

My blogs, don't forget to visit: Shine Mat, Projuktir Biswa