Saturday 18 March 2006

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

post signature

No comments:

Post a Comment