Saturday, April 28, 2012

How To Make A Clickable Picture Link


How to make a picture (an image, photo or screenshot) clickable, that is, become a hyperlink.

The first thing is you must get the picture up on the web. This you can do by uploading toPhotobucket.

You can choose one of the billions pictures they have or if you have an account or open an account (its free) you can upload an image.


Once you upload or select an image you will get code for the image in four formats you must select HTML.

So for this we will use this image.

Photobucket

When you click this image it will lead you to Photobucket.com.
So we gotta change the direction.

This is the Html for this picture its the same as the code you use sending any pictre comments in Myspace etc...

We are interested in the address http:// photobucket.com.
<a href="http://photobucket.com" target="_blank"><img src="http://i631.photobucket.com/albums/uu40/paulcrowe/info.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket" /></a>


The address determines were the picture leads to when clicked.
So we simply change it to were we want the picture to lead to.

In This case we will change it to http:// spiceyourblog.info :

<a href="http://spiceyourblog.info" target="_blank"><img src="http://i631.photobucket.com/albums/uu40/paulcrowe/info.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket" /></a>


By changing the address the picture now leads to this site.
Easy.

But were not finished yet take your cursor and put it over the picture

You will see a line of text appear "Photo Sharing and Video Hosting at Photobucket" (does not work in all browsers)
We can also change this it gives a discription of the image and also helps get your image indexed in Google image searches.
We Are Nearly Finished - First A Quick Remunder:
If you need more help or have an opinion or suggestion,
Please leave a comment Belo

The code we are interested in here is "Photo Sharing and Video Hosting at Photobucket".
<a href="http://spiceyourblog.info" target="_blank"><img src="http://i631.photobucket.com/albums/uu40/paulcrowe/info.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket" /></a>


We simply change this text to whatever we want it to say like this :
<a href="http://spiceyourblog.info" target="_blank"><img src="http://i631.photobucket.com/albums/uu40/paulcrowe/info.jpg" border="0" alt="Type the text you want here" /></a>


Now the text will show "Type the text you want here"

Try it out :

Type the text you want here

You now have a simple professional hyperlink that leads to anywhere you choose.

0 comments

Post a Comment

All Labels

Android Android Tricks Apple Apple Tricks being Bentley beyond Black Blizzard Blogger Blogger Gadget Blogger Tricks Bluetooth brilliance Buffalo business Business camera Camera Canon Canons Carrier cellular Cellular Challenge Chicken Chrono Cisco Close Cloud collaboration com combined Comics coming Command Computer Tricks Concept Concepts Confirmed Connect Connector Continental Conundrum Coolpix Creed Dawnguard defeat details Diablo doesnt Double dramatic Droid durable E-Money EA4500 Edition energizing EOS1D Episode Essentials expansions Facebook Tricks Fantasy Featured features Ferrari figure Final first footage forget Fourth Freeform Freeman front Gadgets News Galaxy Game News gameplay games Gamesplanet GamesRadars GConnect Google Gordon Grand GreatCall Griffin GTechnology Guardians Guild Hacking Tricks HalfLife HDPATU3 HE400 Headphones HiFiMan Hitman holder horrifying Iconia IdeaPad Incredible ingame Innergie Inspiration Internet Tricks iPhone iSung itself Jelly Jitterbug Justice Kickstarter Killer killing launch launches leaked Lenovo Lexus lifted Limbo Limited Linksys loads Local MacBook Machines Make Money Marvel Mazda Micro Microsofts MiddleEarth might MiniStation Mission mobile Mobile Tricks Monster montage Mount MS Office News Nexus Nikon North October offers Online Optimus Other Other Tricks partially parts Payne phone phones physics planned player PlayStation PocketCell potential power Premium Professional Quantum Quarters Raider ready really Rechargeable recut register release released remixed Remote Resident resolution restrictions revealed review Robot roundup Router running sample Samsung Sauron season September sequel Series shows Shure silver Skyrims Smart smashing Sniper sniping Software Tricks Something Sonos Special sports SRH1440 stirs Studios stuff subway Summer Supertrailer Tablet Tacoma teased Technology Tegra Telltale Theres thickness things Thirds Thunderbolt today Toshiba Total Touring Toyota trailer trailers Tricks turning unlocked Unofficial Unveiled Valve Verizon video videos Virus Tricks Walking weeks Which Window Windows Windows 7 Windows 8 Windows Vista Windows XP winners Wireless zombie