in

Blogger Header Image Problem

- - 10 comments
Blogger has changed the format of their ‘header widget’ without notice resulting to such problem that I called a Blogger bug or simply a header image problem.

Before the alteration: Using the Blogger editor, when you upload an image for the header with a size of let’s say 100 x 100px, then place it ‘instead of title and description’, the header image that will appear on your page will have the same size as the uploaded image. After the alteration: When you upload an image for the header, then place it ‘instead of title and description’, the ‘header image’ that will appear on the page will now depend on the size or the area of the ‘header’ resulting in pixilated or incorrect image value.

Here is an illustration (true image size is 100 x 100px):

Before


After

Now here is a very simple fix:

1. Go to your blogger template editor, then Edit HTML
2. Check the 'Expand Widget Templates' checkbox
3. Go to the 'header widget' section and find this code:

expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

4. Now change the colored part to this:
height='100'
width='100'

*Change the value of height and width depending on the size that you want your image to appear

5. Save your template and you are done.
---

PS. I now fixed the annoying Blogger header image problem and have my ‘monkey’ logo back with number 8 at the side for this new year and for good luck :-)

Special Advertisement: Are you looking for Blogger templates? A new site has emerged that collects the most wonderful web 2.0 templates, skins, or themes for Blogger. Visit WOW Blogger Templates and take your pick.
***

10 comments

  1. Thanks for adevertising to my site via.. Entrecard

    ReplyDelete
  2. This is an extremely annoying "feature" with Blogger.

    ReplyDelete
  3. Thank you so much for this explanation. I've been looking all day long for an answer.
    Emma

    ReplyDelete
  4. Just as I was about to use a hammer I found your explanation. Many thanks.

    ReplyDelete
  5. I'm glad to help out. I hope you can make a link to this post from your blogs so that we can easily help others too. If you don't mind.

    ReplyDelete
  6. thank you very much for the help. i found the critical code before, but i didn´t know how to change.

    ReplyDelete
  7. Whoever you are THANK YOU!!!! I have been having a different problem but I never knew about the "expand widget templates" thing and that helped me find what I was looking for...Once again I am so very grateful I found this page!

    ReplyDelete
  8. thanks for the tip..

    ReplyDelete
  9. thank you so much .. it solved a problem with which i was very perplexed! :)

    ReplyDelete
  10. So glad for this tip. I have tried many other blog's info, all with no success. Greatly appreciative!

    ReplyDelete