Sunday, February 6, 2011

How to add "Like" button on your blogger's post ?

Well if you are a blogger and an FB user then it would be a smart option for you to start utilizing their power together in lesser time. Today I am gonna explain how you can add "LIKE" button power to your  blog !
1.First you need to go to your blog and in the Settings, Go to Design Tab >> Edit HTML Tab. You will see as shown in the image on the left.


2. You need to check the option which says Expand Widget Templates.





 3. Then you need to find the div section in your template where it says "post-header-line-1"




4.Then you post following lines in that div section.< 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;'/>





5. And you save your updated template. Now when you view your blog, you will the mighty LIKE button on each posting of your blog as shown in the image below !


Ok. thats it ! :)













1 comment: