- Impact
- 7
Hi,
I want to add a google adsense banner to my page www.unsigned.fm/bands/adair
Its a vertical banner and I want to add is down BOTH sides of the page where its grey.
Can someone help with where to put the code please?
PHP for main page :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>-</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/1.css" type="text/css" media="screen,projection" />
</head>
<body>
<div id="header">
<h1><a href="http://www.unsigned.fm">www.Unsigned.FM Bands</a></h1>
<a href="#content" class="hide">Skip to Content</a>
<ul id="nav">
<li><a href="#intro" class="active" accesskey="i"><em>A</em>bout</a></li>
<li><a href="#about" accesskey="a"><em>L</em>ine-Up</a></li>
<li><a href="#examples" accesskey="e"><em>D</em>ownloads</a></li>
<li><a href="#contact" accesskey="c"><em>C</em>ontact</a></li>
</ul>
<br class="clear" />
</div>
<div id="wrapper">
<div id="sidebar">
<h2>Bands/Artists (A.....)</h2>
<ul class="latest">
<li><a href="http://www.unsigned.fm/bands/7ape">7ape</a></li>
<li><a href="http://www.unsigned.fm/bands/afableforthecurious">A Fable for the Curious</a></li>
<li><a href="http://www.unsigned.fm/bands/asimpledisguise">A Simple Disguise</a></li>
<li><a href="http://www.unsigned.fm/bands/adair">Adair</a></li>
<li><a href="http://www.unsigned.fm/bands/andyhardyandthefreeradicals">Andy Hardie and the Free radicals</a></li>
<li><a href="http://www.unsigned.fm/bands/azzurri">Azzurri</a></li>
</div>
<div id="content">
<div class="desc">
<p>
Adair
<CENTER><a href="">
<img border="0" src="http://www.unsigned.fm/bands/adair/adair.jpg" width="250" height="250">
</center>
</p>
</div>
<h2 id="first"><a href="#" id="intro">About us..</a></h2>
<p>
July 2006 Martin's band broke up. David's relationship fell to pieces. What better way to celebrate than to form a two-piece beat combo? Using their respective emotional outpourings (f**k bands! f**k girls!) they've come up with some beautiful songs and are all over the place with gigs. Martin sings and plays guitar, Dave is king of the bass. Together they're called Adair.
</p>
<div class="info">
</div>
<h2><a href="#" id="about">Band Line-Up</a></h2>
<p>
<b>Vocals/Guitar </b>- Martin Sharman<BR>
<B>Bass/Vocals</b> - David Edwards<BR>
</p>
<p>
</p>
<div class="info">
</div>
<h2><a href="#" id="examples">Our Music</a></h2>
<h3>Visit the Unsigned.FM Store to Donwload our music</h3>
<ul>
<li><a href="http://www.unsigned.fm/store.html">
Click Here to see what songs we have for download</a></li>
</ul>
<div class="info">
</div>
<h2><a href="#" id="contact">Contact Us</a></h2>
<p>
You can contact us at <a href="http://www.myspace.com/adair">our MySpace profile</a> Or at our <a href="http://www.myspace.com/adair">Official Website</a>. We look forward to hearing from you!
</p>
<div class="info">
</div>
</li>
</ol>
</div>
<div id="footer">
<CENTER>
<!-- Please leave this line intact -->
<p><a href="http://www.unsigned.fm">Unsigned.Fm - Bringing the best unsigned North East bands and artists to you</a>.<br />
<!-- you can delete below here -->
©Unsigned.fm 2006</p>
</div>
</body>
</html>
Code for Adsense
<script type="text/javascript"><!--
google_ad_client = "pub-0522748029707714";
google_ad_width = 120;
google_ad_height = 600;
google_ad_format = "120x600_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "FFFFFF";
google_color_bg = "002E3F";
google_color_link = "E895CC";
google_color_text = "FFFFFF";
google_color_url = "E895CC";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
CSS
body {
font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
color:#888;
margin:10px 0 0 0;
background:url(../images/body.jpg) top repeat-y #333;
background-attachment:fixed;
}
* {
margin:0;
padding:0;
}
p a {
color:#73ACFB;
text-decoration:none;
border-bottom:1px solid #f7f7f7;
}
p a:hover {
border-bottom:1px solid #f2f2f2;
}
#header {
width:734px;
margin:0 auto;
background:url(../images/header.jpg) top no-repeat;
padding:11px 0 3px 0 !important;
padding:11px 0 5px 0;
}
#header h1 {
float:right;
font:220% Arial;
letter-spacing:-1px;
width:288px;
text-align:left;
padding:7px 0 0 0;
}
#header h1 a {
color:#888;
text-decoration:none;
}
#heaver #nav {
}
#header #nav li {
list-style:none;
float:left;
padding:16px 0 !important;
padding:15px 0;
}
#header #nav li a {
font:120% Verdana;
color:#ccc;
text-decoration:none;
margin:0 5px 0 0;
padding:16px 8px;
}
#header #nav li a em {
font-style:normal;
text-decoration:underline;
}
#header #nav a:hover {
background:url(../images/a_hover.jpg) bottom repeat-x #333;
}
#header #nav a.active {
background:url(../images/a_active.jpg) top repeat-x #333;
color:#fff;
}
#header #nav a.active:hover {
background:url(../images/a_active.jpg) top repeat-x #333;
color:#eee;
}
#wrapper {
width:734px;
margin:0 auto;
background:url(../images/content.jpg) right repeat-y #fafafa;
}
#sidebar {
width:265px;
float:right;
padding:0 20px 20px 20px;
background:url(../images/sidebar.jpg) top left no-repeat;
}
#sidebar input {
background:#fff;
border:1px solid #eee;
padding:3px;
font:120% Verdana;
color:#555;
width:97%;
}
#sidebar p {
line-height:22px;
margin:10px;
}
#sidebar ul.latest li {
padding:5px 5px 5px 20px;
list-style:none;
font:180% Arial;
border-bottom:1px solid #eee;
background:url(../images/article.gif) left no-repeat;
}
#sidebar ul.latest li a {
color:#99CC00;
text-decoration:none;
}
#sidebar ul.latest li a:hover {
color:#333;
}
#sidebar ul.external li {
padding:5px 5px 5px 20px;
list-style:none;
font:180% Arial;
border-bottom:1px solid #eee;
background:url(../images/external.gif) left no-repeat;
}
#sidebar ul.external li a {
color:#99CC00;
text-decoration:none;
}
#sidebar ul.external li a:hover {
color:#333;
}
#content {
margin:0 305px 0 0;
padding:30px;
background:url(../images/contentbody.jpg) top no-repeat;
}
#content .desc {
margin:-20px -20px 0 -20px;
background:url(../images/desc.gif) bottom left no-repeat #444;
border:1px solid #000;
padding:15px !important;
padding:10px 15px;
font-size:120%;
font-family:Georgia, "Times New Roman", Times, serif;
color:#ccc;
text-align:center;
line-height:25px;
}
#content .desc p:first-line {
font-size:150%;
font-style:italic;
}
#content .desc a {
color:#ccc;
border:none;
text-decoration:underline;
}
#content .desc a:hover {
text-decoration:none;
}
#sidebar h2 {
color:#0E91CF;
font:180% Arial;
margin:15px 0 15px 0;
}
#content h2 {
color:#024160;
font:190% Arial;
margin:20px 0;
}
#content h2 a {
color:#024160;
text-decoration:none;
}
#content h2 a:hover {
border-bottom:1px dotted #ccc;
}
#content p {
font-size:120%;
line-height:25px;
margin:0 0 20px 0;
}
#content .info {
background:url(../images/line.gif) top repeat-x;
padding:5px;
font:90% Verdana;
}
#content .info p {
background:url(../images/info.gif) left no-repeat;
padding:0 0 0 20px;
}
#content .info p a {
float:right;
padding:0 20px 0 0;
background:url(../images/comment_normal.gif) right no-repeat;
color:#777;
text-decoration:none;
border:none;
}
#content .info p a:hover {
background:url(../images/comment.gif) right no-repeat;
text-decoration:underline;
border:none;
}
#content h3 {
font:150% Trebuchet MS;
margin:5px 0;
border-bottom:1px solid #eee;
color:#666;
}
#content blockquote {
padding:0 10px;
border-left:4px solid #eee;
margin:10px 0;
background:#fefefe;
}
#content blockquote p {
margin:0;
font:130% Trebuchet MS;
line-height:26px;
color:#0E91CF;
}
#content ul,ol {
margin:10px 0 10px 25px;
line-height:30px;
}
#content img {
padding:4px;
border:1px solid #eee;
background:#fff;
}
#content p img {
float:left;
margin:10px;
}
#footer {
padding:30px;
border-top:1px solid #eee;
clear:both;
margin:0 4px 0 0 ;
background:#fff;
}
#footer p.validate {
float:right;
text-align:right;
}
ol.comments {
border-top:1px solid #eee;
margin-left:35px;
}
ol.comments li {
border-bottom:1px solid #eee;
padding:0 10px;
font:300% Georgia;
color:#0E91CF;
}
ol.comments li div {
font:30% Trebuchet MS;
color:#888;
padding:10px 0 0 0;
}
ol.comments cite {
font-size:130%;
padding:5px 0;
display:block;
}
ol.comments li.alt {
background:#fff;
}
ol.comments a {
color:#666;
}
ol.comments a:hover {
text-decoration:none;
}
.clear {
clear:both;
}
.hide {
display:none;
}
Many Thanks
I want to add a google adsense banner to my page www.unsigned.fm/bands/adair
Its a vertical banner and I want to add is down BOTH sides of the page where its grey.
Can someone help with where to put the code please?
PHP for main page :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>-</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/1.css" type="text/css" media="screen,projection" />
</head>
<body>
<div id="header">
<h1><a href="http://www.unsigned.fm">www.Unsigned.FM Bands</a></h1>
<a href="#content" class="hide">Skip to Content</a>
<ul id="nav">
<li><a href="#intro" class="active" accesskey="i"><em>A</em>bout</a></li>
<li><a href="#about" accesskey="a"><em>L</em>ine-Up</a></li>
<li><a href="#examples" accesskey="e"><em>D</em>ownloads</a></li>
<li><a href="#contact" accesskey="c"><em>C</em>ontact</a></li>
</ul>
<br class="clear" />
</div>
<div id="wrapper">
<div id="sidebar">
<h2>Bands/Artists (A.....)</h2>
<ul class="latest">
<li><a href="http://www.unsigned.fm/bands/7ape">7ape</a></li>
<li><a href="http://www.unsigned.fm/bands/afableforthecurious">A Fable for the Curious</a></li>
<li><a href="http://www.unsigned.fm/bands/asimpledisguise">A Simple Disguise</a></li>
<li><a href="http://www.unsigned.fm/bands/adair">Adair</a></li>
<li><a href="http://www.unsigned.fm/bands/andyhardyandthefreeradicals">Andy Hardie and the Free radicals</a></li>
<li><a href="http://www.unsigned.fm/bands/azzurri">Azzurri</a></li>
</div>
<div id="content">
<div class="desc">
<p>
Adair
<CENTER><a href="">
<img border="0" src="http://www.unsigned.fm/bands/adair/adair.jpg" width="250" height="250">
</center>
</p>
</div>
<h2 id="first"><a href="#" id="intro">About us..</a></h2>
<p>
July 2006 Martin's band broke up. David's relationship fell to pieces. What better way to celebrate than to form a two-piece beat combo? Using their respective emotional outpourings (f**k bands! f**k girls!) they've come up with some beautiful songs and are all over the place with gigs. Martin sings and plays guitar, Dave is king of the bass. Together they're called Adair.
</p>
<div class="info">
</div>
<h2><a href="#" id="about">Band Line-Up</a></h2>
<p>
<b>Vocals/Guitar </b>- Martin Sharman<BR>
<B>Bass/Vocals</b> - David Edwards<BR>
</p>
<p>
</p>
<div class="info">
</div>
<h2><a href="#" id="examples">Our Music</a></h2>
<h3>Visit the Unsigned.FM Store to Donwload our music</h3>
<ul>
<li><a href="http://www.unsigned.fm/store.html">
Click Here to see what songs we have for download</a></li>
</ul>
<div class="info">
</div>
<h2><a href="#" id="contact">Contact Us</a></h2>
<p>
You can contact us at <a href="http://www.myspace.com/adair">our MySpace profile</a> Or at our <a href="http://www.myspace.com/adair">Official Website</a>. We look forward to hearing from you!
</p>
<div class="info">
</div>
</li>
</ol>
</div>
<div id="footer">
<CENTER>
<!-- Please leave this line intact -->
<p><a href="http://www.unsigned.fm">Unsigned.Fm - Bringing the best unsigned North East bands and artists to you</a>.<br />
<!-- you can delete below here -->
©Unsigned.fm 2006</p>
</div>
</body>
</html>
Code for Adsense
<script type="text/javascript"><!--
google_ad_client = "pub-0522748029707714";
google_ad_width = 120;
google_ad_height = 600;
google_ad_format = "120x600_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "FFFFFF";
google_color_bg = "002E3F";
google_color_link = "E895CC";
google_color_text = "FFFFFF";
google_color_url = "E895CC";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
CSS
body {
font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
color:#888;
margin:10px 0 0 0;
background:url(../images/body.jpg) top repeat-y #333;
background-attachment:fixed;
}
* {
margin:0;
padding:0;
}
p a {
color:#73ACFB;
text-decoration:none;
border-bottom:1px solid #f7f7f7;
}
p a:hover {
border-bottom:1px solid #f2f2f2;
}
#header {
width:734px;
margin:0 auto;
background:url(../images/header.jpg) top no-repeat;
padding:11px 0 3px 0 !important;
padding:11px 0 5px 0;
}
#header h1 {
float:right;
font:220% Arial;
letter-spacing:-1px;
width:288px;
text-align:left;
padding:7px 0 0 0;
}
#header h1 a {
color:#888;
text-decoration:none;
}
#heaver #nav {
}
#header #nav li {
list-style:none;
float:left;
padding:16px 0 !important;
padding:15px 0;
}
#header #nav li a {
font:120% Verdana;
color:#ccc;
text-decoration:none;
margin:0 5px 0 0;
padding:16px 8px;
}
#header #nav li a em {
font-style:normal;
text-decoration:underline;
}
#header #nav a:hover {
background:url(../images/a_hover.jpg) bottom repeat-x #333;
}
#header #nav a.active {
background:url(../images/a_active.jpg) top repeat-x #333;
color:#fff;
}
#header #nav a.active:hover {
background:url(../images/a_active.jpg) top repeat-x #333;
color:#eee;
}
#wrapper {
width:734px;
margin:0 auto;
background:url(../images/content.jpg) right repeat-y #fafafa;
}
#sidebar {
width:265px;
float:right;
padding:0 20px 20px 20px;
background:url(../images/sidebar.jpg) top left no-repeat;
}
#sidebar input {
background:#fff;
border:1px solid #eee;
padding:3px;
font:120% Verdana;
color:#555;
width:97%;
}
#sidebar p {
line-height:22px;
margin:10px;
}
#sidebar ul.latest li {
padding:5px 5px 5px 20px;
list-style:none;
font:180% Arial;
border-bottom:1px solid #eee;
background:url(../images/article.gif) left no-repeat;
}
#sidebar ul.latest li a {
color:#99CC00;
text-decoration:none;
}
#sidebar ul.latest li a:hover {
color:#333;
}
#sidebar ul.external li {
padding:5px 5px 5px 20px;
list-style:none;
font:180% Arial;
border-bottom:1px solid #eee;
background:url(../images/external.gif) left no-repeat;
}
#sidebar ul.external li a {
color:#99CC00;
text-decoration:none;
}
#sidebar ul.external li a:hover {
color:#333;
}
#content {
margin:0 305px 0 0;
padding:30px;
background:url(../images/contentbody.jpg) top no-repeat;
}
#content .desc {
margin:-20px -20px 0 -20px;
background:url(../images/desc.gif) bottom left no-repeat #444;
border:1px solid #000;
padding:15px !important;
padding:10px 15px;
font-size:120%;
font-family:Georgia, "Times New Roman", Times, serif;
color:#ccc;
text-align:center;
line-height:25px;
}
#content .desc p:first-line {
font-size:150%;
font-style:italic;
}
#content .desc a {
color:#ccc;
border:none;
text-decoration:underline;
}
#content .desc a:hover {
text-decoration:none;
}
#sidebar h2 {
color:#0E91CF;
font:180% Arial;
margin:15px 0 15px 0;
}
#content h2 {
color:#024160;
font:190% Arial;
margin:20px 0;
}
#content h2 a {
color:#024160;
text-decoration:none;
}
#content h2 a:hover {
border-bottom:1px dotted #ccc;
}
#content p {
font-size:120%;
line-height:25px;
margin:0 0 20px 0;
}
#content .info {
background:url(../images/line.gif) top repeat-x;
padding:5px;
font:90% Verdana;
}
#content .info p {
background:url(../images/info.gif) left no-repeat;
padding:0 0 0 20px;
}
#content .info p a {
float:right;
padding:0 20px 0 0;
background:url(../images/comment_normal.gif) right no-repeat;
color:#777;
text-decoration:none;
border:none;
}
#content .info p a:hover {
background:url(../images/comment.gif) right no-repeat;
text-decoration:underline;
border:none;
}
#content h3 {
font:150% Trebuchet MS;
margin:5px 0;
border-bottom:1px solid #eee;
color:#666;
}
#content blockquote {
padding:0 10px;
border-left:4px solid #eee;
margin:10px 0;
background:#fefefe;
}
#content blockquote p {
margin:0;
font:130% Trebuchet MS;
line-height:26px;
color:#0E91CF;
}
#content ul,ol {
margin:10px 0 10px 25px;
line-height:30px;
}
#content img {
padding:4px;
border:1px solid #eee;
background:#fff;
}
#content p img {
float:left;
margin:10px;
}
#footer {
padding:30px;
border-top:1px solid #eee;
clear:both;
margin:0 4px 0 0 ;
background:#fff;
}
#footer p.validate {
float:right;
text-align:right;
}
ol.comments {
border-top:1px solid #eee;
margin-left:35px;
}
ol.comments li {
border-bottom:1px solid #eee;
padding:0 10px;
font:300% Georgia;
color:#0E91CF;
}
ol.comments li div {
font:30% Trebuchet MS;
color:#888;
padding:10px 0 0 0;
}
ol.comments cite {
font-size:130%;
padding:5px 0;
display:block;
}
ol.comments li.alt {
background:#fff;
}
ol.comments a {
color:#666;
}
ol.comments a:hover {
text-decoration:none;
}
.clear {
clear:both;
}
.hide {
display:none;
}
Many Thanks




