Facebook has now released an improved version of its like Button. The new Facebook like button looks like the horizontal version of the Official Tweet 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 andunlike.
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 under Design 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)); ?>&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&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 to layout=standard , then you will get the older version of the like button2. 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 to colorscheme=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
- font=lucida+grande
- font=segoe+ui
- font=tahoma
- font=trebuchet+ms
- font=verdana
Do you like the new version of the Like Button? Let me know!