Add "Facebook Like" button to your Blog Posts

Posted by Faheem Mustafa

Hello Readers:
Facebook has become one of the most famous and leading social networking site on the web and is one of the top visited sites in world . Thus it can be a greater source to generate traffic to your website/blog. So it become a necessity to involve facebook in your content and provide your visitors ways to share your content on their facebook profile
By adding the facebook like button you provide your visitors with an option to share your post with their facebook contacts with only a single click. This option can increase your bolg traffic and will definitely result in increasing revenue. This can be done in no time without any new window or pop-up window.
Adding "Facebook LIKE" button:
1:  Log-in to you blogger account. Go to Layout > Edit HTML
2:  Check the checkbox "Expand Widget Templates" 
3:  Press "CTRL+F" and search <p><data:post.body/></p>
4:  Just before the searched tag in step 3 copy and paste the following code
<iframe src="http://www.facebook.com/plugins/like.php?href=data%3Apost.url&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:50px"></iframe>
5:  Now save the template and YOU R DONE!
6:  The button will look like this
 

Customize It:
If you want to replace the text the appear on the button then just change the action=like with action="Recommend"

blog comments powered by Disqus
Related Posts with Thumbnails