Thumnail Picture Practice

Here's one of the many afghans I've designed that's bagged and tagged and waiting it's turn to be joined. Probably not even the next one I'll be putting together. I asked in the previous post about how to make a thumbnail, have it clickable so that it could be clicked and made larger AND have a link. Sandie offered some opinions about posting picture to other places and picking up code to make it a thumbnail. I tried several options but didn't get anywhere. Googled it and found several options, some were quite complicated. I tried the one I could sorta understand multiple times, wrote down and rechecked the code multiple times; but I couldn't get it to work.

Then found directions which produced this.

Trial #1

Trial #2

Though I was pleased I got the thumbnail thing to work. I thought this was a draft, and didn't know I had clicked published. In fact...I'm almost certain of it. So, when I came to my blog this am, I was surprised to see this. But, thought I'd leave it with information in case others are interested.

Step 1, load your picture as you always would right here on blogger
Step 2, click the edit html code tab and change the size of the picture in the code area (I used 100 x 100), but it was originally coded this way 320px; height: 230px Only change the first part of the code so that it's clickable. If you look further down into the code you see src="http...and lots of of numbers, then/s320/ and whatever you named the picture as followed by id= then the blogger ID number. I assume, leaving the 2nd number it's original size actually leaves the picture in it's large form...otherwise it wouldn't be clickable?

So, then if I wanted a link I believe I could just add a caption under or with it picture that was clickable. My original thought was to have the picture clickable....but haven't gotten that piece of the puzzle yet...might not be worth the extra messing with code? As you can tell, when you click on the first thumbnail, trial #1, it's a link and takes you elsewhere...ok. Think I can accomplish my original goal/object which was to have a page of thumbnails, clickable for size and or links elsewhere. Trial #2 is clickable in that it enlarges, with the caption under it being a link.

So, now I just need to figure how which I prefer. I wanted to learn how to do this for several reason. One was to change pictures on old posts to thumbnails, as I thought that would save space. Figuring I wouldn't hit the max here on blogger as soon. Now though wondering if that actually works? Since the picture is still in it's large format? Which hadn't occured to me when I started this project. Secondly, I wanted a page with all the afghan pictures in one place, with links that would take you to wherever that afghan had been discussed/blogged about. So, it seems one purpose has been accomplished, rather I've learned how to do it. The maxing out on picture space allotment here on blogger, is still unclear. Has anyone hit their max? If so how did you deal with it?

Actually had planned to show you A Day at the Beach finished today; but didn't quite make it. Came close last night, so plan to finish it up today and will share it on Sunday in my Year of Projects Post.

Happy Friday all, dark here, looks like were in for an all day rain.
Finished Object Friday, I've Made Friday, and Creative Friday badges and links in left sidebar. Please join us.