Tip: Select any Text to Tweet it!

Tech n blogging is in the soul of this blog

Recommended Time Pass!

Our Facebook Application
Posted by Gitesh | Monday, May 3, 2010 | 0 comments

Here i am providing one more method to make use of facebook like link for blogger.For logged-in Facebook users, the button is personalized to highlight friends who have also liked the page...So without wasting more time let us see how to implement it on our blog.

1. Login to your Blogger Account and go to Layout > Edit HTML and click on the check box which says “Expand Widget Templates

2. Look for <data:post.body/> and immediately after that place the following code.



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



Customization(optional)--

  • Replace action="like" to action="recommend" , to get recommend button.
  • You can use colorscheme='dark' and font like 'verdana' or 'tahoma'

NOTE:-If you want to show this button on your home page or having trouble with button then try with removing these two lines---
<b:if cond='data:blog.pageType == "item"'>

</b:if>