<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Scam Chronicles</title>
	<atom:link href="http://scamchronicles.com/feed" rel="self" type="application/rss+xml" />
	<link>http://scamchronicles.com</link>
	<description>A premium Consumer magazine</description>
	<lastBuildDate>Sun, 17 Jan 2010 19:34:07 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Try Again With HTML</title>
		<link>http://scamchronicles.com/try-again-with-html</link>
		<comments>http://scamchronicles.com/try-again-with-html#comments</comments>
		<pubDate>Sun, 17 Jan 2010 19:27:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://scamchronicles.com/?p=88</guid>
		<description><![CDATA[




body {
	align:center;
	text-align: center;
}
#outline {
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #999;
	width: 650px;
}
#mainContent {
	color: #000;
	background-color: #fff;
	padding:15px;
	font-family: arial, helvetica, sans serif;
	font-size: 13px;
	line-height: 16px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
.greybox { /* apply this class to a paragraph to give it a grey box around it */
	background-color: #F3F3F3;
	border: 1px solid #E2E2E2;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#squeeze blockquote { /* this [...]]]></description>
			<content:encoded><![CDATA[<p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p>
<p><html xmlns="http://www.w3.org/1999/xhtml"></p>
<p><head></p>
<p><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></p>
<style>
<p>body {</p>
<p>	align:center;</p>
<p>	text-align: center;</p>
<p>}</p>
<p>#outline {</p>
<p>	margin-right: auto;</p>
<p>	margin-left: auto;</p>
<p>	border: 1px solid #999;</p>
<p>	width: 650px;</p>
<p>}</p>
<p>#mainContent {</p>
<p>	color: #000;</p>
<p>	background-color: #fff;</p>
<p>	padding:15px;</p>
<p>	font-family: arial, helvetica, sans serif;</p>
<p>	font-size: 13px;</p>
<p>	line-height: 16px;</p>
<p>	text-align: left;</p>
<p>	margin-right: auto;</p>
<p>	margin-left: auto;</p>
<p>}</p>
<p>.greybox { /* apply this class to a paragraph to give it a grey box around it */</p>
<p>	background-color: #F3F3F3;</p>
<p>	border: 1px solid #E2E2E2;</p>
<p>	width: 80%;</p>
<p>	margin-right: auto;</p>
<p>	margin-left: auto;</p>
<p>	margin-bottom: 20px;</p>
<p>	padding-top: 15px;</p>
<p>	padding-right: 15px;</p>
<p>	padding-bottom: 15px;</p>
<p>	padding-left: 15px;</p>
<p>}</p>
<p>#squeeze blockquote { /* this creates a blockquote with a single quotation mark on the left side and indents the text to fit */</p>
<p>	background-image: url(images/blockquote.gif);</p>
<p>	background-repeat: no-repeat;</p>
<p>	background-position: left 7px;</p>
<p>	border-top:none;</p>
<p>	border-right:none;</p>
<p>	border-left:none;</p>
<p>	border-bottom-width: 1px;</p>
<p>	border-bottom-style: solid;</p>
<p>	border-bottom-color: #CCCCCC;</p>
<p>	padding-top: 5px;</p>
<p>	padding-right: 15px;</p>
<p>	padding-bottom: 15px;</p>
<p>	padding-left: 60px;</p>
<p>	margin-top: 0px;</p>
<p>	margin-bottom: 25px;</p>
<p>	background-color: #FFF;</p>
<p>}</p>
<p>#mainContent .offercoupon { /* the offercoupon is the box with the red dotted line around it */</p>
<p>	padding: 20px;</p>
<p>	background-color: #FEFCD8;</p>
<p>	font-family: Georgia, "Times New Roman", Times, serif;</p>
<p>	font-size: 18px;</p>
<p>	font-weight: bold;</p>
<p>	background-image: url(images/coupon-bg.jpg);</p>
<p>	background-repeat: repeat-x;</p>
<p>	background-position: bottom;</p>
<p>}</p>
<p>.offercouponoutline {</p>
<p>	width: 70%;</p>
<p>	margin-right: auto;</p>
<p>	margin-left: auto;</p>
<p>	text-align: center;</p>
<p>	border: 4px dashed #CC0000;</p>
<p>	padding: 5px;</p>
<p>	margin-top: 30px;</p>
<p>	margin-bottom: 30px;</p>
<p>}</p>
<p>.offercoupon form {</p>
<p>	margin: 0px;</p>
<p>	padding: 0px;</p>
<p>}</p>
<p>#mainContent .offercoupon p {</p>
<p>	line-height: 22px;</p>
<p>}</p>
<p>.shadowbox { /* this styles the box that looks like the lower right corner is turned up */</p>
<p>	background-color: #FFFFFF;</p>
<p>	width: 90%;</p>
<p>	margin-right: auto;</p>
<p>	margin-left: auto;</p>
<p>	margin-top: 20px;</p>
<p>	margin-bottom: 20px;</p>
<p>	text-align: center;</p>
<p>}</p>
<p>.sbcontent { /* shadow box content styles */</p>
<p>	padding: 15px;</p>
<p>	border: 1px solid #E2E2E2;</p>
<p>	background-color: #F3F3F3;</p>
<p>	background-image: url(images/shadowbox-corner.jpg);</p>
<p>	background-repeat: no-repeat;</p>
<p>	background-position: right bottom;</p>
<p>}</p>
<p>.sbshadow { /* div for page curl shadow below box */</p>
<p>	background-image: url(images/shadowbox-shadow.jpg);</p>
<p>	background-repeat: no-repeat;</p>
<p>	background-position: right top;</p>
<p>	height: 28px;</p>
<p>}</p>
<p>ul.greencheck {</p>
<p>	line-height: 18px;</p>
<p>}</p>
<p>.greencheck li {</p>
<p>	list-style:none;</p>
<p>	padding: 0 0 10px 35px;</p>
<p>	background-image: url(images/checkmark-sm.gif);</p>
<p>	background-repeat: no-repeat;</p>
<p>	background-position: left top;</p>
<p>}</p>
<p>ul.redstop {</p>
<p>	line-height: 18px;</p>
<p>}</p>
<p>.redstop li {</p>
<p>	list-style:none;</p>
<p>	padding: 0 0 10px 35px;</p>
<p>	background-image: url(images/stop.gif);</p>
<p>	background-repeat: no-repeat;</p>
<p>	background-position: left top;</p>
<p>}</p>
<p>#mainContent .testimonial { /* styles for the testimonial table */</p>
<p>	width: 90%;</p>
<p>	margin-right: auto;</p>
<p>	margin-left: auto;</p>
<p>	margin-bottom: 20px;</p>
<p>	border: 1px solid #000;</p>
<p>	background-color: #FF6;</p>
<p>}</p>
<p>.testimonial img {</p>
<p>	padding-top: 15px;</p>
<p>}</p>
<p>#mainContent .roundbox { /* this is the opt-in email box with rounded corners */</p>
<p>	background-image: url(images/round-box-fill.gif);</p>
<p>	background-repeat: repeat-y;</p>
<p>	background-position: center;</p>
<p>	width: 475px;</p>
<p>	margin-right: auto;</p>
<p>	margin-left: auto;</p>
<p>	margin-top: 25px;</p>
<p>	margin-bottom: 25px;</p>
<p>	height:auto;</p>
<p>	min-height:300px;</p>
<p>}</p>
<p>#mainContent .roundboxcontent p {</p>
<p>	line-height: 25px;</p>
<p>	margin-bottom: 0px;</p>
<p>}</p>
<p>.roundboxcontent {</p>
<p>	padding-right: 25px;</p>
<p>	padding-left: 25px;</p>
<p>	font-size: 18px;</p>
<p>	font-weight: bold;</p>
<p>	text-align: center;</p>
<p>	font-family: Georgia, "Times New Roman", Times, serif;</p>
<p>}</p>
<p>.roundboxcontent .input {</p>
<p>	width: 300px;</p>
<p>	font-size: 15px;</p>
<p>	font-weight: bold;</p>
<p>	padding: 2px;</p>
<p>	color: #CC0000;</p>
<p>	text-align: center;</p>
<p>	margin-right: auto;</p>
<p>	margin-left: auto;</p>
<p>	border: 1px solid #333333;</p>
<p>	background-color: #FFF;</p>
<p>}</p>
<p>.roundboxcontent .label {</p>
<p>	font-family: Verdana, Arial, Helvetica, sans-serif;</p>
<p>	font-size: 14px;</p>
<p>	text-align: center;</p>
<p>}</p>
<p>#mainContent .button {</p>
<p> background-color: #900;</p>
<p>	font-family: Verdana, Arial, Helvetica, sans-serif;</p>
<p>	font-size: 18px;</p>
<p>	font-weight: bold;</p>
<p>	color: #FFFFFF;</p>
<p>	padding: 4px;</p>
<p>	background-image: url(images/form-btn-bg.png);</p>
<p>	background-repeat: no-repeat;</p>
<p>	background-position: center;</p>
<p>	border: 2px solid #000;</p>
<p>	margin-top: 10px;</p>
<p>	cursor:pointer;</p>
<p>}</p>
<p>#mainContent .button:hover {</p>
<p> background-color: #C00;</p>
<p>}</p>
<p>.roundboxcontent form {</p>
<p>	margin-bottom: 0px;</p>
<p>}</p>
<p>.roundboxbtm {</p>
<p>	background-image: url(images/round-box-btm.gif);</p>
<p>	background-repeat: no-repeat;</p>
<p>	background-position: center bottom;</p>
<p>	height: 22px;</p>
<p>	margin:0px;</p>
<p>	padding:0px;</p>
<p>}</p>
<p>.roundboxtop {</p>
<p>	background-image: url(images/round-box-top.gif);</p>
<p>	background-repeat: no-repeat;</p>
<p>	background-position: center top;</p>
<p>	height: 22px;</p>
<p>}</p>
<p>#squeeze h1, #squeeze h2, #squeeze h3, #squeeze h4 {</p>
<p> font-family: Arial, Helvetica, sans serif;</p>
<p>}</p>
<p>#mainContent .postwrap a, #mainContent .postwrap a:link, #mainContent .postwrap a:visited, #mainContent .postwrap a:active {</p>
<p>	color: #03F;</p>
<p>	text-decoration: underline;</p>
<p>}</p>
<p>#squeeze h1 {</p>
<p>	font-size: 36px;</p>
<p>	line-height: 41px;</p>
<p>	margin-top:0px;</p>
<p>	padding-top:0px;</p>
<p>}</p>
<p>#squeeze h2 {</p>
<p>	font-size: 24px;</p>
<p>	line-height: 29px;</p>
<p>}</p>
<p>#squeeze h3 {</p>
<p>	font-size: 20px;</p>
<p>	line-height: 24px;</p>
<p>}</p>
<p>#squeeze h4 {</p>
<p>	font-size: 16px;</p>
<p>	line-height: 20px;</p>
<p>	font-weight:normal;</p>
<p>}</p>
<p>#squeeze h5 {</p>
<p>}</p>
<p>#squeeze h6 {</p>
<p>}</p>
<p>#squeeze h1 em {</p>
<p>}</p>
<p>#squeeze h2 em {</p>
<p>}</p>
<p>#squeeze h3 em {</p>
<p>}</p>
<p>#squeeze h4 em {</p>
<p>}</p>
<p>#squeeze h5 em {</p>
<p>}</p>
<p>#squeeze h6 em {</p>
<p>}</p>
<p>.yellow { /* this makes your text look like it is highlighted in yellow */</p>
<p>	background-color: #FFFF00;</p>
<p>	font-weight:bold;</p>
<p>}</p>
<p>.red {</p>
<p>	color: #CC0000;</p>
<p>}</p>
<p>.blue {</p>
<p>	color: #0000FF;</p>
<p>}</p>
<p>.green {</p>
<p>	color: #007d0f;</p>
<p>}</p>
<p>.center {</p>
<p>	text-align:center;</p>
<p>}</p>
<p>.lineout { /* crosses out text with a line */</p>
<p>	text-decoration: line-through;</p>
<p>}</p>
<p>.paper1btm {</p>
<p>	background-image: url(images/paper1-btm.jpg);</p>
<p>	background-repeat: no-repeat;</p>
<p>	background-position: center bottom;</p>
<p>	height: 40px;</p>
<p>	margin:0px;</p>
<p>	padding:0px;</p>
<p>}</p>
<p>.paper1top {</p>
<p>	background-image: url(images/paper1-top.jpg);</p>
<p>	background-repeat: no-repeat;</p>
<p>	background-position: center top;</p>
<p>	height: 73px;</p>
<p>}</p>
<p>#mainContent .paper1 { </p>
<p>	background-image: url(images/paper1-fill.jpg);</p>
<p>	background-repeat: repeat-y;</p>
<p>	background-position: center;</p>
<p>	width: 475px;</p>
<p>	margin-right: auto;</p>
<p>	margin-left: auto;</p>
<p>	margin-top: 25px;</p>
<p>	margin-bottom: 25px;</p>
<p>	height:auto;</p>
<p>	min-height:300px;</p>
<p>}</p>
<p>#mainContent .paper1content p {</p>
<p>	line-height: 26px;</p>
<p>}</p>
<p>.paper1content {</p>
<p>	font-size: 18px;</p>
<p>	font-weight: bold;</p>
<p>	text-align: left;</p>
<p>	font-family: "Courier New", Courier, monospace;</p>
<p>	padding-right: 35px;</p>
<p>	padding-left: 35px;</p>
<p>}</p>
<p>.stickywrap {</p>
<p>}</p>
<p>.stickynote {</p>
<p>	background: url(images/stickynote.jpg) no-repeat left top;</p>
<p>	padding: 38px 40px 35px 60px;</p>
<p>	height: 261px;</p>
<p>	width: 260px;</p>
<p>	font: 18px/22px "Courier New", Courier, monospace;</p>
<p>	text-align: center;</p>
<p>	float: left;</p>
<p>}</p>
<p>.paper2btm {</p>
<p>	background-image: url(images/paper2-btm.jpg);</p>
<p>	background-repeat: no-repeat;</p>
<p>	background-position: center bottom;</p>
<p>	height: 60px;</p>
<p>	margin:0px;</p>
<p>	padding:0px;</p>
<p>}</p>
<p>.paper2top {</p>
<p>	background-image: url(images/paper2-top.jpg);</p>
<p>	background-repeat: no-repeat;</p>
<p>	background-position: center top;</p>
<p>	height: 44px;</p>
<p>}</p>
<p>#mainContent .paper2 { </p>
<p>	background-image: url(images/paper2-fill.jpg);</p>
<p>	background-repeat: repeat-y;</p>
<p>	background-position: center;</p>
<p>	width: 475px;</p>
<p>	margin-right: auto;</p>
<p>	margin-left: auto;</p>
<p>	margin-top: 25px;</p>
<p>	margin-bottom: 25px;</p>
<p>	height:auto;</p>
<p>	min-height:300px;</p>
<p>}</p>
<p>#mainContent .paper2content p {</p>
<p>	line-height: 26px;</p>
<p>}</p>
<p>.paper2content {</p>
<p>	font-size: 16px;</p>
<p>	font-weight: bold;</p>
<p>	text-align: left;</p>
<p>	font-family: Georgia, "Times New Roman", Times, serif;</p>
<p>	padding-right: 45px;</p>
<p>	padding-left: 45px;</p>
<p>}</p>
<p>.paper3btm {</p>
<p>	background-image: url(images/paper3-btm.jpg);</p>
<p>	background-repeat: no-repeat;</p>
<p>	background-position: center bottom;</p>
<p>	height: 106px;</p>
<p>	margin:0px;</p>
<p>	padding:0px 45px 25px;</p>
<p>}</p>
<p>.paper3top {</p>
<p>	background-image: url(images/paper3-top.jpg);</p>
<p>	background-repeat: no-repeat;</p>
<p>	background-position: center top;</p>
<p>	height: 106px;</p>
<p>	padding-right: 45px;</p>
<p>	padding-left: 45px;</p>
<p>	padding-top: 25px;</p>
<p>}</p>
<p>#mainContent .paper3 { /* this is the opt-in email box with rounded corners */</p>
<p>	background-image: url(images/paper3-fill.jpg);</p>
<p>	background-repeat: repeat-y;</p>
<p>	background-position: center;</p>
<p>	width: 475px;</p>
<p>	margin-right: auto;</p>
<p>	margin-left: auto;</p>
<p>	margin-top: 25px;</p>
<p>	margin-bottom: 25px;</p>
<p>	height:auto;</p>
<p>	min-height:300px;</p>
<p>}</p>
<p>#mainContent .paper3content p {</p>
<p>	line-height: 26px;</p>
<p>}</p>
<p>.paper3content {</p>
<p>	text-align: left;</p>
<p>	padding-right: 45px;</p>
<p>	padding-left: 45px;</p>
<p>}</p>
</style>
<p></head></p>
<p><body id="squeeze"></p>
<div id="outline">
<div id="mainContent">
<p><!-- Begin here to paste into your WordPress page --></p>
<h1 class="center">FlexSqueeze &#8211; WordPress squeeze pages <span class="yellow">MADE EASY!</span></h1>
<h2 class="center">All the code you need to make a professional sales page in your WordPress blog!</h2>
<p class="center">The content on this page gives you examples of how to style your sales page to <strong>SELL MORE ONLINE!</strong></p>
<h3 class="center">Two easy ways to edit this content for your own sales page  </h3>
<p><!-- Start greecheck unordered list --></p>
<ul class="greencheck">
<li>You can either edit this file, which is called <strong>sample-squeeze-content.html</strong> in the theme files, in any HTML editor. When you have your page complete, simply copy the HTML code from where it says &quot;Begin here to paste into your WordPress page&quot; to then end of the file where it says &quot;End here to paste into your WordPress page&quot;. <strong>Make sure you turn off your visual editor before pasting the code!</strong> This can be done in your user profile page. </li>
<li>Another easy way to edit this content is to copy the contents of the file called <strong>sample-squeeze-content.txt</strong> into your WordPress page. Again, turn off your visual editor. You can then edit your page in WordPress. The content in that file is identical to this one, but you don&#8217;t have all the extra HTML code to work around.</li>
</ul>
<h2 class="center">Look at the HTML code &#8211; it&#8217;s easy!</h2>
<p>I commented each content section in the HTML code. You can simply copy and paste any section into your sales page. Just look for the commented start and end of each section. </p>
<p> <strong>The HTML comments look like this:</strong> &lt;&#8211; Comment goes here &#8211;&gt;</p>
<p><!-- End greencheck unordered list --></p>
<p>The following are the sample content items that you can use in your own page. I&#8217;ve styled these to give you a fast start in creating your own page and present some ideas for content presentation. Again, take a look at the HTML code to see the difference between the lines below. In the first three, the class is applied to the H3 tag. The last three have a span tag within the H3 tags to apply the color to only a portion of the text.</p>
<h3 class="red">This is red text using the H3 tag</h3>
<h3 class="blue">This is blue text using the H3 tag</h3>
<h3 class="green">This is green text using the H3 tag</h3>
<h3><span class="red">This is red text</span> within an H3 tag</h3>
<h3><span class="blue">This is blue text</span> within an H3 tag</h3>
<h3><span class="green">This is green text</span> within an H3 tag</h3>
<p><!-- Start of greybox --></p>
<div class="greybox">
<h4><strong>This box is a div container with the class of &quot;greybox&quot;</strong></h4>
<p>    You can create a box like this anywhere on your page. Simply apply the class of &quot;greybox&quot; to any tag like a heading (H1, H2, etc) a paragraph or even a div tag. To use the <span class="yellow">yellow highlight text</span>, simply wrap the text with code that looks like this: </p>
<p>    &lt;span class=&quot;yellow&quot;&gt;Text goes here&lt;/span&gt;<span class="yellow"></span></p>
<p>    To prevent your box from being multiple smaller boxes when you hit &#8216;enter&#8217;, use a HTML line break, which looks like this:  &lt;br/&gt;</p>
<p>    It takes two line breaks to make a space between paragraphs like the one above this paragraph.</p></div>
<p><!-- End of grey box -->  </p>
<h2>Here are some styled testimonials</h2>
<p><!-- Start blockquote testimonial --> </p>
<blockquote><p> To make a testimonial section like this, simply add the blockquote tag. It will automatically add the quotation mark and the bottom border. The code looks like this:</p>
<p>    &lt;blockquote&gt;This is your content&lt;/blockquote&gt;</p>
<p>    <em>Johnny Doe</em></p>
<p>    <a href="#">JohnnysDomain.com</a> </p></blockquote>
<p><!-- End blockquote testimonial -->  </p>
<p><!-- Start blockquote testimonial --> </p>
<blockquote><p> You can use all the normal styles like <span class="yellow">yellow highlighting</span>, <em>italics</em>, <strong>bold</strong> and even <em><strong>bold italic</strong></em> within the blockquote style.</p>
<p>    Again, I&#8217;m using line breaks instead of &#8216;enter&#8217; when spacing these paragraphs. If you use an actual paragraph tag  like this: &lt;p&gt; you will end up with too much space around your text.</p>
<p>    <em>Johnny Doe</em></p>
<p>    <a href="#">JohnnysDomain.com</a></p></blockquote>
<p><!-- End blockquote testimonial -->   </p>
<h3>Here are some list styles</h3>
<p><strong>This list is made by applying the &quot;greencheck&quot; class to the UL (unordered list) tag</strong></p>
<p><!-- Start greencheck unordered list -->  </p>
<ul class="greencheck">
<li><strong>This is the bold text to emphasize this list item!</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item!</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
</ul>
<p><!-- End greencheck unordered list --> </p>
<p><strong>This list is made by applying the &quot;redstop&quot; class to the UL tag</strong></p>
<p><!-- Start redstop unordered list -->  </p>
<ul class="redstop">
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
</ul>
<p><!-- End redstop unordered list -->  </p>
<h2 class="center">Make sure you check out the included graphics files! <span class="yellow">Over 240 images Absolutely FREE!</span></h2>
<p>The FlexSqueeze theme includes a variety of icons, bursts, buttons and other elements that work great on sales pages. You can insert them anywhere you want and they really jazz up your page.</p>
<h1 class="center">Tips for inserting images into your squeeze page</h1>
<h3 class="center">It&#8217;s important, that&#8217;s why the font is so big! </h3>
<p>Manually inserting images into your blog pages can be a little tricky. The trick to successfully inserting images is to use an absolute path to your image. This simply means to use the<strong> WHOLE link to the image </strong>and not a relative path.</p>
<p>If you want to place an image on your page, the easiest way is to <strong>upload the image to your server first using the built-in image uploader on the theme options page.</strong> This will copy your images directly into your images folder. If you upload images using the upload function built into the WordPress page editor, it will upload your image into the uploads directory, not the images directory. And if you have month and year based file upload enabled, retrieving your image can be a nightmare.</p>
<p>Once you&#8217;ve uploaded your image to your theme&#8217;s images directory, you can link to the image using the full path to the image. For example, say you upload an image called &#8216;button.png&#8217; to your theme&#8217;s images folder. You can now link to the image like this (assuming you installed WordPress into the root of your domain):</p>
<p>    <strong></p>
<p>    http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/button.png</strong> </p>
<p>    <em>(Change the yourdomain.com to your actual domain name!)</em></p>
<p>If you installed WordPress into a folder called /blog, your link would like like this:</p>
<p><strong>    http://www.yourdomain.com/<span class="yellow">blog</span>/wp-content/themes/flexsqueeze/images/button.png</strong></p>
<p>    <em>(Again, change the yourdomain.com to your actual domain name!)</em>  </p>
<p>All the buttons and arrows included on this page are RELATIVE links, because I don&#8217;t know what you domain name is, and you&#8217;ll be editing the file first anyway. So you will need to change the links to any buttons and graphics to ABSOLUTE links. I commented in the HTML source code when there is a graphic on this page that needs the link to be updated.</p>
<p>All of the buttons an images used on this page are included in the images folder of the theme, so if you upload the entire theme, you will already have these images available to use.</p>
<p>Any images that are used in the CSS code will link just fine. This includes list bullets and much of the form graphics (except buttons). It&#8217;s only the images that are placed within the HTML code that will need to be updated with your specific domain and link path.</p>
<h3>Here are some pre-styled forms you can use. </h3>
<p>You&#8217;ll need give your form an action to process the click, but it&#8217;s really quite easy to do. The form below has a hover button that you can set the color and hover color in your options page. The other form buttons are graphics that are included with the theme.</p>
<p><!-- Start coupon box form with CSS hover button -->  </p>
<div class="offercouponoutline">
<div class="offercoupon">
<form action="" method="post" name="form1" id="form1">
<input type="checkbox" name="checkbox" id="checkbox" />
<p>          <span class="red">YES!</span> I want to make easy squeeze pages in WordPress!</p>
<p>You made the right choice! Now you&#8217;re on your way to converting MORE visitors, building a BIGGER email list and making MORE MONEY on the internet!</p>
<input name="button" type="submit" class="button" id="button" value="Download Now!" /></form>
</p></div>
</div>
<p><!-- End coupon box form -->  </p>
<p><!-- Start coupon box form with graphic button -->  </p>
<div class="offercouponoutline">
<form action="" method="post" name="form1" id="form3">
<h3>
<input type="checkbox" name="checkbox2" id="checkbox2" />
<p>        <span class="red">YES!</span> I want to make easy squeeze pages in WordPress!</h3>
<p><strong>You made the right choice! Now you&#8217;re on your way to converting MORE visitors, building a BIGGER email list and making MORE MONEY on the internet!</strong></p>
<p>        <!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/btn-blue-signup.png) --></p>
<input type="image" src="http://www.scamchronicles.com/wp-content/themes/branfordmagazine-4/images/btn-blue-signup.png" alt="Sign Up"></form>
</p></div>
<p><!-- End coupon box form -->  </p>
<p>  <br/><br/></p>
<h2 class="center">Here are MORE testimonial boxes!</h2>
<p class="center">You can set the background color of these testimonial boxes in your theme options page. There is also room on the left side for photos of your testimonial providers. A 100 pixel wide image would fit well, but the box will expand to fit larger images.</p>
<p><!-- Start yellow testimonial box --> </p>
<table width="90%" border="0" cellpadding="8" cellspacing="0" class="testimonial">
<tr>
<td width="25%" valign="top" align="center">Insert picture here</td>
<td width="75%" valign="top">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia, velit   condimentum dapibus laoreet, felis lorem interdum ligula, sed venenatis turpis   lectus tristique mi. </p>
<p>Quisque venenatis dignissim metus. Duis quis orci. Integer   eget nibh ut dui lobortis rutrum. Aliquam gravida lectus non turpis suscipit   malesuada. </p>
<p><em>Johnny Doe</em></p>
<p>        <a href="#">www.johnnysdomain.com</a></p>
</td>
</tr>
</table>
<p><!-- End yellow testimonial box -->  </p>
<p><!-- Start yellow testimonial box --> </p>
<table width="90%" border="0" cellpadding="8" cellspacing="0" class="testimonial">
<tr>
<td width="25%" valign="top" align="center">Insert picture here</td>
<td width="75%" valign="top">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia, velit   condimentum dapibus laoreet, felis lorem interdum ligula, sed venenatis turpis   lectus tristique mi. </p>
<p>Quisque venenatis dignissim metus. Duis quis orci. Integer   eget nibh ut dui lobortis rutrum. Aliquam gravida lectus non turpis suscipit   malesuada. </p>
<p><em>Johnny Doe</em></p>
<p>        <a href="#">www.johnnysdomain.com</a></p>
</td>
</tr>
</table>
<p><!-- End yellow testimonial box -->  </p>
<h2 class="center">A sales page isn&#8217;t complete without a teaser!</h2>
<p class="center">To put a line through text, simply apply the &quot;lineout&quot; class to a span element surrounding your text. The code looks like this: &lt;span class=&quot;lineout&quot;&gt;139&lt;/span&gt;</p>
<p><!-- Start shadow box  -->  </p>
<div class="shadowbox">
<div class="sbcontent">
<h2>Act NOW! <span class="red">Only <span class="lineout">139</span> <span class="lineout">27</span><span class="black"> 6 left!</span></span></h2>
<p>Are we telling the truth? <strong>You&#8217;ll never know!</strong> But that&#8217;s not the point!</p>
<p>Our <strong>FlexSqueeze WordPress theme</strong> gives you all these cool boxes and styles already coded for you! All you need to do is insert your content, throw a few pictures in, put in your affiliate links and fire up the AdWords campaign! Then just sit back and </p>
<p>        <span class="yellow-highlight">WATCH THE MONEY ROLL IN!</span></p>
</p></div>
<div class="sbshadow"></div>
</p></div>
<p><!-- End shadow box -->  </p>
<p><br/><br/></p>
<p><!-- Start ebook form -->  </p>
<div class="roundbox">
<div class="roundboxtop"></div>
<div class="roundboxcontent">
<p>Enter your name and email address to download our 1/2 page eBook </p>
<p>        <span class="red">&quot;Ultimate Guide to Everything&quot;</span></p>
<form action="" method="post" name="form2" id="form2">
<table width="425" border="0" cellspacing="0" cellpadding="2">
<tr>
<td class="label">Your Name:</td>
</tr>
<tr>
<td class="label">
<input name="name" type="text" class="input" id="name"/></td>
</tr>
<tr>
<td class="label">Your Email:</td>
</tr>
<tr>
<td class="label">
<input name="email" type="text" class="input" id="email" /></td>
</tr>
<tr>
<td>
<div align="center">
<input name="button" type="submit" class="button" id="button" value="Download Now!" /></div>
</td>
</tr>
</table></form>
<p>This is just a sample form. Doesn&#8217;t really get you an eBook. </p>
</p></div>
<div class="roundboxbtm"></div>
</div>
<p><!-- End ebook form -->  </p>
<p><!-- Start form with arrows -->  </p>
<div class="roundbox">
<div class="roundboxtop"></div>
<div class="roundboxcontent">
<p> This is another form example showing how arrows can enhance form visibility</p>
<form action="" method="post" name="form2" id="form4">
<table width="425" border="0" cellspacing="0" cellpadding="2">
<tr>
<td class="label">Your Name:</td>
<td rowspan="4" class="label"><img src="http://www.scamchronicles.com/wp-content/themes/branfordmagazine-4/images/arrow-rt-orange.png" width="91" height="106" align="right" /></td>
</tr>
<tr>
<td class="label">
<input name="name2" type="text" class="input" id="name2"/></td>
</tr>
<tr>
<td class="label">Your Email:</td>
</tr>
<tr>
<td class="label">
<input name="email2" type="text" class="input" id="email2" /></td>
</tr>
<tr>
<td colspan="2">
<div align="center">
<p>            <!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/btn-blue-signup.png) --></p>
<input type="image" src="http://www.scamchronicles.com/wp-content/themes/branfordmagazine-4/images/btn-blue-signup.png" alt="Sign Up" style="margin-top:20px;"></div>
</td>
</tr>
</table></form>
</p></div>
<div class="roundboxbtm"></div>
</div>
<p><!-- End form with arrows -->  </p>
<p class="center">This form is an example of how you can use a custom form header on your page. The source graphic file is included with the theme, so if you have Adobe Fireworks or Adobe Photoshop, you can easily edit the header graphic and text. All you need to do to get the image into your form is replace the image name in the &quot;roundboxtop&quot; div with the name of your image. <strong>Make sure you upload your image into your theme using the image upload tool on the theme options page.</strong></p>
<p class="center">The grey rounded corner form background is also included in the source graphic file, so you can easily make the box blue, red, yellow or whatever color trips your trigger.</p>
<p><!-- Start form with custom header image -->  </p>
<div class="roundbox">
<p>  <!-- To insert your custom header, copy your image to your theme's image directory and change the image name in the line below. --></p>
<div class="roundboxtop" style="height:129px;background:url(images/offer-header-1.jpg) left top no-repeat;"></div>
<div class="roundboxcontent">
<p> Easily include a custom form header like the one shown. Use the included PNG or PSD file and create your own!<span class="red"></span> </p>
<form action="" method="post" name="form2" id="form5">
<table width="425" border="0" cellspacing="0" cellpadding="2">
<tr>
<td class="label">Your Name:</td>
</tr>
<tr>
<td class="label">
<input name="name3" type="text" class="input" id="name3"/></td>
</tr>
<tr>
<td class="label">Your Email:</td>
</tr>
<tr>
<td class="label">
<input name="email3" type="text" class="input" id="email3" /></td>
</tr>
<tr>
<td>
<div align="center">
<p>            <!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/offer-1.png) --></p>
<input type="image" src="images/button_r11_c21.png" alt="Sign Up"  width="306" height="204"  style="margin-top:20px;"></div>
</td>
</tr>
</table></form>
</p></div>
<div class="roundboxbtm"></div>
</div>
<p><!-- End form with custom header image -->  </p>
<p class="center">The paper graphic below is actually made up of three boxes. You have the top graphic above the Dear Joe, a vertically repeating background behind the text, and a bottom graphic to complete the box.</p>
<p><!-- Start torn out paper section --> </p>
<div class="paper1">
<div class="paper1top"></div>
<div class="paper1content">
<p> Dear Joe,</p>
<p>I just wanted to write to thank you for this great product!</p>
<p>My online business has prospered like I never though possible. Your excellent tutorials have given me all the tools I need to become a success, and for that I thank you!</p>
<p>Sincerely,</p>
<p>Jane Smith</p>
<p>        Palo Alto, CA</p>
</p></div>
<div class="paper1btm"></div>
</div>
<p><!-- End torn out paper section --></p>
<p><!-- Begin sticky note section --></p>
<p class="center">The sticky note element below allows you to put anything inside the sticky note and also text to the right side. It&#8217;s a good way to draw attention to a special offer. The sticky note graphic is included in the source graphic file so you can easily make it blue, red, purple, etc.</p>
<div class="stickywrap">
<div class="stickynote">
<h2><strong>Special Offer:</strong></h2>
<p>If you order in the next 15 minutes, I will include this obscenely great extra value that <strong>WILL NOT be offered again!</strong></p>
</p></div>
<h3>&nbsp;</h3>
<h3>Here&#8217;s another offer you cannot miss! </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia, velit   condimentum dapibus laoreet, felis lorem interdum ligula, sed venenatis turpis   lectus tristique mi. </p>
<p>Quisque venenatis dignissim metus. Duis quis orci. Integer   eget nibh ut dui lobortis rutrum. Aliquam gravida lectus non turpis suscipit   malesuada.  </p>
<div style="clear:left;"></div>
<p><!-- Make sure to include this clearing div so the wrap contains the entire sticky note --></div>
<p><!-- End sticky note section --></p>
<p>  <br/><br/><br/></p>
<p class="center">The graphic below is put together the same as the other paper graphic, with three different graphics. This graphic is also included in the source graphic file, so you can make it whatever color you want.</p>
<p><!-- Start tan burnt edge paper section -->  </p>
<div class="paper2">
<div class="paper2top"></div>
<div class="paper2content">
<p> Dear Joe,</p>
<p>I just wanted to write to thank you for this great product!</p>
<p>My online business has prospered like I never though possible. Your excellent tutorials have given me all the tools I need to become a success, and for that I thank you!</p>
<p>Sincerely,</p>
<p>Jane Smith</p>
<p>        Palo Alto, CA </p>
<p>Here&#8217;s an example how our buttons can be used on any background because they are PNG images with alpha transparency:</p>
<p class="center"><img src="http://www.scamchronicles.com/wp-content/themes/branfordmagazine-4/images/button_r11_c21.png" width="306" height="204" /></p>
</p></div>
<div class="paper2btm"></div>
</div>
<p>    <!-- End tan burnt edge paper section --> </p>
<p>    <br/><br/></p>
<p><!-- Begin rolled white paper section --> </p>
<div class="paper3">
<div class="paper3top">
<h3 class="center">Here&#8217;s another cool element you can use to get some attention to your important points!</h3>
</p></div>
<div class="paper3content">
<p> <strong>Here are the important points:</strong></p>
<ul class="greencheck">
<li><strong>Important point #1</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li>
<li><strong>Important point #2</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li>
<li><strong>Important point #3</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li>
<li><strong>Important point #4</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li>
<li><strong>Important point #5</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit.    </li>
</ul>
<p class="center"><img src="http://www.scamchronicles.com/wp-content/themes/branfordmagazine-4/images/button_r11_c21.png" alt="" width="306" height="204" /></p>
</p></div>
<h1 class="center"><span class="red">Bonus offer!</span></h1>
<div class="paper3btm">
<p class="center"><strong>Buy in the next 15 minutes and we&#8217;ll give you something really cool at NO EXTRA COST!</strong></p>
</p></div>
</div>
<p><!-- End rolled white paper section --> </p>
<p class="center"><strong>And in closing&#8230; an action button to get people to <span class="yellow">BUY YOUR PRODUCT!</span></strong></p>
<p align="center">
<p>  <!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/offer-2.png) --></p>
<p>  <img src="http://www.scamchronicles.com/wp-content/themes/branfordmagazine-4/images/button_r1_c1.png" width="365" height="110" /></p>
<p>  <br/><br/></p>
<p><!-- Start closing signature --></p>
<p>  Best Regards,</p>
<p>  <!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/signature.gif) --></p>
<p>  <img src="http://www.scamchronicles.com/wp-content/themes/branfordmagazine-4/images/lance.png" width="200" height="75" /></p>
<p>  <strong>Your Name</strong></p>
<p>  Your Company</p>
<p><strong>P.S.</strong> The font for this signature is included in the fonts folder of the theme zip. Simply install the font, which is called Honey Script, and you can then create a signature just like mine in your favorite graphics editor! There are hundreds of free script fonts available on the internet, so if you don&#8217;t like this one, you can easily find one that suits your needs.</p>
<p><!-- End closing signature--></p>
<p><!-- End here to paste into your WordPress page --></p>
</div>
</div>
<p></body></p>
<p></html></p>
]]></content:encoded>
			<wfw:commentRss>http://scamchronicles.com/try-again-with-html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex Content as HTML</title>
		<link>http://scamchronicles.com/flex-content-as-html</link>
		<comments>http://scamchronicles.com/flex-content-as-html#comments</comments>
		<pubDate>Sun, 17 Jan 2010 17:31:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://scamchronicles.com/?p=68</guid>
		<description><![CDATA[Sample Squeeze Page Content




FlexSqueeze &#8211; WordPress squeeze pages MADE EASY!
All the code you need to make a professional sales page in your WordPress blog!
The content on this page gives you examples of how to style your sales page to SELL MORE ONLINE!
Two easy ways to edit this content for your own sales page


You can either [...]]]></description>
			<content:encoded><![CDATA[<p>Sample Squeeze Page Content</p>
<p><!--</p>
<p>body {</p>
<p>align:center;</p>
<p>text-align: center;</p>
<p>}</p>
<p>#outline {</p>
<p>margin-right: auto;</p>
<p>margin-left: auto;</p>
<p>border: 1px solid #999;</p>
<p>width: 650px;</p>
<p>}</p>
<p>#mainContent {</p>
<p>color: #000;</p>
<p>background-color: #fff;</p>
<p>padding:15px;</p>
<p>font-family: arial, helvetica, sans serif;</p>
<p>font-size: 13px;</p>
<p>line-height: 16px;</p>
<p>text-align: left;</p>
<p>margin-right: auto;</p>
<p>margin-left: auto;</p>
<p>}</p>
<p>.greybox { /* apply this class to a paragraph to give it a grey box around it */</p>
<p>background-color: #F3F3F3;</p>
<p>border: 1px solid #E2E2E2;</p>
<p>width: 80%;</p>
<p>margin-right: auto;</p>
<p>margin-left: auto;</p>
<p>margin-bottom: 20px;</p>
<p>padding-top: 15px;</p>
<p>padding-right: 15px;</p>
<p>padding-bottom: 15px;</p>
<p>padding-left: 15px;</p>
<p>}</p>
<p>#squeeze blockquote { /* this creates a blockquote with a single quotation mark on the left side and indents the text to fit */</p>
<p>background-image: url(images/blockquote.gif);</p>
<p>background-repeat: no-repeat;</p>
<p>background-position: left 7px;</p>
<p>border-top:none;</p>
<p>border-right:none;</p>
<p>border-left:none;</p>
<p>border-bottom-width: 1px;</p>
<p>border-bottom-style: solid;</p>
<p>border-bottom-color: #CCCCCC;</p>
<p>padding-top: 5px;</p>
<p>padding-right: 15px;</p>
<p>padding-bottom: 15px;</p>
<p>padding-left: 60px;</p>
<p>margin-top: 0px;</p>
<p>margin-bottom: 25px;</p>
<p>background-color: #FFF;</p>
<p>}</p>
<p>#mainContent .offercoupon { /* the offercoupon is the box with the red dotted line around it */</p>
<p>padding: 20px;</p>
<p>background-color: #FEFCD8;</p>
<p>font-family: arial, helvetica, sans serif;</p>
<p>font-size: 18px;</p>
<p>font-weight: bold;</p>
<p>background-image: url(images/coupon-bg.jpg);</p>
<p>background-repeat: repeat-x;</p>
<p>background-position: bottom;</p>
<p>}</p>
<p>.offercouponoutline {</p>
<p>width: 70%;</p>
<p>margin-right: auto;</p>
<p>margin-left: auto;</p>
<p>text-align: center;</p>
<p>border: 4px dashed #CC0000;</p>
<p>padding: 5px;</p>
<p>margin-top: 30px;</p>
<p>margin-bottom: 30px;</p>
<p>}</p>
<p>.offercoupon form {</p>
<p>margin: 0px;</p>
<p>padding: 0px;</p>
<p>}</p>
<p>#mainContent .offercoupon p {</p>
<p>line-height: 22px;</p>
<p>}</p>
<p>.shadowbox { /* this styles the box that looks like the lower right corner is turned up */</p>
<p>background-color: #FFFFFF;</p>
<p>width: 90%;</p>
<p>margin-right: auto;</p>
<p>margin-left: auto;</p>
<p>margin-top: 20px;</p>
<p>margin-bottom: 20px;</p>
<p>text-align: center;</p>
<p>}</p>
<p>.sbcontent { /* shadow box content styles */</p>
<p>padding: 15px;</p>
<p>border: 1px solid #E2E2E2;</p>
<p>background-color: #F3F3F3;</p>
<p>background-image: url(images/shadowbox-corner.jpg);</p>
<p>background-repeat: no-repeat;</p>
<p>background-position: right bottom;</p>
<p>}</p>
<p>.sbshadow { /* div for page curl shadow below box */</p>
<p>background-image: url(images/shadowbox-shadow.jpg);</p>
<p>background-repeat: no-repeat;</p>
<p>background-position: right top;</p>
<p>height: 28px;</p>
<p>}</p>
<p>ul.greencheck {</p>
<p>line-height: 18px;</p>
<p>}</p>
<p>.greencheck li {</p>
<p>list-style:none;</p>
<p>padding: 0 0 10px 35px;</p>
<p>background-image: url(images/checkmark-sm.gif);</p>
<p>background-repeat: no-repeat;</p>
<p>background-position: left top;</p>
<p>}</p>
<p>ul.redstop {</p>
<p>line-height: 18px;</p>
<p>}</p>
<p>.redstop li {</p>
<p>list-style:none;</p>
<p>padding: 0 0 10px 35px;</p>
<p>background-image: url(images/stop.gif);</p>
<p>background-repeat: no-repeat;</p>
<p>background-position: left top;</p>
<p>}</p>
<p>#mainContent .testimonial { /* styles for the testimonial table */</p>
<p>width: 90%;</p>
<p>margin-right: auto;</p>
<p>margin-left: auto;</p>
<p>margin-bottom: 20px;</p>
<p>border: 1px solid #000;</p>
<p>background-color: #FF6;</p>
<p>}</p>
<p>.testimonial img {</p>
<p>padding-top: 15px;</p>
<p>}</p>
<p>#mainContent .roundbox { /* this is the opt-in email box with rounded corners */</p>
<p>background-image: url(images/round-box-fill.gif);</p>
<p>background-repeat: repeat-y;</p>
<p>background-position: center;</p>
<p>width: 475px;</p>
<p>margin-right: auto;</p>
<p>margin-left: auto;</p>
<p>margin-top: 25px;</p>
<p>margin-bottom: 25px;</p>
<p>height:auto;</p>
<p>min-height:300px;</p>
<p>}</p>
<p>#mainContent .roundboxcontent p {</p>
<p>line-height: 25px;</p>
<p>margin-bottom: 0px;</p>
<p>}</p>
<p>.roundboxcontent {</p>
<p>padding-right: 25px;</p>
<p>padding-left: 25px;</p>
<p>font-size: 18px;</p>
<p>font-weight: bold;</p>
<p>text-align: center;</p>
<p>font-family: Georgia, "Times New Roman", Times, serif;</p>
<p>}</p>
<p>.roundboxcontent .input {</p>
<p>width: 300px;</p>
<p>font-size: 15px;</p>
<p>font-weight: bold;</p>
<p>padding: 2px;</p>
<p>color: #CC0000;</p>
<p>text-align: center;</p>
<p>margin-right: auto;</p>
<p>margin-left: auto;</p>
<p>border: 1px solid #333333;</p>
<p>background-color: #FFF;</p>
<p>}</p>
<p>.roundboxcontent .label {</p>
<p>font-family: Verdana, Arial, Helvetica, sans-serif;</p>
<p>font-size: 14px;</p>
<p>text-align: center;</p>
<p>}</p>
<p>#mainContent .button {</p>
<p>background-color: #900;</p>
<p>font-family: Verdana, Arial, Helvetica, sans-serif;</p>
<p>font-size: 18px;</p>
<p>font-weight: bold;</p>
<p>color: #FFFFFF;</p>
<p>padding: 4px;</p>
<p>background-image: url(images/form-btn-bg.png);</p>
<p>background-repeat: no-repeat;</p>
<p>background-position: center;</p>
<p>border: 2px solid #000;</p>
<p>margin-top: 10px;</p>
<p>cursor:pointer;</p>
<p>}</p>
<p>#mainContent .button:hover {</p>
<p>background-color: #C00;</p>
<p>}</p>
<p>.roundboxcontent form {</p>
<p>margin-bottom: 0px;</p>
<p>}</p>
<p>.roundboxbtm {</p>
<p>background-image: url(images/round-box-btm.gif);</p>
<p>background-repeat: no-repeat;</p>
<p>background-position: center bottom;</p>
<p>height: 22px;</p>
<p>margin:0px;</p>
<p>padding:0px;</p>
<p>}</p>
<p>.roundboxtop {</p>
<p>background-image: url(images/round-box-top.gif);</p>
<p>background-repeat: no-repeat;</p>
<p>background-position: center top;</p>
<p>height: 22px;</p>
<p>}</p>
<p>#squeeze h1, #squeeze h2, #squeeze h3, #squeeze h4 {</p>
<p>font-family: Arial, Helvetica, sans serif;</p>
<p>}</p>
<p>#mainContent .postwrap a, #mainContent .postwrap a:link, #mainContent .postwrap a:visited, #mainContent .postwrap a:active {</p>
<p>color: #03F;</p>
<p>text-decoration: underline;</p>
<p>}</p>
<p>#squeeze h1 {</p>
<p>font-size: 36px;</p>
<p>line-height: 41px;</p>
<p>margin-top:0px;</p>
<p>padding-top:0px;</p>
<p>}</p>
<p>#squeeze h2 {</p>
<p>font-size: 24px;</p>
<p>line-height: 29px;</p>
<p>}</p>
<p>#squeeze h3 {</p>
<p>font-size: 20px;</p>
<p>line-height: 24px;</p>
<p>}</p>
<p>#squeeze h4 {</p>
<p>font-size: 16px;</p>
<p>line-height: 20px;</p>
<p>font-weight:normal;</p>
<p>}</p>
<p>#squeeze h5 {</p>
<p>}</p>
<p>#squeeze h6 {</p>
<p>}</p>
<p>#squeeze h1 em {</p>
<p>}</p>
<p>#squeeze h2 em {</p>
<p>}</p>
<p>#squeeze h3 em {</p>
<p>}</p>
<p>#squeeze h4 em {</p>
<p>}</p>
<p>#squeeze h5 em {</p>
<p>}</p>
<p>#squeeze h6 em {</p>
<p>}</p>
<p>.yellow { /* this makes your text look like it is highlighted in yellow */</p>
<p>background-color: #FFFF00;</p>
<p>font-weight:bold;</p>
<p>}</p>
<p>.red {</p>
<p>color: #CC0000;</p>
<p>}</p>
<p>.blue {</p>
<p>color: #0000FF;</p>
<p>}</p>
<p>.green {</p>
<p>color: #007d0f;</p>
<p>}</p>
<p>.center {</p>
<p>text-align:center;</p>
<p>}</p>
<p>.lineout { /* crosses out text with a line */</p>
<p>text-decoration: line-through;</p>
<p>}</p>
<p>.paper1btm {</p>
<p>background-image: url(images/paper1-btm.jpg);</p>
<p>background-repeat: no-repeat;</p>
<p>background-position: center bottom;</p>
<p>height: 40px;</p>
<p>margin:0px;</p>
<p>padding:0px;</p>
<p>}</p>
<p>.paper1top {</p>
<p>background-image: url(images/paper1-top.jpg);</p>
<p>background-repeat: no-repeat;</p>
<p>background-position: center top;</p>
<p>height: 73px;</p>
<p>}</p>
<p>#mainContent .paper1 {</p>
<p>background-image: url(images/paper1-fill.jpg);</p>
<p>background-repeat: repeat-y;</p>
<p>background-position: center;</p>
<p>width: 475px;</p>
<p>margin-right: auto;</p>
<p>margin-left: auto;</p>
<p>margin-top: 25px;</p>
<p>margin-bottom: 25px;</p>
<p>height:auto;</p>
<p>min-height:300px;</p>
<p>}</p>
<p>#mainContent .paper1content p {</p>
<p>line-height: 26px;</p>
<p>}</p>
<p>.paper1content {</p>
<p>font-size: 18px;</p>
<p>font-weight: bold;</p>
<p>text-align: left;</p>
<p>font-family: "Courier New", Courier, monospace;</p>
<p>padding-right: 35px;</p>
<p>padding-left: 35px;</p>
<p>}</p>
<p>.stickywrap {</p>
<p>}</p>
<p>.stickynote {</p>
<p>background: url(images/stickynote.jpg) no-repeat left top;</p>
<p>padding: 38px 40px 35px 60px;</p>
<p>height: 261px;</p>
<p>width: 260px;</p>
<p>font: 18px/22px "Courier New", Courier, monospace;</p>
<p>text-align: center;</p>
<p>float: left;</p>
<p>}</p>
<p>.paper2btm {</p>
<p>background-image: url(images/paper2-btm.jpg);</p>
<p>background-repeat: no-repeat;</p>
<p>background-position: center bottom;</p>
<p>height: 60px;</p>
<p>margin:0px;</p>
<p>padding:0px;</p>
<p>}</p>
<p>.paper2top {</p>
<p>background-image: url(images/paper2-top.jpg);</p>
<p>background-repeat: no-repeat;</p>
<p>background-position: center top;</p>
<p>height: 44px;</p>
<p>}</p>
<p>#mainContent .paper2 {</p>
<p>background-image: url(images/paper2-fill.jpg);</p>
<p>background-repeat: repeat-y;</p>
<p>background-position: center;</p>
<p>width: 475px;</p>
<p>margin-right: auto;</p>
<p>margin-left: auto;</p>
<p>margin-top: 25px;</p>
<p>margin-bottom: 25px;</p>
<p>height:auto;</p>
<p>min-height:300px;</p>
<p>}</p>
<p>#mainContent .paper2content p {</p>
<p>line-height: 26px;</p>
<p>}</p>
<p>.paper2content {</p>
<p>font-size: 16px;</p>
<p>font-weight: bold;</p>
<p>text-align: left;</p>
<p>font-family: Georgia, "Times New Roman", Times, serif;</p>
<p>padding-right: 45px;</p>
<p>padding-left: 45px;</p>
<p>}</p>
<p>.paper3btm {</p>
<p>background-image: url(images/paper3-btm.jpg);</p>
<p>background-repeat: no-repeat;</p>
<p>background-position: center bottom;</p>
<p>height: 106px;</p>
<p>margin:0px;</p>
<p>padding:0px 45px 25px;</p>
<p>}</p>
<p>.paper3top {</p>
<p>background-image: url(images/paper3-top.jpg);</p>
<p>background-repeat: no-repeat;</p>
<p>background-position: center top;</p>
<p>height: 106px;</p>
<p>padding-right: 45px;</p>
<p>padding-left: 45px;</p>
<p>padding-top: 25px;</p>
<p>}</p>
<p>#mainContent .paper3 { /* this is the opt-in email box with rounded corners */</p>
<p>background-image: url(images/paper3-fill.jpg);</p>
<p>background-repeat: repeat-y;</p>
<p>background-position: center;</p>
<p>width: 475px;</p>
<p>margin-right: auto;</p>
<p>margin-left: auto;</p>
<p>margin-top: 25px;</p>
<p>margin-bottom: 25px;</p>
<p>height:auto;</p>
<p>min-height:300px;</p>
<p>}</p>
<p>#mainContent .paper3content p {</p>
<p>line-height: 26px;</p>
<p>}</p>
<p>.paper3content {</p>
<p>text-align: left;</p>
<p>padding-right: 45px;</p>
<p>padding-left: 45px;</p>
<p>}</p>
<p>--></p>
<div id="outline">
<div id="mainContent">
<p><!-- Begin here to paste into your WordPress page --></p>
<h1 class="center">FlexSqueeze &#8211; WordPress squeeze pages <span class="yellow">MADE EASY!</span></h1>
<h2 class="center">All the code you need to make a professional sales page in your WordPress blog!</h2>
<p class="center">The content on this page gives you examples of how to style your sales page to <strong>SELL MORE ONLINE!</strong></p>
<h3 class="center">Two easy ways to edit this content for your own sales page</h3>
<p><!-- Start greecheck unordered list --></p>
<ul class="greencheck">
<li>You can either edit this file, which is called <strong>sample-squeeze-content.html</strong> in the theme files, in any HTML editor. When you have your page complete, simply copy the HTML code from where it says &#8220;Begin here to paste into your WordPress page&#8221; to then end of the file where it says &#8220;End here to paste into your WordPress page&#8221;. <strong>Make sure you turn off your visual editor before pasting the code!</strong> This can be done in your user profile page.</li>
<li>Another easy way to edit this content is to copy the contents of the file called <strong>sample-squeeze-content.txt</strong> into your WordPress page. Again, turn off your visual editor. You can then edit your page in WordPress. The content in that file is identical to this one, but you don&#8217;t have all the extra HTML code to work around.</li>
</ul>
<h2 class="center">Look at the HTML code &#8211; it&#8217;s easy!</h2>
<p>I commented each content section in the HTML code. You can simply copy and paste any section into your sales page. Just look for the commented start and end of each section.</p>
<p><strong>The HTML comments look like this:</strong> &lt;&#8211; Comment goes here &#8211;&gt;</p>
<p><!-- End greencheck unordered list --></p>
<p>The following are the sample content items that you can use in your own page. I&#8217;ve styled these to give you a fast start in creating your own page and present some ideas for content presentation. Again, take a look at the HTML code to see the difference between the lines below. In the first three, the class is applied to the H3 tag. The last three have a span tag within the H3 tags to apply the color to only a portion of the text.</p>
<h3 class="red">This is red text using the H3 tag</h3>
<h3 class="blue">This is blue text using the H3 tag</h3>
<h3 class="green">This is green text using the H3 tag</h3>
<h3><span class="red">This is red text</span> within an H3 tag</h3>
<h3><span class="blue">This is blue text</span> within an H3 tag</h3>
<h3><span class="green">This is green text</span> within an H3 tag</h3>
<p><!-- Start of greybox --></p>
<div class="greybox">
<h4><strong>This box is a div container with the class of &#8220;greybox&#8221;</strong></h4>
<p>You can create a box like this anywhere on your page. Simply apply the class of &#8220;greybox&#8221; to any tag like a heading (H1, H2, etc) a paragraph or even a div tag. To use the <span class="yellow">yellow highlight text</span>, simply wrap the text with code that looks like this:</p>
<p>&lt;span class=&#8221;yellow&#8221;&gt;Text goes here&lt;/span&gt;<span class="yellow"> </span></p>
<p>To prevent your box from being multiple smaller boxes when you hit &#8216;enter&#8217;, use a HTML line break, which looks like this:  &lt;br/&gt;</p>
<p>It takes two line breaks to make a space between paragraphs like the one above this paragraph.</p>
</div>
<p><!-- End of grey box --></p>
<h2>Here are some styled testimonials</h2>
<p><!-- Start blockquote testimonial --></p>
<blockquote><p>To make a testimonial section like this, simply add the blockquote tag. It will automatically add the quotation mark and the bottom border. The code looks like this:</p>
<p>&lt;blockquote&gt;This is your content&lt;/blockquote&gt;</p>
<p><em>Johnny Doe</em></p>
<p><a href="#">JohnnysDomain.com</a></p></blockquote>
<p><!-- End blockquote testimonial --></p>
<p><!-- Start blockquote testimonial --></p>
<blockquote><p>You can use all the normal styles like <span class="yellow">yellow highlighting</span>, <em>italics</em>, <strong>bold</strong> and even <em><strong>bold italic</strong></em> within the blockquote style.</p>
<p>Again, I&#8217;m using line breaks instead of &#8216;enter&#8217; when spacing these paragraphs. If you use an actual paragraph tag  like this: &lt;p&gt; you will end up with too much space around your text.</p>
<p><em>Johnny Doe</em></p>
<p><a href="#">JohnnysDomain.com</a></p></blockquote>
<p><!-- End blockquote testimonial --></p>
<h3>Here are some list styles</h3>
<p><strong>This list is made by applying the &#8220;greencheck&#8221; class to the UL (unordered list) tag</strong></p>
<p><!-- Start greencheck unordered list --></p>
<ul class="greencheck">
<li><strong>This is the bold text to emphasize this list item!</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item!</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
</ul>
<p><!-- End greencheck unordered list --></p>
<p><strong>This list is made by applying the &#8220;redstop&#8221; class to the UL tag</strong></p>
<p><!-- Start redstop unordered list --></p>
<ul class="redstop">
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
</ul>
<p><!-- End redstop unordered list --></p>
<h2 class="center">Make sure you check out the included graphics files! <span class="yellow">Over 240 images Absolutely FREE!</span></h2>
<p>The FlexSqueeze theme includes a variety of icons, bursts, buttons and other elements that work great on sales pages. You can insert them anywhere you want and they really jazz up your page.</p>
<h1 class="center">Tips for inserting images into your squeeze page</h1>
<h3 class="center">It&#8217;s important, that&#8217;s why the font is so big!</h3>
<p>Manually inserting images into your blog pages can be a little tricky. The trick to successfully inserting images is to use an absolute path to your image. This simply means to use the<strong> WHOLE link to the image </strong>and not a relative path.</p>
<p>If you want to place an image on your page, the easiest way is to <strong>upload the image to your server first using the built-in image uploader on the theme options page.</strong> This will copy your images directly into your images folder. If you upload images using the upload function built into the WordPress page editor, it will upload your image into the uploads directory, not the images directory. And if you have month and year based file upload enabled, retrieving your image can be a nightmare.</p>
<p>Once you&#8217;ve uploaded your image to your theme&#8217;s images directory, you can link to the image using the full path to the image. For example, say you upload an image called &#8216;button.png&#8217; to your theme&#8217;s images folder. You can now link to the image like this (assuming you installed WordPress into the root of your domain):</p>
<p><strong></p>
<p>http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/button.png</strong></p>
<p><em>(Change the yourdomain.com to your actual domain name!)</em></p>
<p>If you installed WordPress into a folder called /blog, your link would like like this:</p>
<p><strong> http://www.yourdomain.com/<span class="yellow">blog</span>/wp-content/themes/flexsqueeze/images/button.png</strong></p>
<p><em>(Again, change the yourdomain.com to your actual domain name!)</em></p>
<p>All the buttons and arrows included on this page are RELATIVE links, because I don&#8217;t know what you domain name is, and you&#8217;ll be editing the file first anyway. So you will need to change the links to any buttons and graphics to ABSOLUTE links. I commented in the HTML source code when there is a graphic on this page that needs the link to be updated.</p>
<p>All of the buttons an images used on this page are included in the images folder of the theme, so if you upload the entire theme, you will already have these images available to use.</p>
<p>Any images that are used in the CSS code will link just fine. This includes list bullets and much of the form graphics (except buttons). It&#8217;s only the images that are placed within the HTML code that will need to be updated with your specific domain and link path.</p>
<h3>Here are some pre-styled forms you can use.</h3>
<p>You&#8217;ll need give your form an action to process the click, but it&#8217;s really quite easy to do. The form below has a hover button that you can set the color and hover color in your options page. The other form buttons are graphics that are included with the theme.</p>
<p><!-- Start coupon box form with CSS hover button --></p>
<div class="offercouponoutline">
<div class="offercoupon">
<form id="form1" method="post">
<input id="checkbox" name="checkbox" type="checkbox" />
<span class="red">YES!</span> I want to make easy squeeze pages in WordPress!</p>
<p>You made the right choice! Now you&#8217;re on your way to converting MORE visitors, building a BIGGER email list and making MORE MONEY on the internet!</p>
<input id="button" class="button" name="button" type="submit" value="Download Now!" />
</form>
</div>
</div>
<p><!-- End coupon box form --></p>
<p><!-- Start coupon box form with graphic button --></p>
<div class="offercouponoutline">
<form id="form3" method="post">
<h3>
<input id="checkbox2" name="checkbox2" type="checkbox" />
<span class="red">YES!</span> I want to make easy squeeze pages in WordPress!</h3>
<p><strong>You made the right choice! Now you&#8217;re on your way to converting MORE visitors, building a BIGGER email list and making MORE MONEY on the internet!</strong></p>
<p><!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/btn-blue-signup.png) --></p>
<input alt="Sign Up" src="http://www.scamchronicles.com/wp-content/themes/branfordmagazine-4/images/btn-blue-signup.png" type="image" />
</form>
</div>
<p><!-- End coupon box form --></p>
<h2 class="center">Here are MORE testimonial boxes!</h2>
<p class="center">You can set the background color of these testimonial boxes in your theme options page. There is also room on the left side for photos of your testimonial providers. A 100 pixel wide image would fit well, but the box will expand to fit larger images.</p>
<p><!-- Start yellow testimonial box --></p>
<table class="testimonial" border="0" cellspacing="0" cellpadding="8" width="90%">
<tbody>
<tr>
<td width="25%" align="center" valign="top">Insert picture here</td>
<td width="75%" valign="top">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia, velit   condimentum dapibus laoreet, felis lorem interdum ligula, sed venenatis turpis   lectus tristique mi.</p>
<p>Quisque venenatis dignissim metus. Duis quis orci. Integer   eget nibh ut dui lobortis rutrum. Aliquam gravida lectus non turpis suscipit   malesuada.</p>
<p><em>Johnny Doe</em></p>
<p><a href="#">www.johnnysdomain.com</a></td>
</tr>
</tbody>
</table>
<p><!-- End yellow testimonial box --></p>
<p><!-- Start yellow testimonial box --></p>
<table class="testimonial" border="0" cellspacing="0" cellpadding="8" width="90%">
<tbody>
<tr>
<td width="25%" align="center" valign="top">Insert picture here</td>
<td width="75%" valign="top">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia, velit   condimentum dapibus laoreet, felis lorem interdum ligula, sed venenatis turpis   lectus tristique mi.</p>
<p>Quisque venenatis dignissim metus. Duis quis orci. Integer   eget nibh ut dui lobortis rutrum. Aliquam gravida lectus non turpis suscipit   malesuada.</p>
<p><em>Johnny Doe</em></p>
<p><a href="#">www.johnnysdomain.com</a></td>
</tr>
</tbody>
</table>
<p><!-- End yellow testimonial box --></p>
<h2 class="center">A sales page isn&#8217;t complete without a teaser!</h2>
<p class="center">To put a line through text, simply apply the &#8220;lineout&#8221; class to a span element surrounding your text. The code looks like this: &lt;span class=&#8221;lineout&#8221;&gt;139&lt;/span&gt;</p>
<p><!-- Start shadow box  --></p>
<div class="shadowbox">
<div class="sbcontent">
<h2>Act NOW! <span class="red">Only <span class="lineout">139</span> <span class="lineout">27</span><span class="black"> 6 left!</span></span></h2>
<p>Are we telling the truth? <strong>You&#8217;ll never know!</strong> But that&#8217;s not the point!</p>
<p>Our <strong>FlexSqueeze WordPress theme</strong> gives you all these cool boxes and styles already coded for you! All you need to do is insert your content, throw a few pictures in, put in your affiliate links and fire up the AdWords campaign! Then just sit back and</p>
<p><span class="yellow-highlight">WATCH THE MONEY ROLL IN!</span></p>
</div>
</div>
<p><!-- End shadow box --></p>
<p><!-- Start ebook form --></p>
<div class="roundbox">
<div class="roundboxcontent">
<p>Enter your name and email address to download our 1/2 page eBook</p>
<p><span class="red">&#8220;Ultimate Guide to Everything&#8221;</span></p>
<form id="form2" method="post">
<table border="0" cellspacing="0" cellpadding="2" width="425">
<tbody>
<tr>
<td class="label">Your Name:</td>
</tr>
<tr>
<td class="label">
<input id="name" class="input" name="name" type="text" /></td>
</tr>
<tr>
<td class="label">Your Email:</td>
</tr>
<tr>
<td class="label">
<input id="email" class="input" name="email" type="text" /></td>
</tr>
<tr>
<td>
<div>
<input id="button" class="button" name="button" type="submit" value="Download Now!" />
</div>
</td>
</tr>
</tbody>
</table>
</form>
<p>This is just a sample form. Doesn&#8217;t really get you an eBook.</p>
</div>
</div>
<p><!-- End ebook form --></p>
<p><!-- Start form with arrows --></p>
<div class="roundbox">
<div class="roundboxcontent">
<p>This is another form example showing how arrows can enhance form visibility</p>
<form id="form4" method="post">
<table border="0" cellspacing="0" cellpadding="2" width="425">
<tbody>
<tr>
<td class="label">Your Name:</td>
<td class="label" rowspan="4"><img src="http://www.scamchronicles.com/wp-content/themes/branfordmagazine-4/images/arrow-rt-orange.png" alt="" width="91" height="106" align="right" /></td>
</tr>
<tr>
<td class="label">
<input id="name2" class="input" name="name2" type="text" /></td>
</tr>
<tr>
<td class="label">Your Email:</td>
</tr>
<tr>
<td class="label">
<input id="email2" class="input" name="email2" type="text" /></td>
</tr>
<tr>
<td colspan="2">
<div>
<p><!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/btn-blue-signup.png) --></p>
<input style="margin-top: 20px;" alt="Sign Up" src="http://www.scamchronicles.com/wp-content/themes/branfordmagazine-4/images/btn-blue-signup.png" type="image" />
</div>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<p><!-- End form with arrows --></p>
<p class="center">This form is an example of how you can use a custom form header on your page. The source graphic file is included with the theme, so if you have Adobe Fireworks or Adobe Photoshop, you can easily edit the header graphic and text. All you need to do to get the image into your form is replace the image name in the &#8220;roundboxtop&#8221; div with the name of your image. <strong>Make sure you upload your image into your theme using the image upload tool on the theme options page.</strong></p>
<p class="center">The grey rounded corner form background is also included in the source graphic file, so you can easily make the box blue, red, yellow or whatever color trips your trigger.</p>
<p><!-- Start form with custom header image --></p>
<div class="roundbox"><!-- To insert your custom header, copy your image to your theme's image directory and change the image name in the line below. --></p>
<div class="roundboxtop" style="height: 22px;"></div>
<div class="roundboxcontent">
<p>Easily include a custom form header like the one shown. Use the included PNG or PSD file and create your own!<span class="red"> </span></p>
<form id="form5" method="post">
<table border="0" cellspacing="0" cellpadding="2" width="425">
<tbody>
<tr>
<td class="label">Your Name:</td>
</tr>
<tr>
<td class="label">
<input id="name3" class="input" name="name3" type="text" /></td>
</tr>
<tr>
<td class="label">Your Email:</td>
</tr>
<tr>
<td class="label">
<input id="email3" class="input" name="email3" type="text" /></td>
</tr>
<tr>
<td>
<div><!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/offer-1.png) --></p>
<input style="margin-top: 20px;" alt="Sign Up" src="http://www.scamchronicles.com/wp-content/themes/branfordmagazine-4/images/button_r11_c21.png" type="image" /></div>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<p><!-- End form with custom header image --></p>
<p class="center">The paper graphic below is actually made up of three boxes. You have the top graphic above the Dear Joe, a vertically repeating background behind the text, and a bottom graphic to complete the box.</p>
<p><!-- Start torn out paper section --></p>
<div class="paper1">
<div class="paper1content">
<p>Dear Joe,</p>
<p>I just wanted to write to thank you for this great product!</p>
<p>My online business has prospered like I never though possible. Your excellent tutorials have given me all the tools I need to become a success, and for that I thank you!</p>
<p>Sincerely,</p>
<p>Jane Smith</p>
<p>Palo Alto, CA</p>
</div>
</div>
<p><!-- End torn out paper section --></p>
<p><!-- Begin sticky note section --></p>
<p class="center">The sticky note element below allows you to put anything inside the sticky note and also text to the right side. It&#8217;s a good way to draw attention to a special offer. The sticky note graphic is included in the source graphic file so you can easily make it blue, red, purple, etc.</p>
<div class="stickywrap">
<div class="stickynote">
<h2><strong>Special Offer:</strong></h2>
<p>If you order in the next 15 minutes, I will include this obscenely great extra value that <strong>WILL NOT be offered again!</strong></p>
</div>
<h3></h3>
<h3>Here&#8217;s another offer you cannot miss!</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia, velit   condimentum dapibus laoreet, felis lorem interdum ligula, sed venenatis turpis   lectus tristique mi.</p>
<p>Quisque venenatis dignissim metus. Duis quis orci. Integer   eget nibh ut dui lobortis rutrum. Aliquam gravida lectus non turpis suscipit   malesuada.</p>
<p><!-- Make sure to include this clearing div so the wrap contains the entire sticky note --></p>
</div>
<p><!-- End sticky note section --></p>
<p class="center">The graphic below is put together the same as the other paper graphic, with three different graphics. This graphic is also included in the source graphic file, so you can make it whatever color you want.</p>
<p><!-- Start tan burnt edge paper section --></p>
<div class="paper2">
<div class="paper2content">
<p>Dear Joe,</p>
<p>I just wanted to write to thank you for this great product!</p>
<p>My online business has prospered like I never though possible. Your excellent tutorials have given me all the tools I need to become a success, and for that I thank you!</p>
<p>Sincerely,</p>
<p>Jane Smith</p>
<p>Palo Alto, CA</p>
<p>Here&#8217;s an example how our buttons can be used on any background because they are PNG images with alpha transparency:</p>
<p class="center"><img src="http://www.scamchronicles.com/wp-content/themes/branfordmagazine-4/images/button_r11_c21.png" alt="" width="306" height="204" /></p>
</div>
</div>
<p><!-- End tan burnt edge paper section --></p>
<p><!-- Begin rolled white paper section --></p>
<div class="paper3">
<div class="paper3top">
<h3 class="center">Here&#8217;s another cool element you can use to get some attention to your important points!</h3>
</div>
<div class="paper3content">
<p><strong>Here are the important points:</strong></p>
<ul class="greencheck">
<li><strong>Important point #1</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li><strong>Important point #2</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li><strong>Important point #3</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li><strong>Important point #4</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li><strong>Important point #5</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul>
<p class="center"><img src="http://www.scamchronicles.com/wp-content/themes/branfordmagazine-4/images/button_r11_c21.png" alt="" width="306" height="204" /></p>
</div>
<h1 class="center"><span class="red">Bonus offer!</span></h1>
<div class="paper3btm">
<p class="center"><strong>Buy in the next 15 minutes and we&#8217;ll give you something really cool at NO EXTRA COST!</strong></p>
</div>
</div>
<p><!-- End rolled white paper section --></p>
<p class="center"><strong>And in closing&#8230; an action button to get people to <span class="yellow">BUY YOUR PRODUCT!</span></strong></p>
<p><!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/offer-2.png) --></p>
<p><img src="http://www.scamchronicles.com/wp-content/themes/branfordmagazine-4/images/button_r1_c1.png" alt="" width="365" height="110" /></p>
<p><!-- Start closing signature --></p>
<p>Best Regards,</p>
<p><!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/signature.gif) --></p>
<p><img src="http://www.scamchronicles.com/wp-content/themes/branfordmagazine-4/images/lance.png" alt="" width="200" height="75" /></p>
<p><strong>Your Name</strong></p>
<p>Your Company</p>
<p><strong>P.S.</strong> The font for this signature is included in the fonts folder of the theme zip. Simply install the font, which is called Honey Script, and you can then create a signature just like mine in your favorite graphics editor! There are hundreds of free script fonts available on the internet, so if you don&#8217;t like this one, you can easily find one that suits your needs.</p>
<p><!-- End closing signature--></p>
<p><!-- End here to paste into your WordPress page --></p>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://scamchronicles.com/flex-content-as-html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Flex with breaks removed</title>
		<link>http://scamchronicles.com/flex-with-breaks-removed</link>
		<comments>http://scamchronicles.com/flex-with-breaks-removed#comments</comments>
		<pubDate>Sun, 17 Jan 2010 17:30:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://scamchronicles.com/?p=66</guid>
		<description><![CDATA[FlexSqueeze &#8211; WordPress squeeze pages MADE EASY!
All the code you need to make a professional sales page in your WordPress blog!
The content on this page gives you examples of how to style your sales page to SELL MORE ONLINE!
Two easy ways to edit this content for your own sales page  


You can either edit [...]]]></description>
			<content:encoded><![CDATA[<h1 class="center">FlexSqueeze &#8211; WordPress squeeze pages <span class="yellow">MADE EASY!</span></h1>
<h2 class="center">All the code you need to make a professional sales page in your WordPress blog!</h2>
<p class="center">The content on this page gives you examples of how to style your sales page to <strong>SELL MORE ONLINE!</strong></p>
<h3 class="center">Two easy ways to edit this content for your own sales page  </h3>
<p><!-- Start greecheck unordered list --></p>
<ul class="greencheck">
<li>You can either edit this file, which is called <strong>sample-squeeze-content.html</strong> in the theme files, in any HTML editor. When you have your page complete, simply copy the HTML code from where it says &quot;Begin here to paste into your WordPress page&quot; to then end of the file where it says &quot;End here to paste into your WordPress page&quot;. <strong>Make sure you turn off your visual editor before pasting the code!</strong> This can be done in your user profile page. </li>
<li>Another easy way to edit this content is to copy the contents of the file called <strong>sample-squeeze-content.txt</strong> into your WordPress page. Again, turn off your visual editor. You can then edit your page in WordPress. The content in that file is identical to this one, but you don&#8217;t have all the extra HTML code to work around.</li>
</ul>
<h2 class="center">Look at the HTML code &#8211; it&#8217;s easy!</h2>
<p>I commented each content section in the HTML code. You can simply copy and paste any section into your sales page. Just look for the commented start and end of each section. </p>
<p> <strong>The HTML comments look like this:</strong> &lt;&#8211; Comment goes here &#8211;&gt;</p>
<p><!-- End greencheck unordered list --></p>
<p>The following are the sample content items that you can use in your own page. I&#8217;ve styled these to give you a fast start in creating your own page and present some ideas for content presentation. Again, take a look at the HTML code to see the difference between the lines below. In the first three, the class is applied to the H3 tag. The last three have a span tag within the H3 tags to apply the color to only a portion of the text.</p>
<h3 class="red">This is red text using the H3 tag</h3>
<h3 class="blue">This is blue text using the H3 tag</h3>
<h3 class="green">This is green text using the H3 tag</h3>
<h3><span class="red">This is red text</span> within an H3 tag</h3>
<h3><span class="blue">This is blue text</span> within an H3 tag</h3>
<h3><span class="green">This is green text</span> within an H3 tag</h3>
<p><!-- Start of greybox --></p>
<div class="greybox">
<h4><strong>This box is a div container with the class of &quot;greybox&quot;</strong></h4>
<p>    You can create a box like this anywhere on your page. Simply apply the class of &quot;greybox&quot; to any tag like a heading (H1, H2, etc) a paragraph or even a div tag. To use the <span class="yellow">yellow highlight text</span>, simply wrap the text with code that looks like this: </p>
<p>    &lt;span class=&quot;yellow&quot;&gt;Text goes here&lt;/span&gt;<span class="yellow"></span></p>
<p>    To prevent your box from being multiple smaller boxes when you hit &#8216;enter&#8217;, use a HTML line break, which looks like this:  &lt;br/&gt;</p>
<p>    It takes two line breaks to make a space between paragraphs like the one above this paragraph.
  </p></div>
<p><!-- End of grey box -->  </p>
<h2>Here are some styled testimonials</h2>
<p><!-- Start blockquote testimonial --> </p>
<blockquote><p> To make a testimonial section like this, simply add the blockquote tag. It will automatically add the quotation mark and the bottom border. The code looks like this:</p>
<p>    &lt;blockquote&gt;This is your content&lt;/blockquote&gt;</p>
<p>    <em>Johnny Doe</em><br />
    <a href="#">JohnnysDomain.com</a> </p></blockquote>
<p><!-- End blockquote testimonial -->  </p>
<p><!-- Start blockquote testimonial --> </p>
<blockquote><p> You can use all the normal styles like <span class="yellow">yellow highlighting</span>, <em>italics</em>, <strong>bold</strong> and even <em><strong>bold italic</strong></em> within the blockquote style.</p>
<p>    Again, I&#8217;m using line breaks instead of &#8216;enter&#8217; when spacing these paragraphs. If you use an actual paragraph tag  like this: &lt;p&gt; you will end up with too much space around your text.</p>
<p>    <em>Johnny Doe</em><br />
    <a href="#">JohnnysDomain.com</a></p></blockquote>
<p><!-- End blockquote testimonial -->   </p>
<h3>Here are some list styles</h3>
<p><strong>This list is made by applying the &quot;greencheck&quot; class to the UL (unordered list) tag</strong></p>
<p><!-- Start greencheck unordered list -->  </p>
<ul class="greencheck">
<li><strong>This is the bold text to emphasize this list item!</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item!</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
</ul>
<p><!-- End greencheck unordered list --> </p>
<p><strong>This list is made by applying the &quot;redstop&quot; class to the UL tag</strong></p>
<p><!-- Start redstop unordered list -->  </p>
<ul class="redstop">
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
</ul>
<p><!-- End redstop unordered list -->  </p>
<h2 class="center">Make sure you check out the included graphics files! <span class="yellow">Over 240 images Absolutely FREE!</span></h2>
<p>The FlexSqueeze theme includes a variety of icons, bursts, buttons and other elements that work great on sales pages. You can insert them anywhere you want and they really jazz up your page.</p>
<h1 class="center">Tips for inserting images into your squeeze page</h1>
<h3 class="center">It&#8217;s important, that&#8217;s why the font is so big! </h3>
<p>Manually inserting images into your blog pages can be a little tricky. The trick to successfully inserting images is to use an absolute path to your image. This simply means to use the<strong> WHOLE link to the image </strong>and not a relative path.</p>
<p>If you want to place an image on your page, the easiest way is to <strong>upload the image to your server first using the built-in image uploader on the theme options page.</strong> This will copy your images directly into your images folder. If you upload images using the upload function built into the WordPress page editor, it will upload your image into the uploads directory, not the images directory. And if you have month and year based file upload enabled, retrieving your image can be a nightmare.</p>
<p>Once you&#8217;ve uploaded your image to your theme&#8217;s images directory, you can link to the image using the full path to the image. For example, say you upload an image called &#8216;button.png&#8217; to your theme&#8217;s images folder. You can now link to the image like this (assuming you installed WordPress into the root of your domain):</p>
<p>    <strong><br />
    http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/button.png</strong><br /> <br />
    <em>(Change the yourdomain.com to your actual domain name!)</em></p>
<p>If you installed WordPress into a folder called /blog, your link would like like this:</p>
<p><strong>    http://www.yourdomain.com/<span class="yellow">blog</span>/wp-content/themes/flexsqueeze/images/button.png</strong><br />
    <em>(Again, change the yourdomain.com to your actual domain name!)</em>  </p>
<p>All the buttons and arrows included on this page are RELATIVE links, because I don&#8217;t know what you domain name is, and you&#8217;ll be editing the file first anyway. So you will need to change the links to any buttons and graphics to ABSOLUTE links. I commented in the HTML source code when there is a graphic on this page that needs the link to be updated.</p>
<p>All of the buttons an images used on this page are included in the images folder of the theme, so if you upload the entire theme, you will already have these images available to use.</p>
<p>Any images that are used in the CSS code will link just fine. This includes list bullets and much of the form graphics (except buttons). It&#8217;s only the images that are placed within the HTML code that will need to be updated with your specific domain and link path.</p>
<h3>Here are some pre-styled forms you can use. </h3>
<p>You&#8217;ll need give your form an action to process the click, but it&#8217;s really quite easy to do. The form below has a hover button that you can set the color and hover color in your options page. The other form buttons are graphics that are included with the theme.</p>
<p><!-- Start coupon box form with CSS hover button -->  </p>
<div class="offercouponoutline">
<div class="offercoupon">
<form action="" method="post" name="form1" id="form1">
<p><input type="checkbox" name="checkbox" id="checkbox" />
          <span class="red">YES!</span> I want to make easy squeeze pages in WordPress!</p>
<p>You made the right choice! Now you&#8217;re on your way to converting MORE visitors, building a BIGGER email list and making MORE MONEY on the internet!</p>
<input name="button" type="submit" class="button" id="button" value="Download Now!" /></form>
</p></div>
</div>
<p><!-- End coupon box form -->  </p>
<p><!-- Start coupon box form with graphic button -->  </p>
<div class="offercouponoutline">
<form action="" method="post" name="form1" id="form3">
<h3>
<input type="checkbox" name="checkbox2" id="checkbox2" />
        <span class="red">YES!</span> I want to make easy squeeze pages in WordPress!</h3>
<p><strong>You made the right choice! Now you&#8217;re on your way to converting MORE visitors, building a BIGGER email list and making MORE MONEY on the internet!</strong></p>
<p>        <!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/btn-blue-signup.png) --></p>
<input type="image" src="images/btn-blue-signup.png" alt="Sign Up">
      </form>
</p></div>
<p><!-- End coupon box form -->  </p>
<p>  <br/><br/></p>
<h2 class="center">Here are MORE testimonial boxes!</h2>
<p class="center">You can set the background color of these testimonial boxes in your theme options page. There is also room on the left side for photos of your testimonial providers. A 100 pixel wide image would fit well, but the box will expand to fit larger images.</p>
<p><!-- Start yellow testimonial box --> </p>
<table width="90%" border="0" cellpadding="8" cellspacing="0" class="testimonial">
<tr>
<td width="25%" valign="top" align="center">Insert picture here</td>
<td width="75%" valign="top">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia, velit   condimentum dapibus laoreet, felis lorem interdum ligula, sed venenatis turpis   lectus tristique mi. </p>
<p>Quisque venenatis dignissim metus. Duis quis orci. Integer   eget nibh ut dui lobortis rutrum. Aliquam gravida lectus non turpis suscipit   malesuada. </p>
<p><em>Johnny Doe</em><br />
        <a href="#">www.johnnysdomain.com</a></p>
</td>
</tr>
</table>
<p><!-- End yellow testimonial box -->  </p>
<p><!-- Start yellow testimonial box --> </p>
<table width="90%" border="0" cellpadding="8" cellspacing="0" class="testimonial">
<tr>
<td width="25%" valign="top" align="center">Insert picture here</td>
<td width="75%" valign="top">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia, velit   condimentum dapibus laoreet, felis lorem interdum ligula, sed venenatis turpis   lectus tristique mi. </p>
<p>Quisque venenatis dignissim metus. Duis quis orci. Integer   eget nibh ut dui lobortis rutrum. Aliquam gravida lectus non turpis suscipit   malesuada. </p>
<p><em>Johnny Doe</em><br />
        <a href="#">www.johnnysdomain.com</a></p>
</td>
</tr>
</table>
<p><!-- End yellow testimonial box -->  </p>
<h2 class="center">A sales page isn&#8217;t complete without a teaser!</h2>
<p class="center">To put a line through text, simply apply the &quot;lineout&quot; class to a span element surrounding your text. The code looks like this: &lt;span class=&quot;lineout&quot;&gt;139&lt;/span&gt;</p>
<p><!-- Start shadow box  -->  </p>
<div class="shadowbox">
<div class="sbcontent">
<h2>Act NOW! <span class="red">Only <span class="lineout">139</span> <span class="lineout">27</span><span class="black"> 6 left!</span></span></h2>
<p>Are we telling the truth? <strong>You&#8217;ll never know!</strong> But that&#8217;s not the point!</p>
<p>Our <strong>FlexSqueeze WordPress theme</strong> gives you all these cool boxes and styles already coded for you! All you need to do is insert your content, throw a few pictures in, put in your affiliate links and fire up the AdWords campaign! Then just sit back and <br />
        <span class="yellow-highlight">WATCH THE MONEY ROLL IN!</span></p>
</p></div>
<div class="sbshadow"></div>
</p></div>
<p><!-- End shadow box -->  </p>
<p><br/><br/><br />
<!-- Start ebook form -->  </p>
<div class="roundbox">
<div class="roundboxtop"></div>
<div class="roundboxcontent">
<p>Enter your name and email address to download our 1/2 page eBook <br />
        <span class="red">&quot;Ultimate Guide to Everything&quot;</span></p>
<form action="" method="post" name="form2" id="form2">
<table width="425" border="0" cellspacing="0" cellpadding="2">
<tr>
<td class="label">Your Name:</td>
</tr>
<tr>
<td class="label">
<input name="name" type="text" class="input" id="name"/></td>
</tr>
<tr>
<td class="label">Your Email:</td>
</tr>
<tr>
<td class="label">
<input name="email" type="text" class="input" id="email" /></td>
</tr>
<tr>
<td>
<div align="center">
<input name="button" type="submit" class="button" id="button" value="Download Now!" />
              </div>
</td>
</tr>
</table></form>
<p>This is just a sample form. Doesn&#8217;t really get you an eBook. </p>
</p></div>
<div class="roundboxbtm"></div>
</div>
<p><!-- End ebook form -->  </p>
<p><!-- Start form with arrows -->  </p>
<div class="roundbox">
<div class="roundboxtop"></div>
<div class="roundboxcontent">
<p> This is another form example showing how arrows can enhance form visibility</p>
<form action="" method="post" name="form2" id="form4">
<table width="425" border="0" cellspacing="0" cellpadding="2">
<tr>
<td class="label">Your Name:</td>
<td rowspan="4" class="label"><img src="images/arrow-rt-orange.png" width="91" height="106" align="right" /></td>
</tr>
<tr>
<td class="label">
<input name="name2" type="text" class="input" id="name2"/></td>
</tr>
<tr>
<td class="label">Your Email:</td>
</tr>
<tr>
<td class="label">
<input name="email2" type="text" class="input" id="email2" /></td>
</tr>
<tr>
<td colspan="2">
<div align="center">
            <!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/btn-blue-signup.png) --></p>
