If this is your first visit or you have yet set up your blog please check out the very first post "how do I get started with blogger?"

"How to add an image to your blog post using blogger"

Ok now you have a post up on your blogger blog you may decide you want to add an image or a graphic to improve how it looks, or to enhance the message of the post itself.

There are a few ways it can be done, but to keep it simple lets use the easiest method which is pretty straightforward. As you have a Google account (blogger is part of it) your images will be added to your Picassa account which is automatically created for you.

Indecently if you right mouse click the image below, choose new tab or window you will get to see the image in my Picassa account, it will show you the image in larger format.

For now, lets get the image added to your post the easy way.

The editor used in blogger looks like the picture below, that is if you have the settings on the new editor, look under settings for your blog and on the basic page (the first one under settings) choose the new "updated editor" at the bottom of the page, then save, note this will save the settings for all blogs you create within this dashboard.





As for the editor itself and adding images to your post, this is done using the square image box above the insert image text you see in the picture, to the right of the word "link".

This opens up a pop up window asking you to choose your image, either from your pc or via a weblink if your image is hosted online.

Once you click upload it should then add the image in the post also a little blue strip will show under the image from which you choose to resize or move the image to suit you.

Note this is shown in "compose" mode as you can see on the tabs to the top right of the editor.

Clicking the edit html tab will show you the raw html language that is used for the building of the website, post which is handy in your learning process of understanding how this whole thing works, you will see the html code that renders the image, if you add an image before writing anything then check the html you will see the raw code for the image itself only.

Adding an image to your blog post is quite easy once you have done it for the first time, for best results please use your own images, or at least ones you have permission to use.

There you have an easy explanation of  how to add an image to your post using blogger.

Next we will address adding links to your post, and the importance of it being an anchor link where possible, a good example is right here in this post as you can see above where I linked "Google account" and that link example is what we will address the next post.

No comments:

Post a Comment