Tuesday, December 13, 2011

Owners Of Blogs, With Images In The Header, Report Changes In Header Appearance

During the past few days, we're seeing a few reports in Blogger Help Forum: Something Is Broken, from owners of blogs that use an image in the header, instead of or in addition to, plain text, claiming changes in the appearance of the header. The exact problem report varies - that the image has been resized, has shifted in position, has become pixelated, or has simply disappeared.

We have a rollup discussion, where we are requesting details from each person observing this problem in their blog.
  1. What is the URL of the blog?
  2. What exact symptom are you observing, that's a problem?
  3. Does the blog use a Blogger or third party template?
  4. Does the blog use a Designer or Layout template?
  5. Has the blog been configured for a Dynamic template?
  6. How did you setup the image, that is in use on your blog? Did you use the Layout "Configure Header" wizard, did you upload the image using the post editor "Insert image" wizard, or other?
  7. If you used the "Configure Header" wizard, which Image / Placement options did you select?
    • From your computer.
    • From the web.
    • Behind title and description
    • Instead of title and description
    • Have description placed after the image
    • Shrink to fit
  8. Can you find the image on your computer? If so, what is the name of the file, as uploaded? Is it a .bmp, .jpg, .png, what?
  9. When you setup / uploaded the image, what browser (name and version) was used?
  10. What browser (name, and version) are you using, right now, where the problem is visible?

If you can provide details, please do so as best as you are able, either here or in the rollup discussion.

In cases where the URL of the image in use can be edited, you may be able to work around your problem, by editing the precise URL. It appears that images hosted by Picasa, which are currently stored in a variety of sizes (which you may see when you use "Insert image", for instance), are now selected in a different way, when you do not explicitly select the right size for your purpose.

Look at the image at the top of the screen. If you were to look at it's URL, you would see:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2C5RmwbU8URBRB_n_HzNYhK2r3KBzHNIRCjjnOPDDcP5FSddfRh9bKZ3Qyxg10CU24Pr9Zx7j8IJzq1rlptTB_NtJpltts4jm3Hfsi3E2Ovt3QqFXnT-NavhPRoaVUQJJcQZRyjgn2_s8/s1600-r/RBS+Header+4a.gif

If that image had been uploaded using the current "Insert image" wizard (in post editor), or the "Configure Header" wizard (in "Page Elements"), it might have the URL

http://1.bp.blogspot.com/_pzC_7PLtN-0/R_buGAu4D3I/AAAAAAAABCI/wxcsyLm3DoE/RBS%2BHeader%2B4a.gif

If the latter URL was correct, there would be 4 aliases available:
  • Small: http://1.bp.blogspot.com/_pzC_7PLtN-0/R_buGAu4D3I/AAAAAAAABCI/wxcsyLm3DoE/S160/RBS%2BHeader%2B4a.gif
  • Medium: http://1.bp.blogspot.com/_pzC_7PLtN-0/R_buGAu4D3I/AAAAAAAABCI/wxcsyLm3DoE/S320/RBS%2BHeader%2B4a.gif
  • Large: http://1.bp.blogspot.com/_pzC_7PLtN-0/R_buGAu4D3I/AAAAAAAABCI/wxcsyLm3DoE/S640/RBS%2BHeader%2B4a.gif
  • Full Size: http://1.bp.blogspot.com/_pzC_7PLtN-0/R_buGAu4D3I/AAAAAAAABCI/wxcsyLm3DoE/S1600/RBS%2BHeader%2B4a.gif

If I had this problem with my header image, I would edit the URL, in the template, and I would replace:
http://1.bp.blogspot.com/_pzC_7PLtN-0/R_buGAu4D3I/AAAAAAAABCI/wxcsyLm3DoE/RBS%2BHeader%2B4a.gif

with

http://1.bp.blogspot.com/_pzC_7PLtN-0/R_buGAu4D3I/AAAAAAAABCI/wxcsyLm3DoE/S1600/RBS%2BHeader%2B4a.gif

If your blog has this problem, you may be able to similarly edit your blog - using "Configure Header" or "Edit HTML" - and work around your problem. If you use "Edit HTML", I suggest, as usual, that you backup the template - before and after making this tweak.

>> Top

Elm0D

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.

0 comments:

Post a Comment

Navigate» Become author for this Blog

Manual Categories