Monday, October 31, 2011

Add Facebook Like Button

When you add like button of Facebook in your blog, people are getting chance to express their emotion about the blog. If somebody likes the blog and click like button, this appears in the wall of the user in Facebook. So, the friends of that user may have some curiosity regarding the news and may visit your blog. This is one kind of Social Networking by which the a blog / website / link may be popular very quickly.
Adding a Like Button is very simple.
1. At first click this link: Face Book Like Button Developer
2. Enter your blog address at the box highlighted in red. You can change Layout style, Width (do not make it less than 100). Finally click Get Code.

3. You will get the following screen. Just Copy the code of the first box.

4. Now go to Edit HTML section of your blog and find the opening body tag. To find it go to Edit->Find of your browser and type <body then press enter. You will get the line containing the body tag in your blog html code. Just after that line paste the copied code here as shown below:

5. Now you are to paste the code from second box. At first find the following code:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
Then paste the code from the second box just above the line as shown below:

Click Save template and you are done.
N.B: Before editing your code please take a backup first.