In this tutorial, I want to show you a super simple way to take a standard blog layout (with the header at the top, and the posts and sidebars below), like the image below:

Blogger Layout

…and change it to this…

Sidebar Header Layout

 

Step #1:

Go to your Template Section and select Customize.

Template > Customize” width=”580″ height=”434″ /></a></p> <p>Next, go to your <strong>Advanced</strong> Section and <strong>Add CSS</strong>.</p> <p><a href=Advanced > Add CSS” width=”580″ height=”311″ /></a></p> <p> </p> <p><strong>Paste</strong> the following code in the <strong>Add custom CSS</strong> section:</p> <p><code>header {display:none;}</code></p> <p><a href=Header Display None in Blogger

Then Click on Apply to Blog.

 

Step #2:

Go back to your Layout Section, and Add a Gadget.

Layout and Add a Gadget

 

Choose Picture, and upload your sidebar header there.

Picture

 

And there you have it!

Sidebar Header Layout

 

Credits:
Header Graphic is from Free Pretty Things for You
The Template used is the Awesome Inc. Template