If you're advertising in traffic exchanges, you're going to want an awesome splash page. You've got to realize your page will be viewed for a very short amount of time ... Your goal is to grab the attention of the 'surfer', and you do this with a splash page.

That much you probably already know. It's a matter of getting that sexy page to peak their interest.

Here's some code I generally base my splash pages off, feel free to use it yourself, and tweak for your own needs. In the coming weeks I'll be posting on how to properly use HTML and CSS to spruce up your pages.

I commented (where you see <!-- ... -->) certain parts so you can see what text to add where. Additionally, I commented (/* ... */) some of the CSS so you can change up the colors if you'd like! Colors can be put in like "red", "yellow", "green", etc. (without the quotes), or you can you a hex code (usually I use the campaign adder at ThumbVu to get this code, if you're not upgraded, you can use this)

You can see an example of how the code below looks here. Click "show source" to view the actual HTML.

[html wraplines="false" collapse="true"]
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' >
<head>
<!-- TITLE OF YOUR PAGE -->
<title>
YOUR PAGE TITLE
</title>
<!-- END TITLE -->
<style type='text/css'>
body
{
/* The color you want the page background to be */
background-color: #111111;
font-family: 'Helvetica Neue', Helvetica, arial;
font-weight: bold;
padding: 0px;
margin:0px;
}
#main
{
/* The color you want the box border to be */
border: 4px solid #FFFFFF;
/* The color you want the box background to be */
background-color:#16DE1A;
/* The color you want the box font to be */
color: #111111;
font-size: 28px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
width: 700px;
margin: 15px auto 0px auto;
padding: 10px 20px;
text-align: center;
}
.sub_text
{
font-size: 14px;
font-weight: normal;
width: 450px;
margin: 10px auto 0px auto;
}
h2
{
font-size: 50px;
/* The color you want the page heading font to be */
color: #FFFFFF;
text-shadow:0 2px 0 #111111;
margin: 5px;
text-align: center;
}
input
{
/* The color you want your input boxes to be */
background-color: #FFFFFF;
padding: 5px;
/* The color you want the border of your input boxes to be */
border: 2px solid #111111;
font-weight: bold;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
}
input:hover
{
/* The color you want your input boxes to be when hovered */
background-color: #C9F5C9;
}
input:focus
{
/* The color you want your input boxes to be when clicked */
background-color: #93DB94;
}
input[type=submit]
{
cursor: pointer;
}
a
{
/* The color you want your links to be */
color: #111111;
}
</style>
<meta http-equiv='Content-Type' content='text/html;charset=utf-8' />
</head>
<body>
<div id='main'>
<h2>
<!-- PAGE HEADER -->
PAGE HEADER
<!-- END PAGE HEADER -->
</h2>
<!-- MAIN CONTENT -->
YOUR PAGE CONTENT HERE
<!-- END MAIN CONTENT -->
<div class='sub_text'>
<div style='float:left; width:50%;'>
<!-- FORM DESCRIPTION -->
You can put a subscription form here.
For this example, I'm using my blog's subscription form, feel free to subscribe!
<!-- END FORM DESCRIPTION -->
</div>
<div style='float:right; margin-left: 2%; width:48%;'>
<!-- FORM -->
<form action='http://austinhallock.com/about/subscribe/' method='post'>
<p style='margin-top: 5px;'><input type='text' name='nn' value='Your name' onclick="if (this.defaultValue==this.value) this.value=''" onblur="if (this.value=='') this.value=this.defaultValue"/></p>
<p><input type='text' name='ne' value='Your email' onclick="if (this.defaultValue==this.value) this.value=''" onblur="if (this.value=='') this.value=this.defaultValue"/></p>
<p><input type='submit' value='Subscribe'/></p>
<input type='hidden' name='na' value='s'/>
</form>
<!-- END FORM -->
</div>
<br clear='all'/>
</div>
</div>
</body>
</html>
[/html]

Just copy and paste that html, edit where it says to, and upload to your server.

If you have any questions, feel free to post them below!