Page 1 of 1

How to add AD in left side

Posted: 17 Nov 2014, 12:04
by niceman
Hi
I would like to know where on my page to paste ads from google it display in this place:

IMG (Is so big, so i don't use img tag):
backup-cppl.s1.backupftp.pl/ads.png

Website:
bazaro.org/

Please help. This is old theme and stupid building on the tables.

How to add AD in left side

Posted: 17 Nov 2014, 14:17
by MarPlo
Hi
What did you tried?
If it is a CMS with template system, you need to know how to make changes in the html and css code of that template.
The easiest way it comes in my mind is to set "position: fixed;" for that AD, and move the whole content to the right, by same with, by increasing the "margin-left" of the BODY element.
Something like this:
- HTML

Code: Select all

<body>

<div id="left_ad">ADs</div>
<div id="main_cnt">
 Other html items and content ..
</div>

</body>
- CSS

Code: Select all

<style type="text/css">
body {
  margin: 0 0 0 162px;
  background: #fbfbfe;
  padding: 0;
  text-align: center;
}
#left_ad {
  position: fixed;
  top:2px;
  left: 2px;
  width: 160px;
  height: 600px;
  border: 1px solid #333;
}
#main_cnt {
  position: relative;
  margin: 0 auto;
  border: 1px solid #33f;
  text-align: left;
}
</style>

How to add AD in left side

Posted: 17 Nov 2014, 14:27
by niceman
OK I'll try to make this type of modification.
Thanks so much for help. My website uses table template, and I do not understand them.
My designer make for me new layout and will be a new version based on HTML5.

How to add AD in left side

Posted: 07 Nov 2016, 12:40
by Root13
Thanks for an explanation and details)