New Facebook Like button for blogger

Facebook has now released an improved version of its like Button. The Facebook Like button will show the no of likes just like the tweet button does.The like button has some changes from the older version in the way the user is allowed to like and unlike.

A Screen Shot of the New Like Button





Integrating the New  Like Button into your Blog

1. Blogger – Login to  your Blogger Dashboard, Navigate to the Edit HTML tab underDesign and follow the instructions at this page (It also has instructions to upgrade your old like button to the new one)
2.Wordpress – Edit your  Wordpress theme and insert the following code into your Wordpress Post Loop(If you want it to appear on Post pages only, then edit single.php.Otherwise you will have to edit multiple theme  files) 
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;font=arial" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:40px;"></iframe>

Parameters

1.layout=button_count will provide you with the new like button.If you change it tolayout=standard , then you will get the older version of the like button
2. show_faces=false If you set this parameter to true(show_faces=true), then it will show faces of those who like your post
3.There are three different color schemes available . The code has the light color scheme. To use the other two color schemes change colorscheme=light tocolorscheme=dark or colorscheme=evil
4.you can also change the font used by changing the font parameter
You can change font=arial to any of
  1. font=lucida+grande
  2. font=segoe+ui
  3. font=tahoma
  4. font=trebuchet+ms
  5. font=verdana
5.To change the text that appears on the button, you can change action=like toaction=recommend
Do you like the new version of the Like Button? Let me know!



No comments:

Post a Comment