Jul 6, 2006

Simple Custom Header

It's one of the first things new bloggers want to do, create a header that is unique. There are plenty of ways to re-design the top of your blog. Here is the easiest if you are using Blogger's Minima template


  1. Find a photograph or graphic that you would like to display in your header.

  2. Upload the photo to a image hosting service.(read more)

  3. Go to Blogger's dashboard and click the template tab.

  4. In the window at the bottom of the screen where the HTML code is, find the portion of code that you see below. The red hi-lited code is what you want to change.

  5. <body>

    <div id="header">

    <h1 id="blog-title">
    <ItemPage><a href="<$BlogURL$>"></ItemPage>
    <$BlogTitle$>
    <ItemPage></a></ItemPage>
    </h1>
    <p id="description"><$BlogDescription$></p>

    </div>

  6. Using the address that the image hosting service provided for your photo, change the code above to this. (note: Image URL is the address the hosting service gave you. It will start with http://}

  7. <body>

    <div id="header">

    <h1 id="blog-title">
    <ItemPage><a href="<$BlogURL$>"></ItemPage>
    <img src="Image URL">
    <ItemPage></a></ItemPage>
    </h1>
    <p id="description"><$BlogDescription$></p>

    </div>
That's all there is to it. Don't be scared to edit your template. Hot rodding your blog is half the fun of blogging.

Technorati Tags: , ,

2 comments:

Anonymous said...

I would love to know how to totally cutomize your blog, such as www.daily-foot.blogspot.com did with his background sketchy thing. Which part of the html would u post this picture/background to and still keep the posts on the background?

r0ck3st said...

i think u should know html coding very well