OK, so I have a made my first Blogger header image for use with "new" Blogger.
It's the image from "I love Gossip" free blogger design, but it's all by its lonesome.
It's the image from "I love Gossip" free blogger design, but it's all by its lonesome.
Please click on the image to view full size and then save to your own computer.
Please do not hotlink from my site.
Please do not hotlink from my site.
Please note that this header looks good for a Blog with a white background. Otherwise it might be too weird.
From your Dashboard, click on Template and then Page Elements.
From within this page, "Edit" the header.
Ignore the "Blog Title" and "Blog Description" bits (because this header image is going to take the place of that.
Hit the "Browse" button and select the header image file that you downloaded. Once you have found the file and clicked "ok", save the changes.
(click for a larger pic)
It will take you back to the "Page Elements" bit, and a yellow notice will say that the changes have been made.
(click for a larger image)
(click for a larger pic)
Incase text is still showing up (over the image), click on "Edit" the header again. Under "Placement" click on "Instead of title and description" and save changes.
How to install:
STEP 1:
(click for a larger pic)
From your Dashboard, click on Template and then Page Elements.
From within this page, "Edit" the header.
STEP 2:
Ignore the "Blog Title" and "Blog Description" bits (because this header image is going to take the place of that.
Hit the "Browse" button and select the header image file that you downloaded. Once you have found the file and clicked "ok", save the changes.
(click for a larger pic)
STEP 3:
It will take you back to the "Page Elements" bit, and a yellow notice will say that the changes have been made.
(click for a larger image)
....BUT... if you preview your blog, you'll see weird lines around the header:
When you've clicked on "edit HTML", a page full of code will open.
You have to scroll down this code until you find the "Header" bit. There are two lines of text that need removing (for the weird lines around the image to go away!).
(click for a bigger view)
So you have to click on the "edit HTML" subheader.
STEP 4:
When you've clicked on "edit HTML", a page full of code will open.
You have to scroll down this code until you find the "Header" bit. There are two lines of text that need removing (for the weird lines around the image to go away!).
(click for a bigger view)
the lines start with border:1px. Delete both of these lines, as seen above.
STEP 5:
(click for a larger pic)
Incase text is still showing up (over the image), click on "Edit" the header again. Under "Placement" click on "Instead of title and description" and save changes.
Labels: blog header, free design, header images, images
1 comments posted by suckmylolly.com on Monday, 17 September 2007 at 02:32.
