New Facebook Like button for blogger

Facebook Like Button For Blogger 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.


A Screen Shot of the New Like Button

image

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)); ?>&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 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
  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 to action=recommend
Do you like the new version of the Like Button? Let me know!

22 comments :

  1. This is better version than before. Thanks for sharing :)

    ReplyDelete
  2. Thanks. How do I get the FB like button to also appear at the top of my post under the title?

    Thanks.

    ReplyDelete
  3. this is ultimate easy to have it and edit the button really thnx man

    ReplyDelete
  4. I have a plugin problem, I give 'I like' nd is automatically withdrawn, can u help?

    ReplyDelete
  5. Thanks.How can I edit 'comment box' parameters?

    ReplyDelete
  6. Thank you Blogger Plugins for the new like button. I want to request you to give steps for putting facebook comments on each post of my blogger blog.

    ReplyDelete
  7. No puedo hacerlo alguien me ayuda? - I can not do someone help me?

    ReplyDelete