Costumizing 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
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 or you can put above ]]></b:skin>

   
   

   #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.


Source : BlogU