Monthly Archives: April 2011

How To Hide Navbar In Blogger

          Hiding navbar may give a professional look to your blog than showing it. Here, the question is about “How to hide the navbar?”. Its possible by adding css “margin” property to your template’s body element. Here, I will show you how to do it.

1. Login to your blogger account and select “design” tab.
2. Under “design” tab select “edit HTML”.

3. The templates code may be big and its difficult to find a line manually, so you can use browsers “find” tool to find a line.
4. In that code, You need to find the below lines first.

body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

5. After finding the above lines, add a property “margin-top: -30px;” to that list. After adding, the code appear’s as shown below.
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
  margin-top: -30px;
}

6. Now, preview your blog and save the template. That’s all to do to hide your blog’s navbar.
Enjoy the tip…
Note: Before editing, Please backup your template.

Claim Your Blog At Technorati

          Do you own a blog? Then goto “Technorati.com” and claim for your blog without delaying. You may be trying to increase traffic to your site through many different ways. Including all those, you don’t forget to claim your blog at technorati. It is one of the top most listing directories and it may help you in getting more traffic to your blog.

How to Claim:
1. Goto Technorati.com and Login or create an account.

2. After logging in you can see your “username” beside “logout” link.



3. Click on your username and you can see your profile and some other details.
4. Scroll down the page and go to “my claimed blogs”. There you can add your blog’s link and follow the instructions to proceed to claim your blog.



5. Now, You have finished adding your blog to technorati.

How To Create Horizontal List Without Bullets

          Horizontal lists are mainly used for creating tabs in menu bar. Creating tabs in your website provides easy navigation for the visitors. To create tabs, you need to create list with links horizontally and with no bullets.

          First, we need to create a list with necessary links, Then we need to overwrite the ul and li tags as shown below.
ul {
  list-style-type: none;
}

ul li {
  display: inline;
}

          The attribute “list-style-type: none” makes the list with no bullets, and “display: inline” makes the list appear horizontally.

How To Center A Webpage

     A webpage aligned to center attracts the users more, than the other alignments. To align a webpage center you can use some java script which adjust’s the webpage according to the screen size or you can follow a simple way to get aligned to center. Here i am going to discuss about the simple way using css technique. Let us assume that a div with id “globalcontainer” is the whole container. Use the below css.
#globalcontainer {
     width: 1000px;
     margin: 0 auto;
}

     By using the above css, the width of the container is set to 1000px, and the right-margin is set to “auto”, which aligns the page to center automaticaly.

Note: This technique may not work in internet explorer, if you don’t mention the doctype and meta content type. So, make sure that doctype and content-type is declared. Here is an example:
 
  
  

 
 
  
   ….Body of the program goes here….