How do i re-position photo within a post?Your Blogs URL: http://lokahumana.blogspot.com
Browser(s) used: firefox
How do I re-position photo within a post? I want the photo on the bottom, not the top. It used to be I could click and drag it, or copy and re-paste it, that does not appear to work now. (On upgraded system?) (Related question, how do I choose to go back to old system?)
Also, I uploaded three pics but only the last one posted.
You can go back to using the old editor at the bottom of the Settings / Basic tab.
People say all sorts of things about being able to drag-and-drop photos. I've found that sometimes this works, but often it's just easier to go into Edit HTML mode, find the block of code for the image, and cut/paste the code to where I want the image to go.
Thanks, Mary, going into html and cutting and pasting works -- although that is more complicated and less user friendly than it should be! (I'm not a web html expert). The "Updated Editor" claims you can drag the photos -- but you can't! It also claims that you can choose your insertion point -- not true either. It puts them at top of post regardless. When I go back to "Old Editor" and I try to edit it shows all the text in html mode (and this was before I clicked "Edit in HTML"), that doesn't really work for me. ?????? Thanks, John, that doesn't really explain what I want to do, though -- and see above re Old Editor -- I want to be able to place the pics side by side and move them around within the post (specifically this time to the bottom from the top, and then next to one another).
To place 2 photos side by side, select "small" for both; position "left" for one and position "right" for the other. In this case "small" is still too large, due to some padding (invisible). I reduced the width of each photo from 200 to 180. Then it works!
Here are the codes for the photos:
<a href="http://2.bp.blogspot.com/_fylFImMOUeM/S2D4t35QVhI/AAAAAAAAZyw/0xUyJR3wmNo/s1600-h/2.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="150" src="http://2.bp.blogspot.com/_fylFImMOUeM/S2D4t35QVhI/AAAAAAAAZyw/0xUyJR3wmNo/s200/2.jpg" /><b>width="180"</b> /></a>
<a href="http://2.bp.blogspot.com/_fylFImMOUeM/S2D4idr-jVI/AAAAAAAAZyo/ZEw8tucTSk8/s1600-h/1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="http://2.bp.blogspot.com/_fylFImMOUeM/S2D4idr-jVI/AAAAAAAAZyo/ZEw8tucTSk8/s200/1.jpg" /><b>width="180"</b> /></a>
The original values for "small" were width="200"but the photos were still too large to fit in the available space as shown below. You can clearly see that there is an overlap. That was the reason why you could not drag and drop easily. (Blogger needs to increase the size of all its standard templates or specify small as180, not 200)