<input type="image" src="images/btn-blue-signup.png" alt="Sign Up" style="margin-top:20px;">
            </div>
</td>
</tr>
</table></form>
</p></div>
<div class="roundboxbtm"></div>
</div>
<p><!-- End form with arrows -->  </p>
<p class="center">This form is an example of how you can use a custom form header on your page. The source graphic file is included with the theme, so if you have Adobe Fireworks or Adobe Photoshop, you can easily edit the header graphic and text. All you need to do to get the image into your form is replace the image name in the &quot;roundboxtop&quot; div with the name of your image. <strong>Make sure you upload your image into your theme using the image upload tool on the theme options page.</strong></p>
<p class="center">The grey rounded corner form background is also included in the source graphic file, so you can easily make the box blue, red, yellow or whatever color trips your trigger.</p>
<p><!-- Start form with custom header image -->  </p>
<div class="roundbox">
  <!-- To insert your custom header, copy your image to your theme's image directory and change the image name in the line below. --></p>
<div class="roundboxtop" style="height:129px;background:url(images/offer-header-1.jpg) left top no-repeat;">
   </div>
<div class="roundboxcontent">
<p> Easily include a custom form header like the one shown. Use the included PNG or PSD file and create your own!<span class="red"></span> </p>
<form action="" method="post" name="form2" id="form5">
<table width="425" border="0" cellspacing="0" cellpadding="2">
<tr>
<td class="label">Your Name:</td>
</tr>
<tr>
<td class="label">
<input name="name3" type="text" class="input" id="name3"/></td>
</tr>
<tr>
<td class="label">Your Email:</td>
</tr>
<tr>
<td class="label">
<input name="email3" type="text" class="input" id="email3" /></td>
</tr>
<tr>
<td>
<div align="center">
            <!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/offer-1.png) --></p>
