Due to some circumstances, this blog is now up for sale, for more enquires contact: Plushista@gmail.com
RealcomBiz
Pin It

How To Add Link/Url To Image In Blogger Blog

by Unknown | Thursday, June 21, 2012 | 29 Comments

Have you been looking for a way to add link to your image, so that when visitors click on your image, they will be redirect to another page/website? If that's the case, then this tutorial should solve your problem.
It is good for every bloggers to know how to add link to image, because there would be some cases whereby you will like to show a demo of your content to your readers, which you may need to provide a demo image button instead of using a text, or you may need to link to another site with a image. So for you to add link to your image, simply follow the few steps below.





I will be using the image above to sight an example, and by default if you click on the image above, you can only view the image.

How To Add Url To Image

Whenever you want to insert a link to image, always switch to Edit HTML mode in your post editor, after you have upload your image, as shown in the image below


When you are in compose mode, you will see the image, but immediately you switch to Edit HTML mode, you will only see the image html code.
This is the html code for the first image above

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_aQCMm9mm-2WtfaDgAKpRYGmJgxvMZp05yydZCKkd5oLfRiiu-JXQxj6aw_s5boO-oJNLcbB624nCg6VRTG5Ov_LZXHW8Xyib1QtpT6-mVl5tYNRaHWKviKiD7twA3L4NlOmYghoxTDL/s1600/Add+link+to+image.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_aQCMm9mm-2WtfaDgAKpRYGmJgxvMZp05yydZCKkd5oLfRiiu-JXQxj6aw_s5boO-oJNLcbB624nCg6VRTG5Ov_LZXHW8Xyib1QtpT6-mVl5tYNRaHWKviKiD7twA3L4NlOmYghoxTDL/s320/Add+link+to+image.jpg" width="320" /></a></div>

In your image html code, there will be two link in the image code, and the different between the two url is href=" and src=", but we are only concern with the one starting with href=" format as shown in the image above.

This is the code we are concerned about

href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_aQCMm9mm-2WtfaDgAKpRYGmJgxvMZp05yydZCKkd5oLfRiiu-JXQxj6aw_s5boO-oJNLcbB624nCg6VRTG5Ov_LZXHW8Xyib1QtpT6-mVl5tYNRaHWKviKiD7twA3L4NlOmYghoxTDL/s1600/Add+link+to+image.jpg"

Now let me use this blog url to give an example, if i want to insert this blog url to the image above the result we look as follow.

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.realcombiz.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_aQCMm9mm-2WtfaDgAKpRYGmJgxvMZp05yydZCKkd5oLfRiiu-JXQxj6aw_s5boO-oJNLcbB624nCg6VRTG5Ov_LZXHW8Xyib1QtpT6-mVl5tYNRaHWKviKiD7twA3L4NlOmYghoxTDL/s320/Add+link+to+image.jpg" width="320" /></a></div>

If you click on the image below, you will be redirected to this blog homepage.



How To Open Your Link In New Tab

If you want your link to open in a new tab, probably you are linking to another site and you don't want your readers to leave your site, this is what you need to do, just add target="_blank" after your link address.

The final result should look as follow

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.realcombiz.com/" target="_blank" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_aQCMm9mm-2WtfaDgAKpRYGmJgxvMZp05yydZCKkd5oLfRiiu-JXQxj6aw_s5boO-oJNLcbB624nCg6VRTG5Ov_LZXHW8Xyib1QtpT6-mVl5tYNRaHWKviKiD7twA3L4NlOmYghoxTDL/s320/Add+link+to+image.jpg" width="320" /></a></div>

If you click on the image below, this blog homepage will open in a new tab


That's all on how to add link/url to image. you may also be interested in how to tag image for better search ranking.
Hope you find this article useful? Use the comment box if have anything to say or ask, and don't forget to subscribe to this blog, for you to get our latest articles directly into your email, and check your email to confirm your request. BLESS



