Skip to main content

How to add Facebook Like button in WordPress theme and Blogger Blogs


Facebook is the fastest growing social networking website. A presense of your website in face book give a good impression to the viewers. If you have lots of followers in facebook, then that shows your site popularity.

Facebook provides "Like Box" service, so that users can link their website to facebook and promote the website contents, Using "Share" and "Like" options contents can be shared across various communities and friend groups in facebook. Once a user "Likes" your website post, immediately the people in the friend groups of th eperson who "liked" your post will get an intimation.
So there is a  chance that several people may look into the "Liked" site and it may  driver visitors to your website.

Adding Like Button to Wordpress Themes

It is very easy to install the facebook like button on your wordpress theme.

Simply do the following:

find the file "single.php" and add the following code in that

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

Adding Like Button to Blogger Blog Templates

Login to your blogs admin area and go to Design option in blogs dashboard. Click on edit HTML and select expand widget option. In the HTML contents find the following section:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

in that section add the following code:

<iframe expr:src='"" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px' allowTransparency='true'></iframe>

and Save your template.

-- -- -- -- -- -- -- -- --

The above codes for blogger and wordpress are in general format, you can customize it according to your needs. You can change the layout , height , width etc..

If you want to show only the Like count in the button then change layout=standard to layout=button_count. if you want to hide the faces of the people who like your post then change show-faces=true to show-faces=False.

You can also change the color scheme to dark by changing colorscheme=light to colorscheme=dark and other small changes regarding the height and width of the button.

If you are not familiar with how to create a facebook fans page and facebook like box for your website, then read this article :

How to create facebook fans page?

How to create Facebook Like Box Widget?


Popular posts from this blog

Payback Points - How to redeem - How to merge multiple payback accounts - Block Payback card - Payback customer care

Your SBI Debit card ending with XX0000 is deactivated only for Internet txn.

SBI account holders may have received an SMS with following message, supposed to be from State Bank of India (SBI).

Your SBI Debit card ending with XX0000  is deactivated only for Internet txn. To activate send SMS "SWON ECOM 0000" to 09223966666. No change for ATM/POS usage
** Replace the four Zeros with last 4 digits of your debit card number

Recently many of the SBI account holder has losed their money due to a hi-tech ATM robbery which happened in Thiruvananthapuram, capital city of Kerala.

How to turn off BSNL Buzz services - Steps to deactivate BSNL Buzz messages

BSNL Buzz is a service from BSNL for mobile customers, in which when your phone is in idle mode, teasers or small buzz messages related to topics like entertainment, lifestyle, sports, business, fun, polls, daily news updates are delivered to your mobile. When you activate a BSNL SIM card, through which BSNL BUZZ is available, you automatically accept the terms and conditions for teaser delivery.

Recently, I bought a new BSNL SIM card. After the activation, when ever I unlock the phone, I was getting lots of buzz message one after another. I have to click on cancel / back button multiple time to view the home screen. Some times when some call arrives, it was difficult to attend calls due to this teaser popups. So I decided to deactivate the BSNL buzz. Here are the steps to Deactivate or Turn Off BSNL Buzz.

Urgent Openings for PHP trainees, Andriod / IOS developers and PHP developers in Kochi Trivandrum Calicut and Bangalore. Please Send Your updated resumes to   Read more »
Search This Blog