<input type="image" src="images/button_r11_c21.png" alt="Sign Up"  width="306" height="204"  style="margin-top:20px;">
            </div>
</td>
</tr>
</table></form>
</p></div>
<div class="roundboxbtm"></div>
</div>
<p><!-- End form with custom header image -->  </p>
<p class="center">The paper graphic below is actually made up of three boxes. You have the top graphic above the Dear Joe, a vertically repeating background behind the text, and a bottom graphic to complete the box.</p>
<p><!-- Start torn out paper section --> </p>
<div class="paper1">
<div class="paper1top"></div>
<div class="paper1content">
<p> Dear Joe,</p>
<p>I just wanted to write to thank you for this great product!</p>
<p>My online business has prospered like I never though possible. Your excellent tutorials have given me all the tools I need to become a success, and for that I thank you!</p>
<p>Sincerely,</p>
<p>Jane Smith<br />
        Palo Alto, CA
      </p>
</p></div>
<div class="paper1btm"></div>
</div>
<p><!-- End torn out paper section --></p>
<p><!-- Begin sticky note section --></p>
<p class="center">The sticky note element below allows you to put anything inside the sticky note and also text to the right side. It&#8217;s a good way to draw attention to a special offer. The sticky note graphic is included in the source graphic file so you can easily make it blue, red, purple, etc.</p>
<div class="stickywrap">
<div class="stickynote">
<h2><strong>Special Offer:</strong></h2>
<p>If you order in the next 15 minutes, I will include this obscenely great extra value that <strong>WILL NOT be offered again!</strong></p>
</p></div>
<h3>&nbsp;</h3>
<h3>Here&#8217;s another offer you cannot miss! </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia, velit   condimentum dapibus laoreet, felis lorem interdum ligula, sed venenatis turpis   lectus tristique mi. </p>
<p>Quisque venenatis dignissim metus. Duis quis orci. Integer   eget nibh ut dui lobortis rutrum. Aliquam gravida lectus non turpis suscipit   malesuada.  </p>
<div style="clear:left;"></div>
<p><!-- Make sure to include this clearing div so the wrap contains the entire sticky note --></div>
<p><!-- End sticky note section --></p>
<p>  <br/><br/><br/></p>
<p class="center">The graphic below is put together the same as the other paper graphic, with three different graphics. This graphic is also included in the source graphic file, so you can make it whatever color you want.</p>
<p><!-- Start tan burnt edge paper section -->  </p>
<div class="paper2">
<div class="paper2top"></div>
<div class="paper2content">
<p> Dear Joe,</p>
<p>I just wanted to write to thank you for this great product!</p>
<p>My online business has prospered like I never though possible. Your excellent tutorials have given me all the tools I need to become a success, and for that I thank you!</p>
<p>Sincerely,</p>
<p>Jane Smith<br />
        Palo Alto, CA </p>
