Rich Burridge's Blog : Weblog

« abcd - automatic... | Main | Free software! »

Tuesday June 08, 2004

Adding your image to the top of your blog.

Like a lot of others, I wanted to go beyond the default themes and setup options that roller provides. I wanted to do it quickly as I have a few other things I need to finish today.

I wanted to have my image at the top of the log.

It wasn't obvious to me how to do this, so I hunted around a bit. I've no idea if this is the best way to do it, but it's one way.

Firstly, there is the Roller User Guide which is a great place to go if you've got the time to read it all the way through. I unfortunately didn't have that time right now. Perhaps if I did, I'd find an alternate way to do the following.

So here's how I did it.

I logged in, and clicked on Settings->Files. Using the form provided, I uploaded a small JPEG image on myself. When you click the Submit button, this image then appears in the table below the form. If you right click on the file name for this file (in Mozilla), you can then select "Copy Link Location" to get the URL of this image.

I then clicked "Pages" and the "Edit" link for the "Weblog" page. This displays the current contents of the Weblog page; the Template area showing the current HTML for that page.

You should see something like the following.

    <center>
      <h1>#showWebsiteTitle</h1>
      <p class="descrip">#showWebsiteTitle</p>
      #showWeblogCategoryChooser()<br>
    </center>

I replaced this with:

    <left>
      <h1><img src="http://blogs.sun.com/roller/resources/richb/blog-richb.jpg">
         Rich Burridge's Weblog</h1> 
      <p class="descrip"><h2>A dumping ground for what's on my mind right now</h2></p> 
      #showWeblogCategoryChooser()<br>
    </left>

Then I submitted the changes. Reloading my blog, showed that the changes had been applied successfully.

Now I'm not going to win any awards for web page design, but it's what I wanted.

Hopefully these notes will help others.

[Technorati Tag: Blogging]