{"id":4247,"date":"2012-07-09T06:32:08","date_gmt":"2012-07-09T06:32:08","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=4247"},"modified":"2012-08-17T19:18:04","modified_gmt":"2012-08-17T19:18:04","slug":"how-to-link-a-photo-to-a-website","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/how-to-link-a-photo-to-a-website\/affordablewebsitestips\/tutorials","title":{"rendered":"How To Link A Photo To A Website"},"content":{"rendered":"

How to link a photo to a website so that when a visitor clicks on a particular image, they're taken to another website or web page. This is fairly easy to do using HTML and will work in most blogging programs that allow you to use html. To complete this tutorial you will need to upload your image to an image hosting website<\/a>. Note the URL<\/a> the image hosting website gives you for your hosted image. Below are instructions on how to create the HTML snippet and how to apply it to WordPress, Blogger and Tumblr.<\/p>\n

The HTML snippet used to link an image to a website<\/h3>\n

Here is the code snippet:
\n

 Javascript | <\/td><\/td> copy code |<\/td>?<\/td> <\/td><\/tr><\/tbody><\/table>
1<\/td>
<\/pre><\/td><\/tr>
2<\/td>
<<\/span>a href=<\/span>"http:\/\/2slick.com"<\/span> target=<\/span>"_blank"<\/span>><<\/span>img src=<\/span>"http:\/\/2slick.com\/web\/wp-content\/uploads\/2011\/06\/logo3.png"<\/span> alt=<\/span>""<\/span> \/><\/<\/span>a><\/span><\/pre><\/td><\/tr>
3<\/td>
<\/pre><\/td><\/tr><\/table><\/div><\/pre>
\nHere is what the code snippet looks like on a web page:
\n\"\"<\/a>
\nNote:<\/strong> Notice that when you click on the logo image, you are directed to the home page of 2slick.com.<\/p>\n
To change the code snippet image, and the web page it redirects you do, you will need to change two things in the snippet. Change the http:\/\/2slick.com\/web\/wp-content\/uploads\/2011\/06\/logo3.png<\/strong> URL to you image URL. This will replace the 2slick.com logo with your image. Next change the http:\/\/2slick.com<\/strong> URL to the URL you want visitors to be forwarded to, once they click your image. That's it, your modified code snippet is ready to\u00a0insert\u00a0into any web page that accepts HTML. Save your modified code snippet to a text document like Notepad.<\/p>\n
How to insert HTML into WordPress<\/h3>\n
Click on the HTML tab over the content area of any post or page to insert HTML markup.
\n\"\"<\/a><\/p>\n
How to insert HTML into Blogger<\/h3>\n
Click the HTML tab while creating a post. Now you can insert HTML code into the post. Click the 'Compose' tab to view the html as it should display to visitors.
\n\"\"<\/a><\/p>\n
How to insert HTML into Tumblr<\/h3>\n
Click the 'Edit HTML source' button and a 'HTML Source Editor' popup window appears. Enter HTML code into the window and click the 'Update' button.<\/p>\n
\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
How to link a photo to a website so that when a visitor clicks on a particular image, they’re taken to another website or web page. This is fairly easy to do using HTML and will work in most blogging programs that allow you to use html. To complete this tutorial you will need to […]<\/p>\n","protected":false},"author":1,"featured_media":5718,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,298,143,4,6],"tags":[374,402,171,168,421,468],"class_list":["post-4247","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-affordablewebsitestips","category-how-to-blog","category-internet-tips","category-tutorials","category-wordpress","tag-blogger","tag-html","tag-image","tag-link","tag-tumblr","tag-wordpres"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/4247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=4247"}],"version-history":[{"count":9,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/4247\/revisions"}],"predecessor-version":[{"id":4249,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/4247\/revisions\/4249"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/5718"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=4247"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=4247"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=4247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}