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 and
unlike.
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 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 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
5.To change the text that appears on the button, you can change
action=like to
action=recommend
Do you like the new version of the Like Button? Let me know!
