Skip to main content

Wrapping Text Around A Photo

One of the neatest ways to combine photos (images, pictures) and text is to display a photo in the middle of the text.

It takes very little work to make text "flow" around a photo, or to wrap the text around the photo.

Working in HTML mode, it's easy to see the settings in the code, to make text flow around a photo.

Here's a section of my earlier post, Possible Resolution For The bX-w7tr63 Error, which contains wrappable text.


See how the text "flows" around the photo? That's such a simple task.


Here's the section, in more detail. See how the text floats, to the right of the photo? See how the following paragraph breaks?


All that you need, for text to flow from the right and under the photo, is for the photo to float to the left.

That's a selection in "Choose a layout", when you use "Insert image".


After the photo has been uploaded, just choose "Left", for "Image alignment".

I use "Medium" for "Image size", to make the photo readable, and leave room for the text - as you can see here.


And here, we have the code section, with the photo uploaded, and inserted properly.

Blogger Engineering is testing some fixes, in Draft Blogger, that may resolve some of the more common causes of this ubiquitous error code. <br /><br /> <a href="http://4.bp.blogspot.com/-gGf7GlqLYtQ/VavDOSEtNEI/AAAAAAAAS0M/WGBOvnSoBc8/s1600/bX-w7tr63.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 0em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-gGf7GlqLYtQ/VavDOSEtNEI/AAAAAAAAS0M/WGBOvnSoBc8/s320/bX-w7tr63.png" /></a><br />This is one of the most persistent error codes, being reported in the forums.*<br /><br /> If you are affected by a w7tr63 problem, you may first try temporarily using <a href="http://draft.blogger.com/home" target="_blank">the Draft Blogger dashboard</a>.<br /><br />If you only use "draft.blogger.com" temporarily, you can return to a normal state, by using "www.blogger.com", any time you wish. <br /><br clear=left /> If you try Draft Blogger, and decide that it is helping you, you can <a href="http://blogging.nitecruzr.net/2007/07/draft-blogger-next-frontier.html">select "Make Draft Blogger my default"</a>, and your normal login will redirect to Draft Blogger. In that case, you can <a href="http://blogging.nitecruzr.net/2014/03/getting-out-of-draft-blogger.html">de select "Make Draft Blogger my default"</a>, to return to normal Blogger, if you ever need.
There are two key code phrases, seen above.
float: left;
is part of the photo link.
<br clear=left />
follows the text that you wish to display at the upper right of the photo.

Then, just follow
<br clear=left />
with the rest of the post.

Comments

Gina said…
Where is that "insert image wizard"?

Thanks.

Gina
Chuck Croll said…
Hi Gina,

Thanks for the question. The "Insert image" wizard is a series of popup windows, that you get when you hit the "Insert image" button in the toolbar. The window that you need is labeled "Choose a layout".

See if my slight rewording of the text makes it any clearer.

Popular posts from this blog

Custom Domain Migration - Managing The Traffic

Your blog depends upon traffic for its success.

Anything that affects the traffic to your blog, such as any change in the URL, affects the success of your blog. Publishing the blog to a custom domain, like renaming the blog, will affect traffic to your blog. The effects of the change will vary from blog to blog, because of the different traffic to every different blog.Followers. People who find your blog because of recommendations by other people.Search engines. Robotic processes which methodically surf your blog, and provide dynamic indexing to people who search for information.Subscribers. People who read your content from their newsfeed reader, such as the dashboard Reading List.Viewers. People who read your content from their browser.No two blogs are the same - and no two blogs will have the same combinations of traffic sources.

Stats Components Are Significant, In Their Own Context

One popular Stats related accessory, which displays pageview information to the public, is the "Popular Posts" gadget.

Popular Posts identifies from 1 to 10 of the most popular posts in the blog, by comparing Stats pageview counts. Optional parts of the display of each post are a snippet of text, and an ever popular thumbnail photo.

Like many Stats features, blog owners have found imaginative uses for "Popular Posts" - and overlook the limitations of the gadget. Both the dynamic nature of Stats, and the timing of the various pageview count recalculations, create confusion, when Popular Posts is examined.