Internet, I need your help!

by DaniGirl on June 28, 2005 · 1 comment

in Uncategorized

I have spent almost an entire day of my vacation playing with the damn computer. Not an entirely bad thing, because I think it is somewhere around 57 degrees centrigrade outside, and I am huddled in the relatively cool basement with my sexy husband. (I am dictating, he is typing. Could you tell?)

Ahem (wrenching control of the keyboard) – as I was saying… We’ve spent the better part of the day playing with Photoshop, and have come up with a relatively cute little banner for blog. But, I cannot for the life of me figure out how to post it. I’ve played in the CSS of the existing template a bit, but honestly thought it would be as easy as an IMG tag. Apparently not. I’ve studied some of the CSS on blogs in my Blogroll, but don’t quite get it.

Is there an easy answer for this? I just want to use the existing template for now and instead of the header at the top, I want my banner to appear. I can host the image on server space from my cable Internet provider, but when I just key in the image tag with that addy, nothing happens. Do I have to build a little CSS script to define the banner space and centre it and point to the image or something? Also, if you are giving free advice, how do I include images in between my posts and/or change my sidebar headers to images I will design in some future year when the boys go off to college.

If I need to teach myself more about CSS I will, but I’d prefer a quick fix!

{ 1 comment… read it below or add one }

1 Troy June 28, 2005 at 11:45 pm

It’s quick and easy. The nice thing about Blogger is that all your CSS settings are in one place (something that I discovered was NOT the case when I moved to MT).
Here’s one solution:
Check out the HTML on your template, scroll past all the CSS settings until you get to the code that says:
div id=”header” (it will have <> around it)
Under that code you’ll see your blog title (Postcards…) and your blog description (Funny things…)
Then you’ll see the end of the divider (/div) and then it moves on to your content (it says “begin content”).
All you need to do is replace the stuff in the middle of that divider with your new blog header. I just uploaded the header top somewhere free (I have free webspace with Telus, my Internet provider…you probably have something similar) and then used the following code:
img source=”http://www.the web site where you uploaded your header” (don’t forget the <>) and presto! You’re done!
I tried to make this simple, but if I’ve made it too complicated, just email me. I can try again without trying to fit it all into a comment box.
Good luck! I’m anxious to see the new look!

Leave a Comment

Previous post:

Next post: