ShoutMeLoud – Shouters Who Inspire

Superlinks
≡ Menu
≡ Menu

How to Add Facebook Like Button Into WordPress

bluehost
How to Add Facebook Like Button Into WordPress

Facebook released new like button which is somehow seems less appealing to me. But the way Facebook is growing every day, I can’t miss targeting Facebook for visitors. The problem with new Like button is that it is very tiny, somehow Facebook share count button makes more sense to me.

Anyways, to give it a shot I have added Facebook like button here at Shoutmeloud and from now you can click on Like button on the top right of the post to share it on your wall post.

Wordpressfacebooklikebutton thumb

This little button is good enough to drive traffic into your blog and to add it into your blog, you need to add

This is my ad code which I have added here to Shoutmeloud :

<iframe src="http://www.facebook.com/plugins/like.php?href=&layout=standard&show-faces=true&width=50&height=25&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:50px; height:25px;margin:10px 0 0 0;">iframe>

You can resize the size of the button or you can try this alternative code too which will give a look like this :

"http://www.facebook.com/plugins/like.php?href=urlencode(get_permalink()); ?>&layout=standard&show-faces=true&width=530&height=60&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:530px; height:60px"></iframe>

This simple code will help you to drive more traffic from Facebook. You need to edit your single.php to add Facebook like button into your post pages. Try this code by hitting the like button at the top and you will see the increase in hit counts here.

Do let me know if you planning to use this button on your blog or now? Along with this, I also suggest try Stumble upon share button and Tweetmeme retweet button on your blog.

  • Author Bio

  • Latest Post

Article by Harsh Agrawal

Harsh has written 1096 articles.

If you like This post, you can follow ShoutMeLoud on Twitter. Subscribe to ShoutMeLoud feed via RSS or EMAIL to receive instant updates.


{ 5 comments… add one }

  • TechBrij

    Your first script is not complete.
    href =”missing url” and iframe is not properly closed.

    The layout can be customized. I would suggest:
    1. Go to http://developers.facebook.com/docs/reference/plugins/like
    2. Give dummy url,style,width,verb, font, color scheme and get code.
    3. Now replace dummy url to and use it in blog.

    Reply
  • Baker

    Valuable information here! keep it up.

    Reply
  • Bottomless

    Here’s the Wordpress plugin:
    http://wordpress.org/extend/plugins/like
    No coding necessary, you can customize the look and placement of the button in the settings interface.

    Reply
  • arun kamath

    Hey, some site have like button that on clicking ‘post this with comment’ appears. How to do that. FB help tells that we need to run some code on our servers.

    Reply
  • NpXp

    I am with you on this. The share button was much nicer than the Like button from Facebook. Sigh..

    Reply

Leave a Comment