How to create Element upper header on your blog spot?

Hallo Reader ...
To create a new column is not as difficult as you imagine, you just simply add a little Css and HTML code into your template code.


 SEE DEMO

Not yet know how? please follow these steps:

1. Log in to blogger with your ID.
2. Click Layout.
3. Click Page Element tab. Consider your template layout structure. Typically the header will be like this:

4. Now we'll create a new column upper header. Ready? let started.

5. Click the Edit HTML tab.

6. Click the Download Full Template article, please in the first backup (important).

7. Copy the following code, and paste the above code ]]></ b: skin>



# upper_header (
margin: 10px 0;
padding: 1%;
width: 98%;
)


8. Look for code similar to the code below:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</ b: section>
</ div>



9. Copy and paste the following code   than change the RED color with  this code bellow:

              <b:section class='upper header' id='upper header' preferred='yes'>



10. Click SAVE TEMPLATE button. Wait a few moments until the template you saved.


12. OK ! now you have had element under the header, please add the desired elements. Want to place google adsense ads or whatever, up to you

13. Done.


See you on next post