I shared a blogging tip a while ago on my blog because I had mentioned a Blogger feature to a friend who also blogs and she didn't know about it. It wasn't hard to use and it's sooo handy!! I thought if she didn't know about it, other people don't know about it, so I decided to share my little tidbit with my modest little readership ;)
Then my sister in law got a blog and started asking questions about how to do things with it. Seriously, within the last year or two, the number of people I know IRL (in real life) who have started blogging is huge. So, I begin a series of posts about blogging wherein I will share some little tips I have come across in my time of blogging.
(fancy little image, eh?.. did I mention my love for Photoshop?)
So, we begin the series with "How to position a photo in your Blogger post"...
(a good one for beginner bloggers or bloggers who are still trying to click & drag within the Compose window)
When you're typing your entry in blogger, you can type in "Edit Html" mode or in "Compose" mode. If you don't know much about html, you will likely choose "Compose" which is fine (most of the time).
However, when it comes to positioning photos, it's pretty annoying!!!
Luckily, it's easy to switch between "edit html" and "compose" tabs, and luckily I have a little something to share with you about html.
If you have a bunch of photos for one blog post, you will probably click on the "Add Image" icon and then browse for the photos on your computer, set your layout, and upload your images (because you've probably figured out that you can click on "Add another image" and upload multiple images at once).
The great thing about that is that blogger uploads all of your photos into your post for you and you can see them right there in the compose window. The annoying thing is that they all sit, one after the other, at the beginning of the entry and even though you can click & drag your photos around, it's really hard to do that within the tiny little compose window!
It would work to click & drag in the example shown above because my bottom photo and the spot where I want it are visible within the Compose window. But if I want to put my first photo there, I cant do it!
Here's The Solution:
1. Do everything you want with your entry in "Compose" view, including uploading your photos.
2. Then click on "Edit Html" to switch tabs.
3. You will then see something that looks like crazy gibberish code at the top, where your photos are, and you will need to resist the urge to run away in confusion and frustration (assuming you have not worked with html before). Resist the urge.
4. A small lesson in Html:
In html, when there is a link, it starts with <a href= and then it goes on and on until it ends with </a>
5. Since Blogger posts pictures as links (so that you can click on the picture and see it at its original size), you want to look for the section of code that begins with <a href= and ends with </a> (that section is highlighted in the above image- you can click on it to see it larger if you need to)
6. Highlight the first section of code that looks like that. Copy it (by pressing ctrl + c) and then paste it (by pressing ctrl + v) in the place that you want the first photo to show up in your blog entry.
7. Repeat step 6 for each of your photos.
(If you get confused about which photo is where, just click back over to the "Compose" tab and figure it out).
8. Be sure to delete the code at the top of the entry after you've pasted it where you want it (or you'll have each photo repeated at the start of your entry)
I hope I've explained this clearly. It's a really easy thing to do once you understand that little bit about the html code- it just takes a little getting used to!
Please let me know in the comments whether this tutorial made sense or was useful to you!
And if it didn't make sense or you still have questions, comment & let me know- I'll be happy to help if I know the answer!
Got something you'd like to learn about photography or blogging?
Tell me about it in the comments & if I can help, I'll post about it!