WebTech

This page is used to display my writings on everything related to web tech. and other aspects about computer science.

How to add a tab and new page on Google blog?

You will learn how to how to add a tab or a static page in you google blogger, also the customization of the width of the tab. There are five steps to follow:  

Step 1:  Enter your Google account  click blogger enter blogger dasboard, if you enter the old dashboard (see Figure 1) switch to the updated blogger interface (Figure 2).

(Click on the images to see more clearly.)

Figure 1. Old dashboard

Figure 2 New dashboard

Step 2:  Click the "blank page" to create a new page (Figure 3)

Figure 3. C

Step 3: Enter tab text and page content, publish and see your new page (Figure 4,5)!

Figure 4. Enter content and tab text in the new page

Figure 5. Check what you want!

OK! Not perfect, right?  They do not have the same width and look not so great! Continue to the steps 4 and 5:

Step 4: Finally you may want to change the width of individual tabs (Figure 6,7).

Figure 6. Go back to new dashboard again and choose "Template" and "Customize"

Figure 7. Click "Advanced" then choose "Add CSS"

For your convenience, you may copy and paste the following code, but remember to change the numbers to best fit your needs.

 .tabs-inner .widget li a {
padding: 16px 24px 16px  24px;
}
.tabs-inner .widget li a {
padding: 16px 0 16px  0;
width: 90px;                                
text-align: center;
}

Step 5: Add CSS and enter the code above, " apply to blog" and check the result (Figure 8)

Figure 8. Now we have same width tabs

In the next post, I will briefly show you how to customize your design of the blog such as adding your own background picture, changing the style of the text etc.

Ref: http://www.google.com/support/forum/p/blogger/thread?tid=75248b6946140d87&hl=en