Monday, 30 July 2007

Ahem ... !

I blithely motored on describing how to implement the new banner headers that you are all impatient to try out, and managed to gloss over a hint or two about the images you are preparing to replace your current banner header.

This isn't a show-stopper, more in the way of a 'tip'. If you have a template that uses rounded corners then you should attempt to imitate the same display so that the new banner header integrates seamlessly. I have to assume that you are perfectly adept with your imaging software and that it can handle 'layers' - or this tip won't work.

You can slave over your imaging software and build your rounded corners laboriously. Or you can cheat!


1. Navigate your way to the HTML code of your template (I shouldn't have to explain how!) and find Blog Header, and you should see a couple of URLs that are clearly pointing to graphics lodged on the Blogger servers:


2. Typing in those URLs will get you a page with the graphic, but I will make it easy for you if you are using the Rounders-3 template: just click on the following URLs to take you there - in a new window! Each template uses different backgrounds and it is important that you 'lift' the graphics for the specific template you are using.


Both sets of corner images are GIFs on a transparent background. You need to copy them (right-click, 'save image as') and then all you need to do is to 'import' them to the banner image you are constructing, align them top and bottom overlaying the original image, and you now have an image with neatly rounded corners!

Easy, huh?

back to the top



karoline said...

thanking you for all your helpful advice...


Fletch said...

No thanks necessary, karoline, but they're appreciated nevertheless!

My thanks is if somebody finds the advice useful and uses it without any traumas!

Keep on hacking.