Customizing your header: add an image

I just love the Minima template. It is so versatile. New discoveries keep turning up. My last great discovery was how to tweak the heading to my liking. It involves:

1. finding an image and cropping it to fit (once again using Irfan View)
2. upload this image to your web host
3. put this code in your template between the <style> and </style> tags in your blogger template:

   
   #header {
   width:660px;
   margin:0 auto 10px;
   border:1px solid #ccc;
   background: #fff url(http://your image.jpg) no-repeat top right;
   }

4. change the URL between the parenthesis from http://your image.jpg to the URL assigned by your web host

You notice that it says "no-repeat top right". That moved my image to the right. You can change that to left or center. Depends on your design. Late one night I was surfing and found a great use of a small graphic on the left...if only I had saved the site. But, that was my inspiration.

Also see: The Gimp: New Custom Header