Monday, 28 January 2008

For Blog Addicts Only: Putting Pictures In A Blog Post

For people who arrive here expecting business recovery advice, tips or other such stuff, please excuse this brief intermission.

I have lots of regular visitors who are incredibly talented, successful, and blog-addicted people. So this is a brief article just for them.

Many of them - and I very much doubt they will feel any offence if I mention this - have failed. They've made mistakes. Some of them huge. Some of them minor.

But I am blessed that they regularly visit this site.

At the risk of offending the regulars, I want to share a couple of tips about presenting blog posts with a few illustrations.

Firstly, my disclaimer:

- I'm no artist (I cheat - and I'll tell you how)

- I am no expert on layout - I have shamelessly plagiarised the layout of others

And Here's The Secret - Microsoft Word

The new header at the top of this blog is a little fuzzy to me (but I may need glasses, because I've noticed lately that I'm screwing my eyes up to read stuff).

Do you have Microsoft Word? If you do open it. And flick back between that, and this page.

If you can see the drawing toolbar, look at the options. Draw, Autoshapes, a line, an arrow, a rectangle, oval etc.

If you can't see the drawing toolbar, right-click your mouse on any other toolbar and choose "drawing" to see it appear.

But That's Not The Secret. It's This.

Play with Word objects. Learn. Make a picture by combining a few things together. Use the "Draw" drop down to align, centre, group object together. Create the object you want within Word.

But when you've got what you want, the secret is converting it into a jpeg.

An Example

Look for this symbol on your Word toolbar. Click it. You can then create a text-box.




Type some text in. You can then play around with the icons a bit further right on the tool bar to change:

1) Font colour

2) Fill colour

3) Line thickness etc

You can also combine two things together. Create another object - a rectangle, another text box, a circle etc.

If you then select an object, you can use the arrows on your keyboard to move them around. Or for fine tuning, hold down the control key and then arrow left, right, up or down for micro movements.

When you're happy with your object, hit the "Print Screen" button on our keyboard (or "Prt Sc" as it says on mine).

That copies whatever you see on screen to your clipboard.

If you then open "Paint" on your PC, and press "Control" + "V" together, you can paste what's on the clipboard into paint.

If you then click the "select" icon and drag and select the area of the screen you want, and press "Control" + "C" together, you have cut what you need to the clipboard.

Close and re-open paint. Press "Control" + "V" again and hey presto, you've copied just the bit you need into a single image.

Now save that as a jpeg, and you can now upload a customised image to your blog.

This isn't for every blog-addicted person. Content is far more important. However, it's worth knowing so you can illustrate what you say every now and again.

I'm happy to answer questions if you have any or help with any challenges. So fire away with any questions. I haven't road-tested this advice, so if there's any gaps, please let me know!

Enter your Email





Preview Powered by FeedBlitz


If you found this useful, please help other people find it by hitting the "StumbleUpon" button here:

Stumble Upon Toolbar

9 comments:

RacerX said...

Cool Ian...Thanks!

Ian Denny said...

Racer,

Thanks - hope you can use it!

If you've used Word objects before, it's real easy to get into.

If not, it's handy for creating something like the two boxes in the article with text in. Just needs a little practice.

In a previous article with a graph, it had two arrows, two boxes with filed-in colour and a squiggly line all combined.

I used exactly the method outlined here to get it into blogger.

Barbara said...

Ian,

You know, adding photos or sketches to my blogs is something I currently have on my "plate"...gotta wait for a few more days...w-2's done, now a couple of quarterly reports, and I can take a little breather until I start on taxes.

I have done some experimenting but my question would be, how do I get the text to wrap around the photo? Do I need to do something in the CSS file? My current themes do not have what is called "image in the post" feature", so I'm assuming I need to add some code, or something.

I haven't messed with CSS, but feel comfortable adding code on other pages...I've crashed my blog enough times to figure out what I was doing wrong.

Then, I have read we can get stock photos online...and I think they might have to be resized. I have played with resizing in one of my photo software programs, so that's not an issue, but then how do I get the photos over to my blog? Do I use my ftp? And do I then put them in the images folder? If so, then how do I get them out, and embedded into a post?

I was playing around on my 3rd blog site (which is still private) and got one photo to show up, but can't remember how I did it. And it took up the whole width of the post.

As soon as I have some time, I am going to play around with Word, and see if I can do what you just suggested.

Then.........how do I get that to my blog? Help!!!!!

Ian Denny said...

I take it you mean Wordpress Barbara?

I tried answering it within the comment here, bugt because I'd put code in the answer, it wouldn't allow me to submit!

I've emailed you...

Barbara said...

Thanks for the email Ian,

I think I understand the photo part, but how do I get the text to wrap around the photo?

Ian Denny said...

In the code I sent, there's a bit which refers to right alignment.

If you notice the text immediately after the code bit, it just wraps as per the link to the site.

So you just type as normal and the wrapping is automatic.

I must admit I'm no expert on WordPress or Blogger.

In fact, I'm more of a jack of all trades in IT, and I leave the specialist stuff to the real experts in our company.

If I had to choose something I really enjoy most in IT, it's writing applications (although more of an enthusiastic amateur than someone who even compares to the genius who works in the same office!).

louise said...

thanks Ian, I will be trying this. I was only saying to my husband last night that I have am technologically dyslexic so posts like this are really helpful

Ian Denny said...

I know! Working in IT you're expected to know everything.

I'm stil relatively new to blogs and web-sites from a creation point of view.

It's really handy though to be able to knock a quick graphic together using Word.

Once you've done a couple, it's pretty quick to get it loaded up to the blog.

CatherineL said...

Thanks Ian - that's really useful advice. Now I just need to work out how to put the picture in my blog!

I have tried a plugin but it didn't work - probably because I need to upgrade wordpress. But, I've got to try to back up the blog first!

It all seems so complicated. And I really would like pics on my blog, but I'm worried that I'll do something that could lose me all my work. I'm fine with ordinary websites, but I just don't understand wordpress at all.