Do you want to include captions with your garden blog photos? There are two ways this can be done. One way is to use purchased software and the other way is to write free html codes.
Most of the time, I use a software program (ImageWell by Xtralean Software) to add a caption before uploading the photo.
By adding the caption to the photo before uploading, the two are attached. So, if someone copies the photo, the caption is part of the image. Using software, it is very easy to change the font size, font color and position of the text.
However, it's difficult to use a hyperlink within the caption. Also, note that in the photo below, the caption is small. When I uploaded this photo, I selected the "small" format and Blogger adjusted the entire image.
 |
 |
| Photo by Defining Your Home Garden |
In the second photo, I added the caption using html codes. I also included an optional hyperlink to my blog.
To use html codes for captions, first upload your photo.
In the code below, the red text shows you the html "table" tag that I used to anchor the caption with the photo in the blog. I also set the font style, size and position of the caption. I kept this caption short enough to fit under the photo because I don't want to complicate the coding.
By using the "table" tags, I am treating the photo as one row of data and the caption as another row of data.
The "tr" tag represents a table row.
The "td" tag is used for table data.
The green text indicates the caption wording. The blue text indicates the hyperlink coding. I set the link to open in another window by using the "target" option.
The text in black was generated by Blogger when I uploaded the photo. I just wrapped the Blogger code with my table tags.
You can copy these pieces of code to play around with your own photo captions. The downside of using html codes is that it is a bit tedious. However, if you store these wrapper pieces in a text editor and then cut and paste the code around your photo code, it is a bit easier.
With the winter days keeping most of us indoors, this is a great time to share non-gardening tips. Next time, I'll show you how to use html to position two photos side-by-side.
Photos and instructions by Freda Cameron
I'll have to come back when my brain is fresher. I used up my reserves figuring out how to make a collage on Photoshop Elements. I think you've made collages. What program did you use?
ReplyDeleteI use ImageWell to make collages on my MacBook. When I was on a PC, I used Visio Professional.
ReplyDeleteThanks for this tutorial, Cameron. I have a book about HTML but you've made it more understandable, which is much appreciated.
ReplyDeleteThanks Cameron,
ReplyDeleteI'll have to check that out. I'd like something that is more user friendly. I don't like having to navigate away from my work in order to find the directions.
Sue -- I think ImageWell was under $30 and downloadable.
ReplyDeleteJust copy the image and paste it on the edit screen of ImageWell. Arrange, frame, watermark, caption, etc.
Cameron
Impressed with you savvy, I had no clue all this was available, Cameron! Thank you for sharing.
ReplyDeleteI am slowly learning html and do appreciate all the helpful posts everyone does. Thanks for this info. I think it fairly important to tag your photos.
ReplyDeleteI use all kinds of tags but never tr or td. I use a different way of doing what you're talking about.
ReplyDeleteKnowing me ...it's the long or wrong way but I'm happy if I get the results I want.
I do enjoy manipulating my blog using html mostly because I refuse to use blogger basic templates and their pictures upload too small.
Maybe someday I get a photo program,I just use what windows XP has to offer. It's all time consuming learning to use a computer but can be very rewarding.
Looking forward to more info post.
Patsi
Good Morning Cameron,
ReplyDeleteInteresting post. I am always learning something in this blogging world. HTML is like reading Greek, I know it makes sense to someone, but not me! I will give this a try. Janet
I use the table tags to keep the photos in place on Blogger. Blogger lets the photos float. If you're using several photos too close together, they can overlap. Table keeps them in the same place on the page.
ReplyDeleteJanet -- Stuart's eucalyptus is a beauty! Thanks for the heads-up on that. I'm leaving him a message about my tree.
Thank you for sharing this Cameron. I was totally unaware of this and usually either type my name under the photo, or, use picasa to write it on the photo...but sad to say, nothing embedded within the code. This will be something new to try. Thanks for the code to copy:)
ReplyDeleteHi Cameron, you have provided a great service to us with this, thanks. It is a shame that there are those out there that would steal our work, but it happens all the time. Your code is new to me, but I do understand the basic technique of wrapping. It was very generous of you to put this up.
ReplyDeleteFrances
You are speaking a foreign language to me today! I dont have a clue how to do such things even with such wonderful instructions...
ReplyDeleteI read your comments and it seems like most have had some success and some problems with html and legends for photos.
ReplyDeleteI use a copyright notice with the symbol on the photos. And I use a legend, sometimes, under the photo. But I don't use Blogger to upload anything and none of my photos are on Blogger servers. I upload any size photo I want but try to keep in mind that people with slow connections might not wait for a picture to download unless they know what they are getting before they try to see it.
I also add the text at the same time and use html for the whole thing. I change the Blogger templates all the time until they no longer look anything like Blogger or Word Press.
I mention all of this because I am an old guy who will be 75 and my wife of 53 years will be 73 this year and we both have blogs and are bloggers. Below is just my birds blog.
Backyard Birds
Cameron,
ReplyDeleteOnce again, you have confirmed my suspicions. You are a member of the Borg Collective.
Cameron, Glad you found the link, wasn't sure where to post it.
ReplyDeleteJanet
Cameron,
ReplyDeleteYou, my dear, are a wealth of really good practical knowledge. What I'd like is a sit down, one- on- one tutorial on your sunny porch with some coffee. How would that work for you? LOL
I have copied the table tags even though my HTML knowledge is so basic it might not be considered knowledge at all.
Look forward to the tutorial on side by side. I think you explained this to me once and I still didn't get it. Sigh.
Meems @ Hoe and Shovel