How To Post Photos

The most direct way to get photos on your post is to use Blogger's picture icon:

1. Go to your Post Editor. 2. Click on Blogger's picture icon. 3. When you see "browse", click on that. 4. when it takes you to your own computer, locate the photo you want to use. 5. Click Upload. 6. Click on Done. 7. If you uploaded to a post different from where it's intended to go, possibly even on a different blog, Copy the html code. 8. Paste the code into the right post.

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.

There are several useful screenshots below!

First is a screenshot of the top part of this post in the Post Editor. It shows the Blogger picture icon, the tiny rectangle that's blue in the top half, and primarily green in the bottom half.]



[Below are screen shots of the photo download process.]

---

New images always load into a post at the top. If you view the image in Compose mode, you can Drag and Drop it to other locations; if you are viewing it in Edit Html mode, use Cut and Paste to relocate it.

END.

How To Post Photos

The most direct way to get photos on your post is to use Blogger's picture icon:

1. Go to your Post Editor. 2. Click on Blogger's picture icon. 3. When you see "browse", click on that. 4. when it takes you to your own computer, locate the photo you want to use. 5. Click Upload. 6. Click on Done. 7. If you uploaded to a post different from where it's intended to go, possibly even on a different blog, Copy the html code. 8. Paste the code into the right post.

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.

There are several useful screenshots below!

First is a screenshot of the top part of this post in the Post Editor. It shows the Blogger picture icon, the tiny rectangle that's blue in the top half, and primarily green in the bottom half.]



[Below are screen shots of the photo download process.]

---

New images always load into a post at the top. If you view the image in Compose mode, you can Drag and Drop it to other locations; if you are viewing it in Edit Html mode, use Cut and Paste to relocate it.

END.

Move Items Above Or Below Post

Go to Layout page. Click on the "Edit" in the lower right hand corner of "Blog Posts". A window will open. Go down to the lower part of it that says "Arrange Items". See if you can "drag and drop" the items into new locations. If they stay in place, "Save" the change in the lower right corner. That IS how it's supposed to work, though I have occasionally not been able to get it to work very well for me.

[More below...screenshots of the "Configure Blog Posts" page.]

Click each screenshot for larger image!

Move Items Above Or Below Post

Go to Layout page. Click on the "Edit" in the lower right hand corner of "Blog Posts". A window will open. Go down to the lower part of it that says "Arrange Items". See if you can "drag and drop" the items into new locations. If they stay in place, "Save" the change in the lower right corner. That IS how it's supposed to work, though I have occasionally not been able to get it to work very well for me.

Click below to see screenshots of the "Configure Blog Posts" page.

Click each screenshot for larger image!

Move (Re-locate) Photos in a Post

Most photos get loaded at the top of the post. I am not aware of any way to "point" with the cursor or otherwise assign the photo being uploaded a specific position in a post. The photo or image can, of course, be moved after it has been uploaded. Below are two methods for changing the photo position(s): In Compose mode you can see the photos. You can relocate the image by dragging and dropping it. In Edit Html mode you will see the code for the photos and will have to use Preview (or switch to the Compose mode) to see images. You can move it by using Cut and Paste on the code. If Compose tab is missing, you might have to go to Settings to activate it or it may be that you need to Refresh (F5) or clear your cache and cookies to make the link/icon visible again.

Move (Re-locate) Photos in a Post

Most photos get loaded at the top of the post. I am not aware of any way to "point" with the cursor or otherwise assign the photo being uploaded a specific position in a post. The photo or image can, of course, be moved after it has been uploaded. Below are two methods for changing the photo position(s): In Compose mode you can see the photos. You can relocate the image by dragging and dropping it. In Edit Html mode you will see the code for the photos and will have to use Preview (or switch to the Compose mode) to see images. You can move it by using Cut and Paste on the code. If Compose tab is missing, you might have to go to Settings to activate it or it may be that you need to Refresh (F5) or clear your cache and cookies to make the link/icon visible again.

Post Template

Adding code or text to every post

If adding a bit of code to every post is sufficient to do a certain job, why bother with Copy and Paste? Why not use the Post Template? You can use CSS for some things, but it's more difficult in some cases. If you're new to Blogger, it's easier to wrap your brain around the Post Template! Go to Dashboard, click on Settings. click Formatting. Go almost to the bottom of the page. Post Template is the eleventh item, I believe. Place any code or text that you wish to have in every post. Every time you create a new post, that template will take effect. If you start your post above the code, then that code will be at the bottom of each. As far as that goes, any code you wish could also be at the top of your post, as long as you're careful to put your post between the top template code and the bottom template code. You are already at the bottom of the Formatting List, but be sure to "Save Changes" before you exit.