<p>Here&#8217;s an example how our buttons can be used on any background because they are PNG images with alpha transparency:</p>
<p class="center"><img src="images/button_r11_c21.png" width="306" height="204" /></p>
</p></div>
<div class="paper2btm"></div>
</div>
<p>    <!-- End tan burnt edge paper section --> </p>
<p>    <br/><br/></p>
<p><!-- Begin rolled white paper section --> </p>
<div class="paper3">
<div class="paper3top">
<h3 class="center">Here&#8217;s another cool element you can use to get some attention to your important points!</h3>
</p></div>
<div class="paper3content">
<p> <strong>Here are the important points:</strong></p>
<ul class="greencheck">
<li><strong>Important point #1</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li>
<li><strong>Important point #2</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li>
<li><strong>Important point #3</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li>
<li><strong>Important point #4</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li>
<li><strong>Important point #5</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit.    </li>
</ul>
<p class="center"><img src="images/button_r11_c21.png" alt="" width="306" height="204" /></p>
</p></div>
<h1 class="center"><span class="red">Bonus offer!</span></h1>
<div class="paper3btm">
<p class="center"><strong>Buy in the next 15 minutes and we&#8217;ll give you something really cool at NO EXTRA COST!</strong></p>
</p></div>
</div>
<p><!-- End rolled white paper section --> </p>
<p class="center"><strong>And in closing&#8230; an action button to get people to <span class="yellow">BUY YOUR PRODUCT!</span></strong></p>
<p align="center">
  <!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/offer-2.png) --><br />
  <img src="images/button_r1_c1.png" width="365" height="110" /></p>
