Did you ever want to wrap the words around an image within a blog post? When I first started out blogging I had no idea how to do it. Eventually I went to other blogs that did know how to do it, and researched. To understand what I mean, take a look at the image below.

Look at the HTML coding below:
<table align="left"><tr><td>
<IMG SRC="Image URL">
</td></tr></table>
In your post, insert the HTML code from above and change the Image URL to the URL address of the image of your choice. If you want to place the image on the right side then just change align=left to align=right, it’s that simple. Insert the code for an image before the first word in any of your paragraphs, then you’ll see the image line up with that paragraph and words wrap around it.
Why you should use this method?
Images attract readers, but not too many images, and if you look at newspapers and magazines, you’ll see that wrapping words around images looks very professional. Therefore, doing so will make your article look better in the eyes of your visitors.
It doesn’t stop with images, you can do this with YouTube videos and AdSense ads as well. How many of you used this method?
|
17 Responses
DerekBeau
June 23rd, 2007 at 3:14 pm
Oh no! Don’t use tables to wrap text around images. All you need is a little CSS:
That will do the trick
You can also float to the left, apply margins, apply borders, and apply any other CSS styles:
DerekBeau
June 23rd, 2007 at 3:16 pm
Well my HTML was parsed out. Please delete my previous comment and clean up the code in this one for me if you can…
Oh no! Don’t use tables to wrap text around images. All you need is a little CSS:
That will do the trick
You can also float to the left, apply margins, apply borders, and apply any other CSS styles:
Ravi Singh
June 23rd, 2007 at 4:43 pm
Hi Sunny i am having a blog of my own at the address and i have done a review of your blog as well which is at the address
http://www.placid-mind.com/blog/2007/06/24/desi-baba-who-is-he/
Now Let’s see what will be your Comments on the review.
Ravi Singh
June 23rd, 2007 at 4:46 pm
Sorry to have this post in the wrong section . You can delete it .
BenjaminCass.Com
June 23rd, 2007 at 5:16 pm
Thanks a ton for this. Just to let everyone know, this works for adsense as well…
Sunny
June 23rd, 2007 at 5:44 pm
@DerekBeau: HTML is a lot simpler to use for beginners, because HTML is easy to understand. When I started out with CSS it didn’t work out that well.
@Ravi: Thanks Ravi, I will check it out and give you a linkback on the next batch.
@BenjaminCass.Com: You’re welcome, and I did mention that you can do this with AdSense at the end of the post.
DerekBeau
June 23rd, 2007 at 6:42 pm
Hey Sunny, you deleted the wrong comment
The example that I posted was very simple, and now that I know how to post it in WordPress comments, here it is:
<img src=”Image URL” style=”float: left;” />
That’s all that is needed to use CSS to wrap text around images.
Sunny
June 23rd, 2007 at 7:09 pm
Hey DerekBeau,
Sorry about that I got your AIM message. I know what you mean for the CSS, but it doesn’t always work, I tried that code a lot of times when I started out blogging. Therefore, I thought since HTML is the basis of all sites then I should stick with it.
Blantonious
June 23rd, 2007 at 7:26 pm
Great advise. I use a small image on each post. I think it makes the article pop as they say.
Sunny
June 23rd, 2007 at 7:39 pm
Thanks, yeah it does help the article pop.
Dave
June 24th, 2007 at 10:46 pm
Hey Desi,
How do this apply to Adsenses ads? I mean can it be applied to adsense?
How to wrap words around images | Infektia.net
June 26th, 2007 at 5:25 pm
[...] surfing around Blogging with Desi Baba I suddenly stumbled on a post called How to Wrap Words Around Images in Blog Posts where he explains how to add an image to a blog post and then how to get the image to wrap around [...]
Malin
June 26th, 2007 at 5:28 pm
Hi! As you can see I wrote an reply-post to this post on my blog. I hope you don’t mind!
Sunny
June 27th, 2007 at 4:26 pm
Malin, I don’t mind, I actually appreciate it, thanks.
AruntheACE
July 22nd, 2007 at 8:48 am
DerekBeau is right. You can use CSS for this technique. Using CSS will be simple.
Costas
August 23rd, 2007 at 6:37 am
Cool…
Zmoney
September 9th, 2007 at 11:38 am
I use this code all the time
Thanks for the share.
RSS feed for comments on this post · TrackBack URI
Leave a reply
Great Links
Categories
Archives
Top Commentators
wholesale wedding dresses (1)jane (1)
About Me
Subscribe
Calendar
Recent Readers
Great Posts
How to Make Money with Low Blog Traffic, No BSHow to Make Money from YouTube
Indian Guy Gets Caught Cheating on His Wife on the Radio
2x, 3x, or Even 4x your AdSense Earnings, Guaranteed!
Start Getting LinkBacks Effectively, No BS
Recent Entries
Recent Comments
Most Commented
Blogging with Vinay at Desinotes is proudly powered by WordPress - BloggingPro theme by: Design Disease
Rice Bowl Journals Best of Indya