How to make element below of the header

How to make element below of the header

By Kang Rohman. Tuesday, July 29, 2008

Like what I’ve told you before in my previous post, “Saving widget below of the header”, I said that, there are still a lot of ways to saving widget or element, exactly below the header. Today, I will give you a new technique. With this, you will be able to make a new column, exactly below the header. Want to figure it out? Here we go……

In order to make a new column, we only need to put a little ‘spices’ like CSS code and HTML code in your template code. And this won’t be as hard as you imagine. Just follow my instructions below:

1. 1. Login to Blogger with your ID.
2. Click Layout

3. Click tab Page Element. Look at your layout template structure. Usually it will be like this:

   

4. Now, we are going to make a new column exactly below of your header. Hehehe… feel nervous?
5. Okay then, click tab Edit HTML.
6. Click sentence Download Full Template, it is very important for you to backup this!

7. Copy the code below, then paste it before code ]]>

   #under_header{
   margin:10px 0;
   padding:1%;
   width:98%;
   }

8. Find out code which look exactly like this :

   
   
   
   
   

9. Copy the code below, and paste it exactly after that code :

   
   
   

10. Click SAVE TEMPLATE buttons, and wait until your template saved.
11. Click tab Page Element and your layout structure will be like this…
    

12. Yahuuuuu…. Now you already have an element which placed exactly below your header. Feel free to add any elements do you wanted to. Want some Google Advertise, or maybe some photos, it’s all up to you!

13. 1. Final step…. It’s done (Hurray!!)