How to add Click able Pictures to your blog

How to add Click able Pictures to your blog

Today I am going to introduce you guys with a new things. This is how to create a Click ale and Non Click ale images.
This is similar with hyper link. Hyper link. Hyper link create with text and its on images. if you add some pictures in the sidebars in your blog, then it will give your blog a professional look.
Now Let's see how to do it.

Add a oicture(unclick able one): At  First upload your Picture to any free image site like photobucket.com. They will provide you  an url (link) directly to the photo.
Copy This link and paste it in the Targeted place.

<img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQavtDlLRK_vEZkBHLy53TJePl-TZB36zmFEhQfl9F1REYKr4vxjcyKlVUxAIAGIWtgOCIeIHiamSBMojjqWhVpL4zv2byysGKkplUWkSNf58Zi-VRXfJ0P3FvH8M-mjMFp1w98cNRE4w/s640/www.exclusiveplanet.blogspot+%25281%2529.jpg" alt="Jessica" width="200" height="250" border="0" /></a>
The image looks like this(unclick able)

Code For clickable image:
Here is the code
<a href="http://www.skynts.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQavtDlLRK_vEZkBHLy53TJePl-TZB36zmFEhQfl9F1REYKr4vxjcyKlVUxAIAGIWtgOCIeIHiamSBMojjqWhVpL4zv2byysGKkplUWkSNf58Zi-VRXfJ0P3FvH8M-mjMFp1w98cNRE4w/s640/www.exclusiveplanet.blogspot+%25281%2529.jpg" alt="denise milani" width="200" height="250" border="0" /></a>

Clickable image for open in new window
:Here is the code
<a href="http://kranthitips.blogspot.com" target="_blank"><img src="http://i219.photobucket.com/albums/cc286/7kranthiswaroop/john1.jpg" alt="denise milani" width="160" height="134" border="0" /></a>The output image looks like

You Can simple add this code In a Gadget.
Simple go to
>Blog Design Page.
>Then Click Add a gadget
>Scroll down your Mouse Then you will Found HTML/JavaScript
>Click On It.Simple past the code.
>Then Press OK.
Now See!!!
& Enjoy.
Original From : http://exclusiveplanet.blogspot.com

Read More