<p>  <br/><br/></p>
<p><!-- Start closing signature --><br />
  Best Regards,<br />
  <!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/signature.gif) --><br />
  <img src="images/signature.gif" width="175" height="74" /><br />
  <strong>Your Name</strong><br />
  Your Company</p>
<p><strong>P.S.</strong> The font for this signature is included in the fonts folder of the theme zip. Simply install the font, which is called Honey Script, and you can then create a signature just like mine in your favorite graphics editor! There are hundreds of free script fonts available on the internet, so if you don&#8217;t like this one, you can easily find one that suits your needs.</p>
<p><!-- End closing signature--></p>
]]></content:encoded>
			<wfw:commentRss>http://scamchronicles.com/flex-with-breaks-removed/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Haiti Disaster Attracts Scammers &amp; Scum</title>
		<link>http://scamchronicles.com/haiti-disaster-attracts-scammers-scum</link>
		<comments>http://scamchronicles.com/haiti-disaster-attracts-scammers-scum#comments</comments>
		<pubDate>Thu, 14 Jan 2010 23:38:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Entertainment]]></category>
		<category><![CDATA[Travel]]></category>

		<guid isPermaLink="false">http://scamchronicles.com/?p=31</guid>
		<description><![CDATA[Hold onto your socks for this one. EIB reported last night that a new low has been reached in human evolution. In the wake of destruction Haiti faces after the 7.0 earthquake no one is safe.
<a href="http://scamchronicles.com/wp-content/uploads/2010/01/haiti-palace_1558165c.jpg"><img class="alignright size-full wp-image-36" title="haiti-palace_1558165c" src="http://scamchronicles.com/wp-content/uploads/2010/01/haiti-palace_1558165c.jpg" alt="" width="230" height="144" /></a>[gallery]

It appears that unscrupulous individuals are currently setting up websites disguising themselves as charitable donation centers following the 7.0 magnitude earthquake in Haiti.

The FBI is currently investigating domestic cases where fraud is believed to be ongoing. With friends like these who needs a natural disaster.]]></description>
			<content:encoded><![CDATA[<div><script type="text/javascript">// <![CDATA[
 var shared_object = SHARETHIS.addEntry({         title: "SCUM: Haiti Disaster Attracts Hoaxes and Scammers",         url: "http://mashable.com/2010/01/14/haiti-disaster-scams/"         }, {button:false,onmouseover:false});         shared_object.attachButton(document.getElementById('st_sharethis'));         shared_object.attachChicklet('email', document.getElementById('st_email'));
// ]]&gt;</script></div>
<p>Hold onto your socks for this one. EIB reported last night that a new low has been reached in human evolution. In the wake of destruction Haiti faces after the 7.0 earthquake no one is safe</p>
<p><a href="http://scamchronicles.com/wp-content/uploads/2010/01/haiti-palace_1558165c.jpg"><img class="alignright size-full wp-image-36" title="haiti-palace_1558165c" src="http://scamchronicles.com/wp-content/uploads/2010/01/haiti-palace_1558165c.jpg" alt="" width="460" height="288" /></a>
<a href='http://scamchronicles.com/haiti-disaster-attracts-scammers-scum/haiti-palace_1558165c' title='haiti-palace_1558165c'><img width="150" height="150" src="http://scamchronicles.com/wp-content/uploads/2010/01/haiti-palace_1558165c-150x150.jpg" class="attachment-thumbnail" alt="" title="haiti-palace_1558165c" /></a>
<a href='http://scamchronicles.com/haiti-disaster-attracts-scammers-scum/haiti-palace_1558165c-2' title='haiti-palace_1558165c'><img width="150" height="150" src="http://scamchronicles.com/wp-content/uploads/2010/01/haiti-palace_1558165c1-150x150.jpg" class="attachment-thumbnail" alt="" title="haiti-palace_1558165c" /></a>
<br />
[gsom- optin]</p>
<p>It appears that unscrupulous individuals are currently setting up websites disguising themselves as charitable donation centers following the 7.0 magnitude earthquake in Haiti.</p>
<p>The FBI is currently investigating domestic cases where fraud is believed to be ongoing. With friends like these who needs a natural disaster.</p>
<p>Fortunately, word of the activity has spread on the internet via individual web pages (like this one) and  Twitter</p>
<p><a href="http://www.cnn.com/2010/TECH/01/14/twitter.hoax.haiti/index.html" target="_blank">CNN reports</a> on the hoax meme that spread like wildfire on <a href="http://mashable.com/social-media/twitter/">Twitter</a> over the last 24 hours, alleging that American Airlines would be flying doctors and nurses to Haiti for free. The official AA Twitter account <a href="http://twitter.com/AAirwaves/status/7735270176" target="_blank">debunked that myth</a>, prompting a second wave of retweets about the hoax.</p>
<p>Going even farther down the scumbag rabbit hole, <a href="http://www.switched.com/2010/01/14/with-haiti-in-ruins-scammers-seek-to-swindle-donors/" target="_blank">Switched reports</a> via <a href="http://www.foxnews.com/scitech/2010/01/13/world-looks-help-haitians-scammers/" target="_blank">FOX News</a> that some scammers are actually setting up fake charitable organizations to collect “donations.” Both “text-to-donate” scams and unsolicited e-mail donation scams appear to be sadly common after global disasters — the <a href="http://www.ftc.gov/bcp/edu/pubs/consumer/alerts/alt027.shtm" target="_blank">FTC issued consumer alerts</a> about the practice as far back as 2007.</p>
<p>Certainly news of this scam should not hold you back from donating to this disaster in Haiti &#8211; it should, however, make you more aware of how and to whom you donate your hard earned dollars. The <a href="http://www.redcross.org">Red Cross</a> is certainly on of the leading agencies that is quite often first on scene in many instances.</p>
]]></content:encoded>
			<wfw:commentRss>http://scamchronicles.com/haiti-disaster-attracts-scammers-scum/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mass Article a Complete SCAM?</title>
		<link>http://scamchronicles.com/mass-article-a-complete-scam</link>
		<comments>http://scamchronicles.com/mass-article-a-complete-scam#comments</comments>
		<pubDate>Thu, 14 Jan 2010 22:40:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Affiliate]]></category>

		<guid isPermaLink="false">http://scamchronicles.com/?p=26</guid>
		<description><![CDATA[<a href="http://scamchronicles.com/wp-content/uploads/2010/01/1a.jpg"><img class="alignleft size-medium wp-image-3" title="1a" src="http://scamchronicles.com/wp-content/uploads/2010/01/1a-300x203.jpg" alt="" width="300" height="203" /></a>Mass Article Control is a suite of software created to handel your article writing and submission chores. It’s strength lies in it’s ability to re-write articles and stories, creating 100’s of itterations while sounding perfectly natural. It goes well beyond simple word replacement. Phrases, entire paragraphs are be replaced with original content, hundreds of times over in seconds. Even still, Mass Article has the ability to retain the main points. It reads naturally. Brilliant! It is quite simply, unparalleled in the field.]]></description>
			<content:encoded><![CDATA[<p><a href="http://scamchronicles.com/wp-content/uploads/2010/01/1a.jpg"><img class="alignleft size-medium wp-image-3" title="1a" src="http://scamchronicles.com/wp-content/uploads/2010/01/1a-300x203.jpg" alt="" width="300" height="203" /></a>Mass Article Control is a suite of software created to handle your article writing and submission chores. It’s strength lies in it’s ability to re-write articles and stories, creating 100’s of itterations while sounding perfectly natural. It goes well beyond simple word replacement. Phrases, entire paragraphs are be replaced with original content, hundreds of times over in seconds. Even still, Mass Article has the ability to retain the main points. It reads naturally. Brilliant! It is quite simply, unparalleled in the field.</p>
<p>Mass Article Control will help you mass create 100s of unique articles and instantly send them to dozens of the most visited article directories online.</p>

		<form enctype="multipart/form-data" action="/feed#usermessage3b" method="post" class="cform" id="cforms3form">
		<fieldset class="cf-fs1">
		<legend>My Fieldset</legend>
		<ol class="cf-ol">
			<li id="li-3-2" class="textonly">Enter your name and email address to claim your discount</li>
			<li id="li-3-3" class="textonly">$20 Discount</li>
			<li id="li-3-4" class=""><label id="label-3-4" for="cf3_field_4"><span>Your Name</span></label><input type="text" name="cf3_field_4" id="cf3_field_4" class="single fldrequired" value="Your Name" onfocus="clearField(this)" onblur="setField(this)"/><span class="reqtxt">(required)</span></li>
			<li id="li-3-5" class=""><label id="label-3-5" for="cf3_field_5"><span>Email</span></label><input type="text" name="cf3_field_5" id="cf3_field_5" class="single fldemail fldrequired" value=""/><span class="emailreqtxt">(valid email required)</span></li>
			<li id="li-3-6" class="textonly">Within seconds of your purchase, an email will arrive with your 10,000 PLR articles.</li>
			<li class="cf_hidden"><input type="hidden" class="cfhidden" name="cf3_field_7" id="cf3_field_7" value=""/></li>
			<li class="cf_hidden"><input type="hidden" class="cfhidden" name="cf3_field_8" id="cf3_field_8" value=""/></li>
		</ol>
		</fieldset>
		<fieldset class="cf_hidden">
			<legend>&nbsp;</legend>
			<input type="hidden" name="cf_working3" id="cf_working3" value="One%20moment%20please..."/>
			<input type="hidden" name="cf_failure3" id="cf_failure3" value="Please%20fill%20in%20all%20the%20required%20fields."/>
			<input type="hidden" name="cf_codeerr3" id="cf_codeerr3" value="Please%20double-check%20your%20verification%20code."/>
			<input type="hidden" name="cf_customerr3" id="cf_customerr3" value="yyy"/>
			<input type="hidden" name="cf_popup3" id="cf_popup3" value="nn"/>
		</fieldset>
		<p class="cf-sb"><input type="submit" name="sendbutton3" id="sendbutton3" class="sendbutton" value="Collect Discount Now!" onclick="return cforms_validate('3', false)"/></p>
		</form>		<div id="usermessage3b" class="cf_info " ></div>

<p>For this reason I’ve made an exclusive bonus available to you for a limited time when you download Mass Article Control via a link on this page….</p>
<p>BONUS ONE: Save $20.00 INSTANTLY on Mass Article Control<span class="mce_plugin_cforms_img" title="Squeeze Form 001"><a href="http://scamchronicles.com/wp-content/uploads/2010/01/20dollargift.jpg"></a></span></p>
<p>BONUS TWO: 10,000 PLR Articles that you can start using today when you download Mass Article Creator And Mass Article Submitter today.</p>
<p>BONUS FOUR: Article Master Plan – The Best Blueprint to help you make money as quickly as possible with Mass Article Control</p>

		<div id="usermessage2a" class="cf_info "></div>
		<form enctype="multipart/form-data" action="/feed#usermessage2a" method="post" class="cform" id="cforms2form">
		<fieldset class="cf-fs1">
		<legend>Collect $20 Coupon NOW!</legend>
		<ol class="cf-ol">
			<li id="li-2-2" class=""><label id="label-2-2" for="cf2_field_2"><span>Your Name</span></label><input type="text" name="cf2_field_2" id="cf2_field_2" class="single fldrequired" value="Your Name" onfocus="clearField(this)" onblur="setField(this)"/><span class="reqtxt">(required)</span></li>
			<li id="li-2-3" class=""><label id="label-2-3" for="cf2_field_3"><span>Email</span></label><input type="text" name="cf2_field_3" id="cf2_field_3" class="single fldemail fldrequired" value=""/><span class="emailreqtxt">(valid email required)</span></li>
			<li class="cf_hidden"><input type="hidden" class="cfhidden" name="cf2_field_4" id="cf2_field_4" value="Byrls.com"/></li>
			<li class="cf_hidden"><input type="hidden" class="cfhidden" name="cf2_field_5" id="cf2_field_5" value="Maketing 101"/></li>
		</ol>
		</fieldset>
		<fieldset class="cf_hidden">
			<legend>&nbsp;</legend>
			<input type="hidden" name="cf_working2" id="cf_working2" value="One%20moment%20please..."/>
			<input type="hidden" name="cf_failure2" id="cf_failure2" value="Please%20fill%20in%20all%20the%20required%20fields."/>
			<input type="hidden" name="cf_codeerr2" id="cf_codeerr2" value="Please%20double-check%20your%20verification%20code."/>
			<input type="hidden" name="cf_customerr2" id="cf_customerr2" value="yyy"/>
			<input type="hidden" name="cf_popup2" id="cf_popup2" value="nn"/>
		</fieldset>
		<p class="cf-sb"><input type="submit" name="sendbutton2" id="sendbutton2" class="sendbutton" value="Collect $20 Coupon NOW!" onclick="return cforms_validate('2', false)"/></p>
		</form>
<p>Mass article creator uses state of the art technology and artificial intelligence to help you create over 1000 articles from one article. If you are going to have any kind of success with article marketing you need to be writing and submitting hundreds of articles. You can have over 1000 articles in just 30 seconds while creating and using market specific keywords. In addition, you will be able to reach out to your target market by saving these articles in niche specific categories.</p>
<div id="attachment_21" class="wp-caption aligncenter" style="width: 495px"><a href="http://scamchronicles.com/wp-content/uploads/2010/01/COUPON2.png"><img class="size-full wp-image-21" title="COUPON" src="http://scamchronicles.com/wp-content/uploads/2010/01/COUPON2.png" alt="" width="485" height="212" /></a><p class="wp-caption-text">Hurry! This coupon expires Feb. 5th</p></div>
<p>The point of article marketing is to gain as much exposure and credibility as possible. The easiest way to do this is by writing enticing content and submitting it to as many directories as possible. Mass Article Control will help you generate thousands of back links that can set you up for a tremendous amount of exposure.</p>
<p>It is extremely simple software to use by just pointing and clicking. You don’t have to worry about training; it as it comes with a simple layout, a built-in database so you can choose words to use, and you can manage everything yourself to get it the way you like.</p>
<p>At the end of the day you will find a plethora of different benefits with this software. You will be able to create unique articles without worrying about duplicate content infringements. You can take these articles and get published on hundreds of directories. Search engines love fresh content and your Goggle search results will soar. Perhaps the best part about this system is the drastic increase in sells you will experience.</p>
<p>Mass Article Control is a tremendous way to take your business to the next level. With the help of creating articles and submitting them to a mass amount of directories, it will save you time while making you money.</p>
<h1 class="center">FlexSqueeze &#8211; WordPress squeeze pages <span class="yellow">MADE EASY!</span></h1>
<h2 class="center">All the code you need to make a professional sales page in your WordPress blog!</h2>
<p class="center">The content on this page gives you examples of how to style your sales page to <strong>SELL MORE ONLINE!</strong></p>
<h3 class="center">Two easy ways to edit this content for your own sales page  </h3>
<p><!-- Start greecheck unordered list --></p>
<ul class="greencheck">
<li>You can either edit this file, which is called <strong>sample-squeeze-content.html</strong> in the theme files, in any HTML editor. When you have your page complete, simply copy the HTML code from where it says &quot;Begin here to paste into your WordPress page&quot; to then end of the file where it says &quot;End here to paste into your WordPress page&quot;. <strong>Make sure you turn off your visual editor before pasting the code!</strong> This can be done in your user profile page. </li>
<li>Another easy way to edit this content is to copy the contents of the file called <strong>sample-squeeze-content.txt</strong> into your WordPress page. Again, turn off your visual editor. You can then edit your page in WordPress. The content in that file is identical to this one, but you don&#8217;t have all the extra HTML code to work around.</li>
</ul>
<h2 class="center">Look at the HTML code &#8211; it&#8217;s easy!</h2>
<p>I commented each content section in the HTML code. You can simply copy and paste any section into your sales page. Just look for the commented start and end of each section. </p>
<p> <strong>The HTML comments look like this:</strong> &lt;&#8211; Comment goes here &#8211;&gt;</p>
<p><!-- End greencheck unordered list --></p>
<p>The following are the sample content items that you can use in your own page. I&#8217;ve styled these to give you a fast start in creating your own page and present some ideas for content presentation. Again, take a look at the HTML code to see the difference between the lines below. In the first three, the class is applied to the H3 tag. The last three have a span tag within the H3 tags to apply the color to only a portion of the text.</p>
<h3 class="red">This is red text using the H3 tag</h3>
<h3 class="blue">This is blue text using the H3 tag</h3>
<h3 class="green">This is green text using the H3 tag</h3>
<h3><span class="red">This is red text</span> within an H3 tag</h3>
<h3><span class="blue">This is blue text</span> within an H3 tag</h3>
<h3><span class="green">This is green text</span> within an H3 tag</h3>
<p><!-- Start of greybox --></p>
<div class="greybox">
<h4><strong>This box is a div container with the class of &quot;greybox&quot;</strong></h4>
<p>    You can create a box like this anywhere on your page. Simply apply the class of &quot;greybox&quot; to any tag like a heading (H1, H2, etc) a paragraph or even a div tag. To use the <span class="yellow">yellow highlight text</span>, simply wrap the text with code that looks like this: </p>
<p>    &lt;span class=&quot;yellow&quot;&gt;Text goes here&lt;/span&gt;<span class="yellow"></span></p>
<p>    To prevent your box from being multiple smaller boxes when you hit &#8216;enter&#8217;, use a HTML line break, which looks like this:  &lt;br/&gt;</p>
<p>    It takes two line breaks to make a space between paragraphs like the one above this paragraph.
  </p></div>
<p><!-- End of grey box -->  </p>
<h2>Here are some styled testimonials</h2>
<p><!-- Start blockquote testimonial --> </p>
<blockquote><p> To make a testimonial section like this, simply add the blockquote tag. It will automatically add the quotation mark and the bottom border. The code looks like this:</p>
<p>    &lt;blockquote&gt;This is your content&lt;/blockquote&gt;</p>
<p>    <em>Johnny Doe</em><br />
    <a href="#">JohnnysDomain.com</a> </p></blockquote>
<p><!-- End blockquote testimonial -->  </p>
<p><!-- Start blockquote testimonial --> </p>
<blockquote><p> You can use all the normal styles like <span class="yellow">yellow highlighting</span>, <em>italics</em>, <strong>bold</strong> and even <em><strong>bold italic</strong></em> within the blockquote style.</p>
<p>    Again, I&#8217;m using line breaks instead of &#8216;enter&#8217; when spacing these paragraphs. If you use an actual paragraph tag  like this: &lt;p&gt; you will end up with too much space around your text.</p>
<p>    <em>Johnny Doe</em><br />
    <a href="#">JohnnysDomain.com</a></p></blockquote>
<p><!-- End blockquote testimonial -->   </p>
<h3>Here are some list styles</h3>
<p><strong>This list is made by applying the &quot;greencheck&quot; class to the UL (unordered list) tag</strong></p>
<p><!-- Start greencheck unordered list -->  </p>
<ul class="greencheck">
<li><strong>This is the bold text to emphasize this list item!</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item!</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
</ul>
<p><!-- End greencheck unordered list --> </p>
<p><strong>This list is made by applying the &quot;redstop&quot; class to the UL tag</strong></p>
<p><!-- Start redstop unordered list -->  </p>
<ul class="redstop">
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
<li><strong>This is the bold text to emphasize this list item! </strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam ligula, egestas vel, tincidunt adipiscing, scelerisque non, ligula. Morbi tincidunt euismod elit. Maecenas in tortor. Sed commodo.</li>
</ul>
<p><!-- End redstop unordered list -->  </p>
<h2 class="center">Make sure you check out the included graphics files! <span class="yellow">Over 240 images Absolutely FREE!</span></h2>
<p>The FlexSqueeze theme includes a variety of icons, bursts, buttons and other elements that work great on sales pages. You can insert them anywhere you want and they really jazz up your page.</p>
<h1 class="center">Tips for inserting images into your squeeze page</h1>
<h3 class="center">It&#8217;s important, that&#8217;s why the font is so big! </h3>
<p>Manually inserting images into your blog pages can be a little tricky. The trick to successfully inserting images is to use an absolute path to your image. This simply means to use the<strong> WHOLE link to the image </strong>and not a relative path.</p>
<p>If you want to place an image on your page, the easiest way is to <strong>upload the image to your server first using the built-in image uploader on the theme options page.</strong> This will copy your images directly into your images folder. If you upload images using the upload function built into the WordPress page editor, it will upload your image into the uploads directory, not the images directory. And if you have month and year based file upload enabled, retrieving your image can be a nightmare.</p>
<p>Once you&#8217;ve uploaded your image to your theme&#8217;s images directory, you can link to the image using the full path to the image. For example, say you upload an image called &#8216;button.png&#8217; to your theme&#8217;s images folder. You can now link to the image like this (assuming you installed WordPress into the root of your domain):</p>
<p>    <strong><br />
    http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/button.png</strong><br /> <br />
    <em>(Change the yourdomain.com to your actual domain name!)</em></p>
<p>If you installed WordPress into a folder called /blog, your link would like like this:</p>
<p><strong>    http://www.yourdomain.com/<span class="yellow">blog</span>/wp-content/themes/flexsqueeze/images/button.png</strong><br />
    <em>(Again, change the yourdomain.com to your actual domain name!)</em>  </p>
<p>All the buttons and arrows included on this page are RELATIVE links, because I don&#8217;t know what you domain name is, and you&#8217;ll be editing the file first anyway. So you will need to change the links to any buttons and graphics to ABSOLUTE links. I commented in the HTML source code when there is a graphic on this page that needs the link to be updated.</p>
<p>All of the buttons an images used on this page are included in the images folder of the theme, so if you upload the entire theme, you will already have these images available to use.</p>
<p>Any images that are used in the CSS code will link just fine. This includes list bullets and much of the form graphics (except buttons). It&#8217;s only the images that are placed within the HTML code that will need to be updated with your specific domain and link path.</p>
<h3>Here are some pre-styled forms you can use. </h3>
<p>You&#8217;ll need give your form an action to process the click, but it&#8217;s really quite easy to do. The form below has a hover button that you can set the color and hover color in your options page. The other form buttons are graphics that are included with the theme.</p>
<p><!-- Start coupon box form with CSS hover button -->  </p>
<div class="offercouponoutline">
<div class="offercoupon">
<form action="" method="post" name="form1" id="form1">
<p><input type="checkbox" name="checkbox" id="checkbox" />
          <span class="red">YES!</span> I want to make easy squeeze pages in WordPress!</p>
<p>You made the right choice! Now you&#8217;re on your way to converting MORE visitors, building a BIGGER email list and making MORE MONEY on the internet!</p>
<input name="button" type="submit" class="button" id="button" value="Download Now!" /></form>
</p></div>
</div>
<p><!-- End coupon box form -->  </p>
<p><!-- Start coupon box form with graphic button -->  </p>
<div class="offercouponoutline">
<form action="" method="post" name="form1" id="form3">
<h3>
<input type="checkbox" name="checkbox2" id="checkbox2" />
        <span class="red">YES!</span> I want to make easy squeeze pages in WordPress!</h3>
<p><strong>You made the right choice! Now you&#8217;re on your way to converting MORE visitors, building a BIGGER email list and making MORE MONEY on the internet!</strong></p>
<p>        <!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/btn-blue-signup.png) --></p>
<input type="image" src="images/btn-blue-signup.png" alt="Sign Up">
      </form>
</p></div>
<p><!-- End coupon box form -->  </p>
<p>  <br/><br/></p>
<h2 class="center">Here are MORE testimonial boxes!</h2>
<p class="center">You can set the background color of these testimonial boxes in your theme options page. There is also room on the left side for photos of your testimonial providers. A 100 pixel wide image would fit well, but the box will expand to fit larger images.</p>
<p><!-- Start yellow testimonial box --> </p>
<table width="90%" border="0" cellpadding="8" cellspacing="0" class="testimonial">
<tr>
<td width="25%" valign="top" align="center">Insert picture here</td>
<td width="75%" valign="top">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia, velit   condimentum dapibus laoreet, felis lorem interdum ligula, sed venenatis turpis   lectus tristique mi. </p>
<p>Quisque venenatis dignissim metus. Duis quis orci. Integer   eget nibh ut dui lobortis rutrum. Aliquam gravida lectus non turpis suscipit   malesuada. </p>
<p><em>Johnny Doe</em><br />
        <a href="#">www.johnnysdomain.com</a></p>
</td>
</tr>
</table>
<p><!-- End yellow testimonial box -->  </p>
<p><!-- Start yellow testimonial box --> </p>
<table width="90%" border="0" cellpadding="8" cellspacing="0" class="testimonial">
<tr>
<td width="25%" valign="top" align="center">Insert picture here</td>
<td width="75%" valign="top">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia, velit   condimentum dapibus laoreet, felis lorem interdum ligula, sed venenatis turpis   lectus tristique mi. </p>
<p>Quisque venenatis dignissim metus. Duis quis orci. Integer   eget nibh ut dui lobortis rutrum. Aliquam gravida lectus non turpis suscipit   malesuada. </p>
<p><em>Johnny Doe</em><br />
        <a href="#">www.johnnysdomain.com</a></p>
</td>
</tr>
</table>
<p><!-- End yellow testimonial box -->  </p>
<h2 class="center">A sales page isn&#8217;t complete without a teaser!</h2>
<p class="center">To put a line through text, simply apply the &quot;lineout&quot; class to a span element surrounding your text. The code looks like this: &lt;span class=&quot;lineout&quot;&gt;139&lt;/span&gt;</p>
<p><!-- Start shadow box  -->  </p>
<div class="shadowbox">
<div class="sbcontent">
<h2>Act NOW! <span class="red">Only <span class="lineout">139</span> <span class="lineout">27</span><span class="black"> 6 left!</span></span></h2>
<p>Are we telling the truth? <strong>You&#8217;ll never know!</strong> But that&#8217;s not the point!</p>
<p>Our <strong>FlexSqueeze WordPress theme</strong> gives you all these cool boxes and styles already coded for you! All you need to do is insert your content, throw a few pictures in, put in your affiliate links and fire up the AdWords campaign! Then just sit back and <br />
        <span class="yellow-highlight">WATCH THE MONEY ROLL IN!</span></p>
</p></div>
<div class="sbshadow"></div>
</p></div>
<p><!-- End shadow box -->  </p>
<p><br/><br/><br />
<!-- Start ebook form -->  </p>
<div class="roundbox">
<div class="roundboxtop"></div>
<div class="roundboxcontent">
<p>Enter your name and email address to download our 1/2 page eBook <br />
        <span class="red">&quot;Ultimate Guide to Everything&quot;</span></p>
<form action="" method="post" name="form2" id="form2">
<table width="425" border="0" cellspacing="0" cellpadding="2">
<tr>
<td class="label">Your Name:</td>
</tr>
<tr>
<td class="label">
<input name="name" type="text" class="input" id="name"/></td>
</tr>
<tr>
<td class="label">Your Email:</td>
</tr>
<tr>
<td class="label">
<input name="email" type="text" class="input" id="email" /></td>
</tr>
<tr>
<td>
<div align="center">
<input name="button" type="submit" class="button" id="button" value="Download Now!" />
              </div>
</td>
</tr>
</table></form>
<p>This is just a sample form. Doesn&#8217;t really get you an eBook. </p>
</p></div>
<div class="roundboxbtm"></div>
</div>
<p><!-- End ebook form -->  </p>
<p><!-- Start form with arrows -->  </p>
<div class="roundbox">
<div class="roundboxtop"></div>
<div class="roundboxcontent">
<p> This is another form example showing how arrows can enhance form visibility</p>
<form action="" method="post" name="form2" id="form4">
<table width="425" border="0" cellspacing="0" cellpadding="2">
<tr>
<td class="label">Your Name:</td>
<td rowspan="4" class="label"><img src="images/arrow-rt-orange.png" width="91" height="106" align="right" /></td>
</tr>
<tr>
<td class="label">
<input name="name2" type="text" class="input" id="name2"/></td>
</tr>
<tr>
<td class="label">Your Email:</td>
</tr>
<tr>
<td class="label">
<input name="email2" type="text" class="input" id="email2" /></td>
</tr>
<tr>
<td colspan="2">
<div align="center">
            <!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/btn-blue-signup.png) --></p>
