Isnin, 20 Julai 2009

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:
finding an image and cropping it to fit (once again using Irfan View)
upload this image to your web host
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;
}
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.

0 ulasan:

Catat Ulasan