How to Make a Sidebar Header Layout on your Blogger Blog

September 23, 2011 5 Comments

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:

…and change it to this…

Step #1:

Go to your Template Section and select Customize.

Then Click on Apply to Blog.

Step #2:

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

Choose Picture, and upload your sidebar header there.

And there you have it!

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

Filed Under: 2 Column Template, Blog Design Ideas, Blog Tips, Creative, CSS, Custom Blog Design, Custom Blog Design Tutorial, Design Tips, DIY, Easy, Easy Tutorials, Headers, HTML, Sidebar, Tutorials Tagged With: hide header, sidebar header

Learn ‘Coding Tricks for Blogger’ from Julie of Deluxe Designs

April 2, 2011 Leave a Comment

My good friend Julie from Deluxe Designs is teaching a ‘Coding Tricks for Blogger‘ class!!

Coding Tricks for Blogger is a great way for bloggers and designers to learn CSS, HTML, and JQuery codes and tricks that will enhance the look of any blog. We will go over fun things like shadows, rounded corners, navigation bars, opacity, and more. We will introduce fun and useful websites as well. This course comes with a video and class notes that will be emailed once the course is completed. One former course participant said: “The websites you showed me made me jump up. I seriously wanted to hug you.” Another commented, “Your class was one of the best – and I’ve taken a few ;)”

The Class will take place on April 14 at 7pm MST. This is the last time this class will be offered at the low price of $15!

Click Here for details and to register.

Filed Under: Announcement, Blog Tips, CSS, Guest, HTML

Using Firebug to Troubleshoot CSS and HTML on your Blog

March 31, 2011 2 Comments

I think that one of the biggest complaints that I get with the new Template Designer templates, is that when you go into your Edit HTML page, it really isn’t all that clear what is going on. The old Minima template was pretty straight forward, and easy to troubleshoot. In this tutorial, I will show you how to use Firebug, an AWESOME browser add-on that makes it so easy to navigate the new templates. Hope you enjoy it :)