Thursday, 2 February 2012

How to Add the Facebook "Like" Button to Blogger or Wordpress

Facebook is currently the largest social media network on the Internet. Odds are your readers have a profile and can immediately start sharing your content with their friends and family. So, how can you get your readers to sing your praises without begging them to do so? Simple. Install the Facebook “Like” button on your blog.

When visitors to your blog click the "Like" button on your post, they share your content on their Facebook wall—instant advertising. You want more readers, more site traffic, and more exposure? This is a great way to do it.

Thankfully, Facebook has made adding the "Like" button to a webpage incredibly user friendly. You don’t need to be coding guru to install this!

For Blogger Users

  1. Open your blog's dashboard.
  2. Click on Template.
  3. Click on Edit HTML.
  4. Click on Proceed when a warning telling you that "Directly editing HTML may affect the way some features work and is only recommended for advanced users." is displayed.
  5. Check Expand Widget Templates.
  6. Find this code using your browser's find function ""
  7. Copy and paste the code given below right after it.

  8. Click on Save Template.

For Wordpress

The three ways to add the Facebook “Like” button to your blog are:
1. Going directly to Facebook
2. Using a plugin
3. Manual coding

Going Directly to Facebook

Facebook has its own tool for creating a Like button using Extended Facebook Markup Language (XFBML). The Like button creation page can be found at Facebook's Developers page.

  1. XFBML was developed to work specifically with Facebook so it has some great bells and whistles, including real-time reports on when users click the Like button and providing users with the ability to add comments when clicking the button.
  2. The knowledge that your code will be correct.

Using a Wordpress Plugin

Wordpress Plugins are strings of code that have been created to expand the functionality of the software application. You can choose from hundreds of different WordPress plugins to add a Facebook Like button to your blog. The best approach is to review the documentation and user ratings of a plugin before adding it to your blog. However, keep in mind that a 3rd party plugin may limit the customization you can apply to the appearance and location of the Like button on your site. One such plugin can be found here.

  1. Don’t have to deal with code at all.
  2. Depending on the plugin you choose, the Like button could be bundled with a number of other social buttons, minimizing the amount of time and effort you have to put into tracking down buttons for each service you want to connect to.

Manual Coding

If you have experience with PHP code editing, you can manually add the Facebook Like button to your WordPress blog. If you don’t know how to enter code but would like to learn how, WPBeginner has an excellent tutorial.

Offers the most control and customization of how buttons/social information displays.

All bloggers should consider installing the Facebook Like button on their blog. It doesn’t take any longer than 20 minutes to install, and it provides a quick and easy way for your readers to share your content.

Enjoy it guys!!

Change Facebook Theme Color, Appearance, Skin, Style or Template

Facebook is a social networking site which enables people to connect with friends and people around. That's how Facebook is usually introduced but Facebook is beyond the requirement of being introduced as almost everyone is on it. But Facebook has one flaw, the default blue theme is really boring.

Some even consider it an annoyance while visiting Facebook. As Facebook does not allow users to change its theme like MySpace used to, users are left with no other option but to bear the theme Facebook wants them to use.

However, it is relatively easy to change the Facebook theme to a stylish one using a Firefox addon and custom themes which are available free of cost on the internet.

An example of the final outcome would be something like in the image.

Requirement: The basic requirement for this to work is to have Mozilla Firefox 3.5 or higher.

Steps to achieve this: The following steps should be carried out to successfully change Facebook theme.

  1. Open Mozilla Firefox and install 'Stylish' addon.
  2. Follow the basic steps to install the addon.
  3. Restart Firefox after successfully installing the Stylish addon.
  4. Login to your Facebook Account and click on the small 'S' button in your Firefox status bar.
  5. Click on "Find Styles for this Site" to open a new tab with free themes to use for Facebook.
  6. Click on any theme and a preview will be shown.
  7. If everything is fine in the previewed theme, click on "Install with Stylish" button at the top right corner of the page.
  8. A dialog box will open.
  9. Click on Install in the dialog box.

Now whenever you open Facebook, it will show the theme that you have installed with Stylish instead of the boring old blue theme.

Enjoys it guys!!

Why Facebook uses Blue Color?

When you open Facebook, the first thing that you notice is the blue color it uses. Ever wondered why is Facebook so blue in Color and not upgrading its theme.

Ever since they started as 'thefacebook', Facebook has sticked with the blue color. Although major changes have been made in the Facebook theme since then, the major unchanged thing has been the blue color.

An exciting fact: In its earlier days, required you to have an .edu email id to join.

Everywhere from its login page to Facebook groups, you find only blue.
facebook blue login

The reason for this is that Mark Zuckerberg, the young founder of Facebook is red-green color-blind and blue is the richest colour for him which he confirmed in an interview with Leo Laporte in an online interview.

Another important commercial factor for using blue color is the fact that most colors tend to distract the viewers. Blue on the other hand acts as a transparent background to the main content as visible to the human brain due to which most popular websites tend to use the blue color. It can easily be called a webmaster's favorite color. Blue Color is also sometimes referred to as 'Nirvana' for the brain.

All these factors make blue a prominent color on Facebook.

If you are bored with Facebook's blue theme and want a stylish theme, visit Change Facebook Theme.