[More below...Examples]

Below are items of code or text you might want in every post and can put it in every new post with the Post Template. These are only examples, not meant as literal recommendations—after all, I don't know you well enough! I used to put a colored line at the bottom of each post with <hr color=crimson> a <br /> (or 2 or 3 of them) would add a small blank space. You might add the codes needed in each post for your Expandable post hack or some other item of code (font size or font colors, perhaps) that you like, but hate to type in each time. You can either use it a little or a lot, depending on how comfortable you can get with it or how often you wish to have some of the same formatting in each post. The Post Template will not help you with existing (old) posts, only with ones you create after the Template has been created.

Post Template

Adding code or text to every post

If adding a bit of code to every post is sufficient to do a certain job, why bother with Copy and Paste? Why not use the Post Template? You can use CSS for some things, but it's more difficult in some cases. If you're new to Blogger, it's easier to wrap your brain around the Post Template! Go to Dashboard, click on Settings. click Formatting. Go almost to the bottom of the page. Post Template is the eleventh item, I believe. Place any code or text that you wish to have in every post. Every time you create a new post, that template will take effect. If you start your post above the code, then that code will be at the bottom of each. As far as that goes, any code you wish could also be at the top of your post, as long as you're careful to put your post between the top template code and the bottom template code. You are already at the bottom of the Formatting List, but be sure to "Save Changes" before you exit.

Below are items of code or text you might want in every post and can put it in every new post with the Post Template. These are only examples, not meant as literal recommendations—after all, I don't know you well enough! I used to put a colored line at the bottom of each post with <hr color=crimson> a <br /> (or 2 or 3 of them) would add a small blank space. You might add the codes needed in each post for your Expandable post hack or some other item of code (font size or font colors, perhaps) that you like, but hate to type in each time. You can either use it a little or a lot, depending on how comfortable you can get with it or how often you wish to have some of the same formatting in each post. The Post Template will not help you with existing (old) posts, only with ones you create after the Template has been created.

Convert Html to a Displayable Post Text

