The post editor's motion-picture exhibit menu:
When yous select topographic point a motion-picture exhibit into a post inwards Blogger, (either using the Insert-picture pick on the toolbar, or past times adding the HTML for it roughly other way), the Post Editor gives yous options for motion-picture exhibit size, together with for aligning the picture to the left, correct or centre.You cab see these options past times clicking on the picture. This opens a "mini-menu" under the picture, like this:
This i mini-menu has options for:
| Size | Options are small, medium, large, extra-large, together with original-size |
| Alignment: | Options are left, correct together with centre (default is center) |
| Caption: | Add caption, together with Remove |
| Properties: | Where yous dismiss turn over the sack add together together the hover-title together with alternative-text for the picture |
| Remove: | Taking the photograph totally out of the post |
The alignment options:
When yous inaugural off add together together a picture, the alignment is set to "center".Choosing Left or Right moves puts the motion-picture exhibit to the far side of the post and, if the motion-picture exhibit isn't every bit broad every bit the window it's beingness displayed in, the text that was after the motion-picture exhibit fills upwardly the infinite on the other side - like this:
Stopping all the text from flowing roughly the picture:
Often bloggers want to select pictures left or correct aligned, together with to select roughly words showing beside the picture.But they also want to ascendancy what text is shown beside the picture, together with what text doesn't start until underneath it. Many people transcend a long 4th dimension putting extra lines into their posts, thence that the text together with pictures are prepare inwards a agency that's "just right" - together with thence they're disappointed when they trial the post together with their hard business office is all lost, because the covert is wider together with to a greater extent than text fits into the surface surface area beside the picture.
Luckily, this is actually ho-hum to do, past times editing editing the HTML behind the post:.
1 Put roughly place-holder or "marker text" simply where yous want the flowing-text to stop.
Use text like BREAK HERE or XXXXX - inwards short, whatever words that won't suffer anywhere else inwards the post.
I've made it bold together with with a yellowish background to acquire inwards exhibit upwardly inwards the motion-picture exhibit - but I don't recommend that yous exercise this, because it makes it harder to honour together with supplant simply the correct text after on.
2 Choose the HTML option (top left of the post-editor screen.
3 Find the place-holder text
(hint: purpose your browser's search concern business office - inwards Firefox, it's Edit > Find)
4 Replace the place-holder text with this code:
<div class="separator" style="clear: both;"> </div>(The significant thing nearly this code is that it re-sets the previous float instructions, which may select been to the left or two the right., past times saying clear: both;)
5 Choose the Compose tab (to acquire dorsum to the regular post-editor screen). The text after where the marking text was is instantly underneath the motion-picture exhibit - together with it testament suffer inwards that location when yous trial the post, too, no thing what size of covert your reader has.
Troubleshooting
Aligning to a greater extent than than i picture
The approach described hither if yous are alone working with i picture. But if yous select two or to a greater extent than pictures, instead of letting the text menstruum it is best to topographic point roughly of it into a <div> controversy that is positioned to sit down downwards beside the pictures.
See putting several pictures alongside each other for details nearly this approach.
Extra blank lines:
At the bottom-left of the post-editor, inwards that location is a link for Post-Options. Clicking this opens an options panel, where yous dismiss turn over the sack select what pose out line-breaks (ie pressing the "enter" key) have. I always topographic point it on "Use<br /> tags", thence that I dismiss turn over the sack topographic point extra empty lines into the HTML to acquire inwards easier to read. If it's on "Press Enter for problem breaks", thence each extra problem topographic point into the HTML testament also exhibit upwardly inwards the Compose-mode view, together with inwards the lastly post. Related Articles:
Stopping pictures on your spider spider web log from beingness "clickable"Getting the HTML code to topographic point a motion-picture exhibit into your blog
Putting pictures side-by-side inwards your blog
Telling Google nearly the pictures inwards your blog
Inserting a motion-picture exhibit into a spider spider web log post