Go Social:

Subscribe For Free Updates!

*Please confirm the email sent to your inbox after clicking "Sign Up!".

29 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. Nice tutorial. I'll definitely be needing this for my blog.

    ReplyDelete
    Replies
    1. I agree, came here looking for some good writing and I found it.. don't forget to visit our page about buy Youtube views with credit card

      Delete
  2. which you may need to Diablo III itemsprovide a demo image button instead of using a text, or you may need to link to another site with a image. So for you to add link to Buy RS Goldyour image, simply follow the few steps below.

    ReplyDelete
    Replies
    1. Please stop flooding this site with your spam comments. This may be the last warning.

      Delete
  3. Replies
    1. Back in 2004 I remember that people use to sell pay per clicks, the famous Digg votes in 2005 not to mention Youtube views in 2006 and above.. Its just weird how everything goes in social media. Me, personally I only have 100 followers or less on my Twitter and its been active since 2008. This story could be very similar to a recent article we read about buying Twitter followerswhich is also another popular one on the list.

      Delete
    2. That was back in the days.. Nowadays one can even buy Instagram followers cheap ,,

      Delete
  4. Thank You so much!!! I have been trying to figure this out forever!!!

    ReplyDelete
  5. "Hi Durodola!

    Thank you for this tutorial. I actually need this for my blog. You got indeed a very helpful post. I will also be sharing this post of yours to people who also wish to add URL to an image. Looking forward for more of your posts!

    "

    ReplyDelete
  6. Facebook page can be used to cheap Facebook fans market the particular product or service through your Facebook account.

    ReplyDelete
  7. Hi Durodola!

    Thank you for this tutorial. I actually need this for my blog. You got indeed a very helpful post. I will also be sharing this post of yours to people who also wish to add URL to an image. Looking forward for more of your posts!

    Please check out my website http://www.followersnet.com Cheap Social Media Services such as http://www.followersnet.com/instagram-services/index.html Cheap Instagram Followers

    ReplyDelete
  8. hello blogger,i really appreciate your highly thought about this matter through your post.Obviously your post is very informative.If you update your Social account, please visit

    buy facebook likes For facebook Service.

    ReplyDelete
  9. Back in 2004 I remember that people use to sell pay per clicks, the famous Digg votes in 2005 not to mention Youtube views in 2006 and above.. Its just weird how everything goes in social media. Me, personally I only have 100 followers or less on my Twitter and its been active since 2008. This story could be very similar to a recent article we read about buying Twitter followers cheap which is also another popular one on the list.

    ReplyDelete
  10. This comment has been removed by the author.

    ReplyDelete
  11. You need to always look for professional as well as experienced company that are the suitable individuals to be hinged on for marketing your company or products. buy usa facebook likes cheap

    ReplyDelete
  12. This comment has been removed by the author.

    ReplyDelete
  13. Union Public Service Commission (UPSC) conducts a competitive examination for recruitment and selection to the post of Geologist.
    UPSC Geologist Exam

    ReplyDelete
  14. TS ECET Results 2017 announced, Click here to check the result and download the TS ECET rank card.
    TS ECET Results 2017

    ReplyDelete
  15. Very well post. This Topic is very good.thank you for share this topic.This article is really very interesting.
    Buy Followers,Like,Dislike,Share,Views,Comments - SMM Planners

    ReplyDelete
  16. It is good for every bloggers to know how to add link to image, because there would be some cases whereby you will like to show a demo of your content to your readers, which you may need to provide a demo image button instead of using a text, or you may need to link to another site with a image. So for you to add link to your image, simply follow the few steps below. summer bed sheets , king size comforter size , gul ahmed bed sheets online shopping , bed sheet fancy , cotton duvet cover , razai bed sheet , cheap sofa covers online

    ReplyDelete

Recent Posts

Let's Connect

Site Links

Copyright © 2014 RealcomBiz. All Rights Reserved.
Powered by Blogger