-- AMPERSAND CODES can be used in short sections to show the code itself (which is what I might do to show single nonbreaking space. HTML Ampersand Character Codes -- For longer sections that need to be "translated" or if you're lazy, the programs below convert html code for you. Both work well, though Postable's first screen is a little less intuitive. Postable Quick Escape The code above would be displayed first in the post as code, then on screen here like this (converted by Quick Escape): <a href=\"http://www.accessify.com/tools-and-wizards/developer-tools/quick-escape/\">Quick Escape</a> Normally that anchor code would be executed as a link, not shown on screen.

END.

Convert Html to a Displayable Post Text

-- AMPERSAND CODES can be used in short sections to show the code itself (which is what I might do to show single nonbreaking space. HTML Ampersand Character Codes -- For longer sections that need to be "translated" or if you're lazy, the programs below convert html code for you. Both work well, though Postable's first screen is a little less intuitive. Postable Quick Escape The code above would be displayed first in the post as code, then on screen here like this (converted by Quick Escape): <a href=\"http://www.accessify.com/tools-and-wizards/developer-tools/quick-escape/\">Quick Escape</a> Normally that anchor code would be executed as a link, not shown on screen.

END.

Future-Dating A Post -- NEW!

Create the illusion of "being there".!

Future Dating of posts is now available from Blogger Click here to see Blogger's instructions about it! Now you can leave some posts lined up when you are about to leave on vacation or for a month in jail and they will publilsh, one or more every day, while you're absent. So many people have inquired about this for the past five years that I suppose a lot of people will now praise the lord and send their checks (as usual) to the nation's poor. I have heard a great many complaints about how it "doesn't work", yet I don't think I've had a single one fail to publish. Admittedly, I am using the "future-publishing" on a more infrequent basis than some people. I doubt I ever use it more than 2 or 3 times a week. [More below...] There doesn't appear to be any difficult moves added to the Publishing process. It works the way many of us used to think would just be logical. One could always use the Post Options to change the date to anything you liked, but there was no automatic publishing--you always had to come back and hit the publish "button" on that date. 1. Give a date and time in Post Options for tomorrow, next week, or whenever 2. Then hit Publish, 3. The system will show a sign that says the post will be automatically published on X date at X time. 4. the system will wait until that date and time to publish it. Couldn't be simpler, unless they screw it up. If they screw it up, let me know.

Future-Dating A Post -- NEW!

Create the illusion of "being there".!

Future Dating of posts is now available from Blogger Click here to see Blogger's instructions about it! Now you can leave some posts lined up when you are about to leave on vacation or for a month in jail and they will publilsh, one or more every day, while you're absent. So many people have inquired about this for the past five years that I suppose a lot of people will now praise the lord and send their checks (as usual) to the nation's poor. I have heard a great many complaints about how it "doesn't work", yet I don't think I've had a single one fail to publish. Admittedly, I am using the "future-publishing" on a more infrequent basis than some people. I doubt I ever use it more than 2 or 3 times a week. There doesn't appear to be any difficult moves added to the Publishing process. It works the way many of us used to think would just be logical. One could always use the Post Options to change the date to anything you liked, but there was no automatic publishing--you always had to come back and hit the publish "button" on that date. 1. Give a date and time in Post Options for tomorrow, next week, or whenever 2. Then hit Publish, 3. The system will show a sign that says the post will be automatically published on X date at X time. 4. the system will wait until that date and time to publish it. Couldn't be simpler, unless they screw it up. If they screw it up, let me know.

Table for Horizontal Photos In Post

Ronald	Southern

Haven't done any of those in a while. Tedious.

[Those of you wishing to cut to the chase quickly, start reading below the fourth straight red line below.]

Below is the code that makes a small table like the one above have photos side by side:

<center><table border=4 width=95%><tr><th align=center>Ronald</th> <th align=center>Southern</th></tr><tr><td><img src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvYWmbzDx0ZTNhzkxcnvD1E8roURVwVz91WLs1tbj9CR7Hm7k_MxFNEzWtzGtqjXTACBfVpxPN89G28V9DhtDv50-fAKL24BcsM5UOZxSYweUFjdFcrVBf9EZrXSqsPwipoki46n9NWSo/s1600/twinkiebite.gif\" /> </td> <td><img src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvYWmbzDx0ZTNhzkxcnvD1E8roURVwVz91WLs1tbj9CR7Hm7k_MxFNEzWtzGtqjXTACBfVpxPN89G28V9DhtDv50-fAKL24BcsM5UOZxSYweUFjdFcrVBf9EZrXSqsPwipoki46n9NWSo/s1600/twinkiebite.gif\" /> </td></tr></table> </center>

---

A MORE SIMPLISTIC SAMPLE OF A TABLE (followed by its code) is shown below:

PICTURE

OR TEXT

<table border=2>
<tr>
<td>PICTURE</td>
<td>OR TEXT</td>
</tr>
</table>

---

PREVENT LINE BREAKS:

In order for the Table not to cause extra line breaks in Blogger posts, there are two methods:

Method #1: You may need to copy it out like this (no line breaks of your own):

<table border=2><tr><td>PICTURE</td><td>OR TEXT</td></tr></table>

--To create additional row(s), add another set of "table records" such as

<tr><td>picture or text</td></tr>

as needed. Place them after the first table record and before the end tag, </table>.

--Remember that the photos cannot exceed the width of the area where you are placing them or else it will create problems, probably your sidebar being pushed down.

---

Method #2: This is something I've tried a number of times now. It does seem to be very effective, especially if you're going to use tables often. It is not good, though, for creating a table around a list (numbered or otherwise) because it will remove the page breaks and show the list as if it's a regular paragraph. It'll make the info resemble a traffic jam. This method makes the change in this way, using css:

Table Formatting In CSS

---

My explanation of the Table Formatting (Method #2) which I learned from the site above is as follows--changing the table in the CSS: Place the following line of code in your CSS: .nobr br { display: none } Then place the DIV tags around your table as below: <div class=nobr> <table border=2> <tr> <td>PICTURE</td> <td>OR TEXT</td> </tr> </table> </div>

Table for Horizontal Photos In Post

Ronald	Southern

Haven't done any of those in a while. Tedious.

[Those of you wishing to cut to the chase quickly, start reading below the fourth straight red line below.]

Below is the code that makes a small table like the one above have photos side by side:

<center><table border=4 width=95%><tr><th align=center>Ronald</th> <th align=center>Southern</th></tr><tr><td><img src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvYWmbzDx0ZTNhzkxcnvD1E8roURVwVz91WLs1tbj9CR7Hm7k_MxFNEzWtzGtqjXTACBfVpxPN89G28V9DhtDv50-fAKL24BcsM5UOZxSYweUFjdFcrVBf9EZrXSqsPwipoki46n9NWSo/s1600/twinkiebite.gif\" /> </td> <td><img src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvYWmbzDx0ZTNhzkxcnvD1E8roURVwVz91WLs1tbj9CR7Hm7k_MxFNEzWtzGtqjXTACBfVpxPN89G28V9DhtDv50-fAKL24BcsM5UOZxSYweUFjdFcrVBf9EZrXSqsPwipoki46n9NWSo/s1600/twinkiebite.gif\" /> </td></tr></table> </center>

---

A MORE SIMPLISTIC SAMPLE OF A TABLE (followed by its code) is shown below:

PICTURE

OR TEXT

<table border=2>
<tr>
<td>PICTURE</td>
<td>OR TEXT</td>
</tr>
</table>

---

PREVENT LINE BREAKS:

In order for the Table not to cause extra line breaks in Blogger posts, there are two methods:

Method #1: You may need to copy it out like this (no line breaks of your own):

<table border=2><tr><td>PICTURE</td><td>OR TEXT</td></tr></table>

--To create additional row(s), add another set of "table records" such as

<tr><td>picture or text</td></tr>

as needed. Place them after the first table record and before the end tag, </table>.

--Remember that the photos cannot exceed the width of the area where you are placing them or else it will create problems, probably your sidebar being pushed down.

---

Method #2: This is something I've tried a number of times now. It does seem to be very effective, especially if you're going to use tables often. It is not good, though, for creating a table around a list (numbered or otherwise) because it will remove the page breaks and show the list as if it's a regular paragraph. It'll make the info resemble a traffic jam. This method makes the change in this way, using css:

Table Formatting In CSS

---

My explanation of the Table Formatting (Method #2) which I learned from the site above is as follows--changing the table in the CSS: Place the following line of code in your CSS: .nobr br { display: none } Then place the DIV tags around your table as below: <div class=nobr> <table border=2> <tr> <td>PICTURE</td> <td>OR TEXT</td> </tr> </table> </div>

Create a URL For Your Profile Pic

How to get a URL for an "About Me" photo that is only on your computer at present

Another Didactic List

1. If you need to alter the photo size, use a photo program to do so while it's still on your computer. 2. Use a blog post (on your main blog or some other) and use the photo icon (in the toolbar above the Edit Post text box) to add a photo. 3. You'll Browse your own computer, select one, and upload it to that post. 4. When you've completed that, you'll have a lot of code for a large and small photo pair, part of which ("http://... etc.) is the URL. 5. Save that post, but it's not necessary to publish it. 6. Use the right-click menu on the mouse to Copy the URL. 7. You can later Paste it into the "Photo URL" box in your blog's Edit Profile list. 8. Be sure to save the change at the bottom of the Edit Profile page.

If you use Blogger's picture icon or otherwise end up with the code for both large and small images, go here to unscramble the text and select the code for the smaller one at Header Picture Code.

END.

Create a URL For Your Profile Pic

How to get a URL for an "About Me" photo that is only on your computer at present

Another Didactic List

1. If you need to alter the photo size, use a photo program to do so while it's still on your computer. 2. Use a blog post (on your main blog or some other) and use the photo icon (in the toolbar above the Edit Post text box) to add a photo. 3. You'll Browse your own computer, select one, and upload it to that post. 4. When you've completed that, you'll have a lot of code for a large and small photo pair, part of which ("http://... etc.) is the URL. 5. Save that post, but it's not necessary to publish it. 6. Use the right-click menu on the mouse to Copy the URL. 7. You can later Paste it into the "Photo URL" box in your blog's Edit Profile list. 8. Be sure to save the change at the bottom of the Edit Profile page.

If you use Blogger's picture icon or otherwise end up with the code for both large and small images, go here to unscramble the text and select the code for the smaller one at Header Picture Code.

END.

Manage Posts -- Screenshot

AKA "EDIT POSTS", depending on which menu you follow to get to this screen.

Manage Posts -- Screenshot

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.

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.