Welcome, Guest: Join Nairaland / LOGIN! / Trending / Recent / New
Stats: 2,777,090 members, 6,616,677 topics. Date: Saturday, 04 December 2021 at 06:54 PM

Help!!! Please Who Knows How To Add A Clickable Background Image On .com - Webmasters - Nairaland

Nairaland Forum / Science/Technology / Webmasters / Help!!! Please Who Knows How To Add A Clickable Background Image On .com (1664 Views)

How To Create An Auto-Pilot Video Download Site On , No Hosting Needed / How To Upgrade Weblog On .com Account / How Do I Randomly Change Background Image Of My Pages (2) (3) (4)

(1) (Reply) (Go Down)

Help!!! Please Who Knows How To Add A Clickable Background Image On .com by KOSMOTV: 10:03pm On Sep 20, 2013
Hello Nairaland people, Please i need a webmasters help.

Im trying to use HTML CODE to add a background clickable advertisement to my blog. But i cant do it. Im using Blogger.com

Any Help will be appreciated.

My Blogs are www.promonigeria..com and
www.thekosmotv.com

PLEASE SOMEONE HELP
Re: Help!!! Please Who Knows How To Add A Clickable Background Image On .com by GraphicsPlus(m): 1:19am On Sep 21, 2013
You want the whole background to be an advert link? Well, you cannot achieve that by doing it directly to the body tag. You have to use a trick. Check what I did here: http://www.ctrlshiftstudios.com/ad

If that is what you want, then copy this line of code:

<a href="http://theadvertlink.com" id="advert">advert link</a>

Then open your blogger html editor and paste it after the opening <body> tag.

Then go to the stylesheet section and paste below codes:

#advert{
display:block;
height:100%;
width:100%;
position:fixed;
left:0;
top:0;
z-index:0;
text-indent:-5000em;
background:url(http://www.yourwebsite.com/adverImage.jpg);
}


Then try to locate the main wrapper of your website. Get the class or id and then go back to stylesheet section and add these two lines of code in it.

position:relative;
z-index:100;

1 Like

Re: Help!!! Please Who Knows How To Add A Clickable Background Image On .com by GraphicsPlus(m): 1:23am On Sep 21, 2013
If you have further questions, don't hesitate to ask us here. Cheers.
Re: Help!!! Please Who Knows How To Add A Clickable Background Image On .com by Djtm(m): 2:43am On Sep 21, 2013
GraphicsPlus: You want the whole background to be an advert link? Well, you cannot achieve that by doing it directly to the body tag. You have to use a trick. Check what I did here: http://www.ctrlshiftstudios.com/ad

If that is what you want, then copy this line of code:

<a href="http://theadvertlink.com" id="advert">advert link</a>

Then open your blogger html editor and paste it after the opening <body> tag.

Then go to the stylesheet section and paste below codes:

#advert{
display:block;
height:100%;
width:100%;
position:fixed;
left:0;
top:0;
z-index:0;
text-indent:-5000em;
background:url(http://www.yourwebsite.com/adverImage.jpg);
}


Then try to locate the main wrapper of your website. Get the class or id and then go back to stylesheet section and add these two lines of code in it.

position:relative;
z-index:100;
@colored; ahn ahn!

nice work btw. that lady in the background pic is beautiful. wink
Re: Help!!! Please Who Knows How To Add A Clickable Background Image On .com by GraphicsPlus(m): 3:36am On Sep 21, 2013
^^What happened to the colored?
Re: Help!!! Please Who Knows How To Add A Clickable Background Image On .com by Djtm(m): 5:16am On Sep 21, 2013
GraphicsPlus: ^^What happened to the colored?
nothing. I just haven't seen it before.
Re: Help!!! Please Who Knows How To Add A Clickable Background Image On .com by KOSMOTV: 4:58pm On Sep 22, 2013
Wow this is quite difficult and long i will try and let you know

Thanks soo much for helping.

