Wednesday, August 13, 2008

clickables 101

Recently, I ran into difficulty posting images that could not be enlarged when clicked and Lynne kindly came to my aid and did some blogging research to find a solution. Honestly, at the time, I thought that I was the only person who was having this difficulty because anytime I clicked on anyone else's images, the full size popped up in another window. So it didn't occur to me to post the results of Lynne's research. But I have received a few questions about it so thought I would post what I know. And this is what I know now: When you click and drag the photos in the "compose" window they somehow lose their capacity to be clickable. That is where I ran into problems. I was clicking and dragging all over the place. I didn't know that there was another way to move the photos into place once I had uploaded them. If you move them around by cutting and pasting their html code in the "edit html" window, their clickability remains intact. I sometimes find it tricky to know where one code begins and another ends, but have more or less gotten the hang of it now and it has worked for me. I do notice that when you click on my images, they are HUGE, and when I click on the images of others they are less huge. I guess it has something to do with the format of the original uploaded photo (or not?) but as I am technologically challenged, I have no idea how to alter the format. I just take the photos on my digital camera, reduce their file size using photoshop (and I suspect I'm not even doing that correctly), and then upload them as is. And that is all I know :) Hope this is helpful for some. If anyone has further knowledge about any of this, please don't hesitate to leave a comment.

I have posted a photo for you to click with abandon! It's a grapevine tendril from our garden.

14 comments:

annette emms said...

Kate, I'm clicking here! That tendril became a creature from outer space. . .
I thought it was only me who had 'non - clickable' images! Thanks for the explanation.

notmassproduced said...

what a beautiful photo and thanks for the much needed (certainly in my case) technical tips :o)

jo horswill said...

...and what a beautiful tendril it is...unfurling itself. The beauty of our natural world always entrances me. I love the little wisps of web you can see here and there...and those little spiky hairs...can look at it all day!!!
Kate, you sound pretty techno savvy to me! well done.

Megan Coyle said...

What a wonderful picture. I like how I wouldn't have known that it was a grapevine tendril unless you let me know. I like how I can imagine it being a variety of different things--at the moment, for some reason, it's really looking like a curled mouse tail.

Ronna said...

I have no idea what the heck I'm doing half the time loading photos. All I know is that I put them all thru Photoshop before I upload them and reduce the dpi and reduce the size too (to about 6" or 7") because when you live in the middle of nowhere with moderate hi-speed (like I do) it's hard to click on a pic that's HUGE, so I compromise with 6" which still enables you to see stuff bigger. Otherwise it takes too long to download on my satellite connection...(imagine a dial up connection???)

Vanessa said...

LMAO! THAT is BIG, big!! The detail is amazing up that close! Well I didn't even know that I could drag my photos in, let alone how to make them clickable! So actually, that was very good information for moi!

Gwen Buchanan said...

Kate I love the detail of going in close... so much available for examination.. glad to click

Ursula Achten said...

Well, thank you!!
So the problem is, that I upload my pics from my hard-drive....they have no html-code! Thanks for the solution and this beautiful goose-flesh-tentaculum!

kate said...

annette...(smile) I hope that creature didn't shock you too much! I'm going to check your blog to see if your images are now clickable!

notmassproduced...glad it was helpful.

jo...I love tendrils. They seem to have a life of their own. As for being techno-savy, I teach myself or seek out the things I want to know and remain in the dark about everything else. As most of us do I suspect!

megan...I know exactly what you mean. A mouse tail? Yes, I see it too!

ronna...oh, you can reduce the size too! Very interesting! And thanks for drawing my attention to the difficulties of those with dial-up or slower systems. Perhaps all my HUGE images have been causing frustration to no end! When next we meet, perhaps you could give me a quick photoshop tutorial on how you prepare your photos for the web. Thanks!

vanessa...so how do you arrange them on the page if you don't drag them or use html code? Do you just work the text around them once they are uploaded? Let me know.

gwen...I'm a big detail person myself. I'm not happy unless I can zoom in.

uschi...I upload from my hard drive as well and I'm not absolutely sure on this but I believe that when you download them, the html code comes with them. Check in your edit html window. The codes should be there.

kate said...

I'm chuckling here. Because of your comments I realized that I don't know the difference between downloading and uploading! I went back to my post and changed all the downloads to uploads! Thanks!

Wayfaring Wanderer said...

I think typically, there is a fear attached to larger images.....larger images = easier to steal and call your own......you hate to think that someone would do such a thing, but it happens.......quite frequently I might add...

If you're using photoshop, an option under image allows you to resize. Using the pixel option is your best bet so that you can gauge how big it should be in relation to your blog page. I usually don't put up images wider than 500 pixels.

When you upload your images using blogger, instead of using a different site like flickr to host the images, they automatically generate the code during the upload process. *Someone mentioned, their photos not having code.....

Anyhoo....like you ladies needed my two cents.....so typical that I should give it anyways :o)

kate said...

ww...I absolutely need your two cents. And I think you gave more than two! I will try your advice on resizing my images. I may contact you again for assistance! Shame on those image stealers!

I need orange said...

I save a copy of my images (from Photoshop Elements) at 1000 pixels, as "jpeg low quality". Then I upload to blogger this low-quality image.

These images are fine on the screen but wouldn't print well as too much information has been removed.

That's my compromise on the "give them something they won't want to steal" front.....

For those who don't know about the "html code" -- blogger inserts it when you upload the pics (I always think of loading from a smaller thing -- my pc -- to a bigger thing -- google/blogger -- as "upload". From bigger to smaller is "download," in my mind).

If you edit your posts in "edit html" mode, there is a block of code for each pic starting "<a " and ending "a>" embedded in your post, with stuff like "img src=" and so on in there. If you cut and paste the whole block, from <a to a>, you can move the image.

(If you mess up with your cutting and pasting, and the "preview" shows that things are messed up, just cut out the damaged blocks, and upload your pic again. Ask me how I know..... :-) )

It sounds like a bug to me that the dragging and dropping doesn't work, but editing the html is a good work-around.

kate said...

i need orange...thanks so much for dropping by and imparting your knowledge and experience! Very helpful indeed! That's an excellent way to distninguish download from upload. I enjoyed peeking at your photographs.