Customizing your header: add an image

by bloggeruniversity





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

powered by performancing firefox