How to make Website background clickable with ad?

First you will need to add a background image according to the width of the site and upload it from Dashboard > Appearance > Background.

Here we need to paste 2 types to code. CSS & HTML

Let’s start with CSS. Go to Dashboard > Appearance > Editor > Style.css and paste this code at the end of the file and save it.

#cliczone-advert-left {
background-color: transparent !important;
width: 772px;
height: 1600px; /*Current max 2440×1600*/
margin: 30px 0 0 -772px;
float: left;
border: none;
}
#cliczone-advert-right {
background-color: transparent !important;
width: 772px;
height: 1600px; /*Current max 2440×1600*/
margin: 30px -772px 0 0;
float: right;
border: none;
}
#kma-wrapper {
background-color: transparent !important;
margin: 0 auto;
width: 1100px;
height: 0px;
position: fixed;
top: 1px;
left: 1px;
right: 1px;
border: none;} 

Now we need to paste the HTML code. Go to Dashboard > Editor > header.php.

Open header.php and look for the code


<div id="kma-wrapper">
<a href="http://WEBSITE.COM">
<div id="cliczone-advert-left">&nbsp;</div>
</a>
<a href="http://WEBSITE.COM">
<div id="cliczone-advert-right">&nbsp;</div>
</a>
</div>

Make sure you change the http://WEBSITE.COM with your url of the landing page where the visitor will land after clicking.