<input type="image" src="images/btn-blue-signup.png" alt="Sign Up" style="margin-top:20px;">
            </div>
</td>
</tr>
</table></form>
</p></div>
<div class="roundboxbtm"></div>
</div>
<p><!-- End form with arrows -->  </p>
<p class="center">This form is an example of how you can use a custom form header on your page. The source graphic file is included with the theme, so if you have Adobe Fireworks or Adobe Photoshop, you can easily edit the header graphic and text. All you need to do to get the image into your form is replace the image name in the &quot;roundboxtop&quot; div with the name of your image. <strong>Make sure you upload your image into your theme using the image upload tool on the theme options page.</strong></p>
<p class="center">The grey rounded corner form background is also included in the source graphic file, so you can easily make the box blue, red, yellow or whatever color trips your trigger.</p>
<p><!-- Start form with custom header image -->  </p>
<div class="roundbox">
  <!-- To insert your custom header, copy your image to your theme's image directory and change the image name in the line below. --></p>
<div class="roundboxtop" style="height:129px;background:url(images/offer-header-1.jpg) left top no-repeat;">
   </div>
<div class="roundboxcontent">
<p> Easily include a custom form header like the one shown. Use the included PNG or PSD file and create your own!<span class="red"></span> </p>
<form action="" method="post" name="form2" id="form5">
<table width="425" border="0" cellspacing="0" cellpadding="2">
<tr>
<td class="label">Your Name:</td>
</tr>
<tr>
<td class="label">
<input name="name3" type="text" class="input" id="name3"/></td>
</tr>
<tr>
<td class="label">Your Email:</td>
</tr>
<tr>
<td class="label">
<input name="email3" type="text" class="input" id="email3" /></td>
</tr>
<tr>
<td>
<div align="center">
            <!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/offer-1.png) --></p>
