Below is an example:
<a href="http://rodentia.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhylbPyNJjeWacU1C5yurXFBZEB7LUkPCKcLVPhTPRBeiWG05i4VEnja9f92g04NtowKckh_zPHzL1hmsltQHZZ_CvMjvNuSHuEMIufNaS7L81J1oPT77IHO30YW-NySpbyZGSEDkw35KQ/
s400/RatsHaveRights.jpg"></a>
The "<a href=" part is the link and the "<img src=" is the photo-image-button readers will click on.
Below is the general format:
<a href="yourLink.com"><img src="yourImage.jpg"></a>
See also Links As Code
Thanks for this tip!!! I got it right now!
ReplyDeleteVery good!
ReplyDeleteHey hey, I got this error message from blogger:
ReplyDelete"Must be at most 100 characters".
I want to add the Rose Logo that is on the post titled 'The Logo'. But the .jpg of the picture itself is already passed 100 characters, much less after adding the < a hef..... command.
Please help! =)
It doesnt really work. Do you have any other idea how I could do the picture link?
ReplyDeleteHow do you do this for the sidebar items, though? I guess you'd have to have a URL on your own server...? Is there a way to upload a pic and then link to it on the sidebar?
ReplyDeleteThere are several free photo hosts. I use the obvious one, Blogger's rectangular picture icon on the Blogger Editor page. It's up there with the other toolbar functions like bold and italic and the spell check tool. Using it or another free photo host will give you a place for your photos and that host will give you urls to use. If you use the Blogger setup, place the photo code in a post that you save as a draft (do not save as Published). You can copy the put and put it where you need it and yet still have a safety copy of the code to use later (you never know).
ReplyDeleteLearn by doing, even if it's intimidating!
You can "copy the url to put", I meant to say! Can't type and think at the same time any more!
ReplyDeleteI want a clickable graphic on the sidebar of my blog....
ReplyDeleteI have gone to Add a Page Element and chosen the HTML/Javascript option.
I then uploaded my graphic to a post which I am keeping in my drafts.
Then I have put in your formula/code exactly as you directed...
a img src etc, etc etc
My link is pasted in and
My graphic address is pasted in from right clicking the graphic in the post in drafts and then pasted into the Src line.
But when I publish to my blog, the only thing that comes up is the title that I typed in. No graphic and obviously no link.
What to do????
Well, first thing that would help is if you'd share the code that you're having trouble with. If you don't want to put it here, send it to me by email. What's the exact code in that page element that is not working?
ReplyDeleteSomething in the way you described it makes it sound like you didn't really capture the url of the graphic. Let me (or us) see!
Okay, here's an update. I've been playing some, "even though it's intimidating". With IE 6, I get a placeholder where the image should be; in FireFox (my browser of choice), I get nothing. Using a tinyurl, it will at least link back to the website that I want the badge to link back to. Without the tinyurl, I never got an error message, but the blogger code and the web site code seemed to run together.
ReplyDeleteJust thought I'd update you and let you know I was trying to help myself! LOL!
Cindy
Me again ... I did it! The secret is to use the embedded image link location rather than the clicked link. When I did that, it worked using the longer URL!
ReplyDeleteThanks for providing the information that acted as a springboard for me to keep trying until I figured this out myself!