But the sample you gave me is not what i want. The advert normally is the background image itself and it starts after the Blog Title and description.
Re: Help!!! Please Who Knows How To Add A Clickable Background Image On .com by GraphicsPlus(m): 5:10pm On Sep 22, 2013
Like this one: http://www.ctrlshiftstudios.com/ad
If not, then what exactly do you want? Can you send a link of a blog that is currently doing what you want to achieve?
Re: Help!!! Please Who Knows How To Add A Clickable Background Image On .com by KOSMOTV: 1:59am On Sep 24, 2013
You got it, but its the Background Omotola picture. And yes its clickable.

Thats exactly what i mean. That clickable background Omotala advert.

Whats the process pls.

Thanks
Re: Help!!! Please Who Knows How To Add A Clickable Background Image On .com by GraphicsPlus(m): 2:40am On Sep 24, 2013
The codes above can achieve that. But if you find it difficult tweaking, you may send me the website details to me let me assist you with it.
Cheers.
Re: Help!!! Please Who Knows How To Add A Clickable Background Image On .com by KOSMOTV: 10:30am On Sep 24, 2013
Thanks for your response, i have been reading about this. The problem is, i keep getting "ADD THE PICTURE URL" Which you also mentioned but this code was given to me by an advertiser.

Its Html code for a gadget.it started like this <script type="text/javascript"><!--
zone = "8";

There is more lines which includes url, but if i do this process without adding all the codes nothing happens.

Do you understand wat i mean?

Thanks
Re: Help!!! Please Who Knows How To Add A Clickable Background Image On .com by JMOI: 10:40am On Sep 24, 2013
I understand what the guy is saying. Guys take a look at http://perezhilton.com and see what he means by a clickable background image. You must view it with a PC
Re: Help!!! Please Who Knows How To Add A Clickable Background Image On .com by GraphicsPlus(m): 10:44am On Sep 24, 2013
You may need to paste here the whole url or the codes your advertiser gave to you so that we can see clearly what you are trying to achieve.
Re: Help!!! Please Who Knows How To Add A Clickable Background Image On .com by KOSMOTV: 11:46pm On Sep 26, 2013
Wats your email so i can send it to you personally.

I wouldnt like to post it here pls.
Re: Help!!! Please Who Knows How To Add A Clickable Background Image On .com by GraphicsPlus(m): 3:30pm On Sep 27, 2013
plus.graphicsplus@gmail.com
Re: Help!!! Please Who Knows How To Add A Clickable Background Image On .com by KOSMOTV: 5:30pm On Sep 29, 2013
Hello, still saying thanks for your help.

I sent you a mail, kindly check it.

HAVE A NICE DAYYYYYY
Thanks
Re: Help!!! Please Who Knows How To Add A Clickable Background Image On .com by seunrebirth(m): 3:55pm On Feb 12, 2015
GraphicsPlus:
You want the whole background to be an advert link? Well, you cannot achieve that by doing it directly to the body tag. You have to use a trick. Check what I did here: http://www.ctrlshiftstudios.com/ad

If that is what you want, then copy this line of code:

<a href="http://theadvertlink.com" id="advert">advert link</a>

Then open your blogger html editor and paste it after the opening <body> tag.

Then go to the stylesheet section and paste below codes:

#advert{
display:block;
height:100%;
width:100%;
position:fixed;
left:0;
top:0;
z-index:0;
text-indent:-5000em;
background:url(http://www.yourwebsite.com/adverImage.jpg);
}


Then try to locate the main wrapper of your website. Get the class or id and then go back to stylesheet section and add these two lines of code in it.

position:relative;
z-index:100;

THANKS OP! it really worked excellently well for my blog www.hallanaija.com BUT! please can you help me out so that it will open in a new tab when anyone clicks the advert image??
Re: Help!!! Please Who Knows How To Add A Clickable Background Image On .com by CreativeWeb(m): 11:32pm On Feb 12, 2015
It's simple. Just add target="_blank" to the link command.

Like: <a href="http://theadvertlink.com" id="advert" target="_blank">advert text</a>

1 Like

(1) (Reply)

I Need A Mass (bulk) Email Sender / Best Practices For Opencart Website Security / Do You Need Someone To Update Your Blog Daily

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2021 Oluwaseun Osewa. All rights reserved. See How To Advertise. 101
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.