4 Replies - 4089 Views - Last Post: 11 October 2011 - 04:47 AM

#1 ice_skate3  Icon User is offline

  • D.I.C Head

Reputation: -6
  • View blog
  • Posts: 78
  • Joined: 13-March 09

I Cant Click The Picture

Posted 17 August 2011 - 11:00 AM

My link

I am putting that Templates on my blog. The template is so cool. but the only problem is i cant click the Image. I dunno if what code i should add. i want the image and the title clickable.
Is This A Good Question/Topic? 0
  • +

Replies To: I Cant Click The Picture

#2 Martyr2  Icon User is offline

  • Programming Theoretician
  • member icon

Reputation: 4325
  • View blog
  • Posts: 12,106
  • Joined: 18-April 07

Re: I Cant Click The Picture

Posted 17 August 2011 - 11:48 AM

In the code you need to wrap a link tag around it. Here is an example...

<a href="http://www.google.com"><img src="http://i45.tinypic.com/an2802.jpg" alt="Image" border="0"></a>



Here I made it so that when you click the picture, it takes you to google.com. Also notice I put in the attribute border="0" which is to keep the picture from showing a link border around the picture. This makes your image clickable and takes you to another site. Just change the URL to the page you want to go to.

On some editors you will also see a special "URL" tag button. You could use that too if you like. It often looks like a little chain.

:)

This post has been edited by Martyr2: 17 August 2011 - 11:49 AM

Was This Post Helpful? 1
  • +
  • -

#3 ice_skate3  Icon User is offline

  • D.I.C Head

Reputation: -6
  • View blog
  • Posts: 78
  • Joined: 13-March 09

Re: I Cant Click The Picture

Posted 19 August 2011 - 07:46 PM

Sorry for i am not explaining it right. what i mean is..
click the link first to see its preview http://btube-video.webbilgi.org/
Thats the Preview of the template that i want to put on my blog.
There's this title below the Pic. and you can only click the Title. how about clicking the image too? i really dont know what code to add. =(

here's the site of the Template if you want to download
http://www.bloggerte...ogger-template/
Was This Post Helpful? 0
  • +
  • -

#4 calebjonasson  Icon User is offline

  • $bert = new DragonUnicorn(); $bert->rawr();
  • member icon

Reputation: 209
  • View blog
  • Posts: 989
  • Joined: 28-February 09

Re: I Cant Click The Picture

Posted 09 September 2011 - 10:09 AM

As Martyr mentioned above you need to wrap the image in a link. If you want both the title and the link to be in the same button you can wrap the div container in an anchor tag '<ahref=""></a>'

When done it will most likely look something as follows.

<!-- this is the link. You will notice that it closes around the entire header. This will allow for a click anywhere to activate the link. -->
<a href="http://yoursite.com">
<!-- This is the container. Because this is wrapped any click in this box will activate the link. -->
<div id="header">

    <img src="img.url.jpg" alt="title image">
    <h1>This is the name of my site.</h1>
</div>
</a>


Was This Post Helpful? 0
  • +
  • -

#5 ice_skate3  Icon User is offline

  • D.I.C Head

Reputation: -6
  • View blog
  • Posts: 78
  • Joined: 13-March 09

Re: I Cant Click The Picture

Posted 11 October 2011 - 04:47 AM

oh yes, i know how to do that one, please try to visit the link below
http://btube-video.webbilgi.org/

u can't click the image. but u can only click the title.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1