<input type="image" src="images/button_r11_c21.png" alt="Sign Up"  width="306" height="204"  style="margin-top:20px;">
            </div>
</td>
</tr>
</table></form>
</p></div>
<div class="roundboxbtm"></div>
</div>
<p><!-- End form with custom header image -->  </p>
<p class="center">The paper graphic below is actually made up of three boxes. You have the top graphic above the Dear Joe, a vertically repeating background behind the text, and a bottom graphic to complete the box.</p>
<p><!-- Start torn out paper section --> </p>
<div class="paper1">
<div class="paper1top"></div>
<div class="paper1content">
<p> Dear Joe,</p>
<p>I just wanted to write to thank you for this great product!</p>
<p>My online business has prospered like I never though possible. Your excellent tutorials have given me all the tools I need to become a success, and for that I thank you!</p>
<p>Sincerely,</p>
<p>Jane Smith<br />
        Palo Alto, CA
      </p>
</p></div>
<div class="paper1btm"></div>
</div>
<p><!-- End torn out paper section --></p>
<p><!-- Begin sticky note section --></p>
<p class="center">The sticky note element below allows you to put anything inside the sticky note and also text to the right side. It&#8217;s a good way to draw attention to a special offer. The sticky note graphic is included in the source graphic file so you can easily make it blue, red, purple, etc.</p>
<div class="stickywrap">
<div class="stickynote">
<h2><strong>Special Offer:</strong></h2>
<p>If you order in the next 15 minutes, I will include this obscenely great extra value that <strong>WILL NOT be offered again!</strong></p>
</p></div>
<h3>&nbsp;</h3>
<h3>Here&#8217;s another offer you cannot miss! </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia, velit   condimentum dapibus laoreet, felis lorem interdum ligula, sed venenatis turpis   lectus tristique mi. </p>
<p>Quisque venenatis dignissim metus. Duis quis orci. Integer   eget nibh ut dui lobortis rutrum. Aliquam gravida lectus non turpis suscipit   malesuada.  </p>
<div style="clear:left;"></div>
<p><!-- Make sure to include this clearing div so the wrap contains the entire sticky note --></div>
<p><!-- End sticky note section --></p>
<p>  <br/><br/><br/></p>
<p class="center">The graphic below is put together the same as the other paper graphic, with three different graphics. This graphic is also included in the source graphic file, so you can make it whatever color you want.</p>
<p><!-- Start tan burnt edge paper section -->  </p>
<div class="paper2">
<div class="paper2top"></div>
<div class="paper2content">
<p> Dear Joe,</p>
<p>I just wanted to write to thank you for this great product!</p>
<p>My online business has prospered like I never though possible. Your excellent tutorials have given me all the tools I need to become a success, and for that I thank you!</p>
<p>Sincerely,</p>
<p>Jane Smith<br />
        Palo Alto, CA </p>
