Find Width of Header For New Image

Header Width

This will tell you places to look for the width of your header. The image you want to place there should not exceed that. You should use a photo program to alter the width of your image BEFORE you upload it to your photo host (whether Blogger or otherwise).

To find the width of the header

1. Click Template
2. Click Edit Html
3. Scroll down to the header,header-wrapper, or wrap code and look for the WIDTH parameter.
4. If not found, look for outer-wrapper and see it's width. It will look something like this :

#outer-wrapper {
width: 1000px;
}


Or you could adjust the same WIDTH in the template CSS

If you are unwilling to fuss with making your photo width match the width of the header, you could try this. You might find some code like the one above or this one below showing the #wrap; change the width of 100px to 900, 850, or so until it begins to look acceptable to you. Don't Save until then. If your photo just wasn't nearly wide enough, it may still look odd (short) to some eyes. Actually adjusting the width of your image in a photo program would then be the better choice.


Another possible location of header width:

#wrap {
margin: 10px auto 0px;
padding: 0px 5px;
width: 900px;
text-align:left;
}

END.

Read More...

Read More...

Summary only...

Scribe--additional words for links

If you're using the scribe template, thE script for the various titles is NOT a font, but each word is an graphic. You may want to know the following for further heading titles:

p.s. Every time I click on it, there's a glitch, a pause of a couple of seconds, that claims an "Internal Error" and then it goes on to the site. Be patient and it'll come up.

SCRIBE FONT, ADDITIONAL WORDS

Read More...

Summary only...

Header Picture Code

Unscrambling Blogger photo code for Header picture code

Blogger's picture icon is good for regular pictures in the post or in the sidebar, but it's overdone for the purpose of putting a photo in your header. You don't need both large and small versions for the header.

What Blogger may give you when you upload the photo to a post (Save it, but don't Publish it!) will resemble this:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpW1aB-k5624zmLHtevnTSHu92pNnWHqXUKjExe1a8I07pY2lG-8k2gfSJjZjDYBqsveMXGO6S2_JObmNffTGAb1a3tjqAvOWfUv-dYq1yXjZi2P5zbRMOFP5fQuAqJon51K8q5kzJCjQ/s1600-h/dgblues.jpg"><img id="BLOGGER_PHOTO_ID_5025971925707284738" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpW1aB-k5624zmLHtevnTSHu92pNnWHqXUKjExe1a8I07pY2lG-8k2gfSJjZjDYBqsveMXGO6S2_JObmNffTGAb1a3tjqAvOWfUv-dYq1yXjZi2P5zbRMOFP5fQuAqJon51K8q5kzJCjQ/s400/dgblues.jpg" border="0" /></a>

What you would need to extract is this:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpW1aB-k5624zmLHtevnTSHu92pNnWHqXUKjExe1a8I07pY2lG-8k2gfSJjZjDYBqsveMXGO6S2_JObmNffTGAb1a3tjqAvOWfUv-dYq1yXjZi2P5zbRMOFP5fQuAqJon51K8q5kzJCjQ/s1600/dgblues.jpg

If you didn't notice on your own, the difference between the red code at the top and the red code above this paragraph is that the -h has been deleted after S1600.

---

SMALL IMAGE: The url contained in the blue text (marked S400) is the smaller of the images and will need no correction--just the code, such as this, shown above:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpW1aB-k5624zmLHtevnTSHu92pNnWHqXUKjExe1a8I07pY2lG-8k2gfSJjZjDYBqsveMXGO6S2_JObmNffTGAb1a3tjqAvOWfUv-dYq1yXjZi2P5zbRMOFP5fQuAqJon51K8q5kzJCjQ/s400/dgblues.jpg

Assuming that the S400 is actually small and not just less than the large one, you could enter that code, as shown, into the Photo Url as your Profile Photo.

END.

Read More...

Summary only...

Trouble Posting Photos

A lot of people have that trouble at times, but also a lot do not. Hard to know any simple solution. If possible, change (even if temporarily) to another browser. Sometimes IE6 or IE7 will do a better job, sometimes Firefox or others will work better. If it gets the job done, you can then switch back to whatever you're used to. Or, there's no reason why you can't have one browser open in one window while you open another window for a second browser--you can alternate between them.

There are alternate free photo hosts such as Picasa, Photobucket, Flickr, etc. With some of them, costs may ensue if you exceed their limits. Try any of them, though, as alternatives when your photo host is troublesome. One may work when another one does not. Try it!


If you've been trying to add an image to text, make a new post and see what happens when you do it the other way around: add the text last. Or (again) do it the other way around! Don't treat it like a household problem, treat it like War! Try everything! All is fair! Click the Home and End buttons on your keyboard. You might even keep a Fake Blog around and try sending the photos to a post there.If that works, copy the html code and then paste it in where you want it.

Also see my Emergency Steps at the top of this blog for some general info about things not working.

END.

Read More...

Summary only...