<p>Here&#8217;s an example how our buttons can be used on any background because they are PNG images with alpha transparency:</p>
<p class="center"><img src="images/button_r11_c21.png" width="306" height="204" /></p>
</p></div>
<div class="paper2btm"></div>
</div>
<p>    <!-- End tan burnt edge paper section --> </p>
<p>    <br/><br/></p>
<p><!-- Begin rolled white paper section --> </p>
<div class="paper3">
<div class="paper3top">
<h3 class="center">Here&#8217;s another cool element you can use to get some attention to your important points!</h3>
</p></div>
<div class="paper3content">
<p> <strong>Here are the important points:</strong></p>
<ul class="greencheck">
<li><strong>Important point #1</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li>
<li><strong>Important point #2</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li>
<li><strong>Important point #3</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li>
<li><strong>Important point #4</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li>
<li><strong>Important point #5</strong> &#8211; Lorem ipsum dolor sit amet, consectetur adipiscing elit.    </li>
</ul>
<p class="center"><img src="images/button_r11_c21.png" alt="" width="306" height="204" /></p>
</p></div>
<h1 class="center"><span class="red">Bonus offer!</span></h1>
<div class="paper3btm">
<p class="center"><strong>Buy in the next 15 minutes and we&#8217;ll give you something really cool at NO EXTRA COST!</strong></p>
</p></div>
</div>
<p><!-- End rolled white paper section --> </p>
<p class="center"><strong>And in closing&#8230; an action button to get people to <span class="yellow">BUY YOUR PRODUCT!</span></strong></p>
<p align="center">
  <!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/offer-2.png) --><br />
  <img src="images/button_r1_c1.png" width="365" height="110" /></p>
<p>  <br/><br/></p>
<p><!-- Start closing signature --><br />
  Best Regards,<br />
  <!-- The image link below will need to be updated as an absolute link (ie: http://www.yourdomain.com/wp-content/themes/flexsqueeze/images/signature.gif) --><br />
  <img src="images/signature.gif" width="175" height="74" /><br />
  <strong>Your Name</strong><br />
  Your Company</p>
<p><strong>P.S.</strong> The font for this signature is included in the fonts folder of the theme zip. Simply install the font, which is called Honey Script, and you can then create a signature just like mine in your favorite graphics editor! There are hundreds of free script fonts available on the internet, so if you don&#8217;t like this one, you can easily find one that suits your needs.</p>
<p><!-- End closing signature--></p>
]]></content:encoded>
			<wfw:commentRss>http://scamchronicles.com/mass-article-a-complete-scam/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Post &#8211; Featured Page</title>
		<link>http://scamchronicles.com/new-post-featured-page</link>
		<comments>http://scamchronicles.com/new-post-featured-page#comments</comments>
		<pubDate>Thu, 14 Jan 2010 07:47:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Entertainment]]></category>

		<guid isPermaLink="false">http://scamchronicles.com/?p=11</guid>
		<description><![CDATA[I only wrote this into the Excerpt line]]></description>
			<content:encoded><![CDATA[<p>This is a test using the following:</p>
<ul>
<li>New Post</li>
<li>Template Featured Page &#8211; sorry no template available in Post</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://scamchronicles.com/new-post-featured-page/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
