© 2011 GFYDMember.com Page 1 ***This document contains the

Transcription

© 2011 GFYDMember.com
***This document contains the the code I used on http://gfydmember.com I hope it helps you learn a
little bit more about html and css. Copy and paste this code AS IS – do not make changes here in Word –
and use a text editor such as Notepad if you need to make changes to the code. You can also copy and
paste this code directly into the content are of your WordPress page and make any changes from there.
Be sure to save it somewhere on your computer and remember, place it in chunks on your own site. This
will help eliminate errors and give you a better understanding of how to create a sales page.
Page 1
***Below is the introduction and Heading for Your Site… Make the necessary changes you want to the
text and carefully experiment with the code:
<p style="margin-top: 15px;"> Let’s Learn How to Create a Sales or Squeeze Page…<br
/>YAY!! <span style="background: #FFFF66;"><strong>I Am Ready to Learn Some
HTML...</strong></span></p>
<h1 style="text-align: center; color: #000080; font-family: Tahoma, Verdana, sans-serif; letter-spacing:
normal; font-size: 36px; margin-bottom: 25px;"><strong>From GFYD MEMBER</strong></h1>
Page 2
***Below is the first table with a video to the left and an opt-in box on the right:
<table style="height: auto;" border="0" width="900" align="center">
<tbody>
<tr>
<td width="625"><object width="480" height="385"><param name="movie"
value="http://www.youtube.com/v/BiJGU2K2PLU?fs=1&hl=en_US&rel=0"></param><param
name="allowFullScreen" value="true"></param><param name="allowscriptaccess"
value="always"></param><embed
src="http://www.youtube.com/v/BiJGU2K2PLU?fs=1&hl=en_US&rel=0" type="application/xshockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480"
height="385"></embed></object></td>
<td></td>
<td></td>
<td width="275">
<h2 style="text-align:center;color: #9e0303;">Subscribe Today</u> to Learn More About Our <span
style="color:#000080;"><strong>WordPress Training</strong></span> and Get Our WP Tip of the Day
FREE!!</h2>
<p> <script type="text/javascript" src="http://forms.aweber.com/form/98/164458498.js"></script>
</p>
</td>
</tr>
</tbody>
</table>
See screen capture on next page…
Page 3
*** The <p style="margin-top: 15px;"> is the distance between from the text above and below it.
<p style="margin-top: 15px;margin-bottom:15px;"><em>Learn how easy this is…</em></p>
***For SEO purposes you don’t want more than one h1 tag, however, you can adjust the size of the h2
to be larger than is coded in the theme you are using by increasing or decreasing the value in the fontsize:26px; …
<h2 style="text-align: center; color: #9e0303; font-family: Tahoma, Verdana, sans-serif; letter-spacing:
normal; font-size: 26px; margin-bottom: 25px;"><strong>This is Really Awesome!</strong></h2>
Page 4
***Bulleted list within a table. You can adjust the table width, but cannot exceed the maximum width of
the template. I recommend "900" max width for your site. Take away the opening and closing tags for
<table><tbody><tr>and <td> to see what that looks like…
<tbody>
<tr>
<td><ul>
<li>This is what you say here</li>
<li>Then here</li>
<li>Oh… and here</li>
<li>and of course… here…</li>
</ul>
</td>
</tr>
</tbody>
</table>
Page 5
***Bulleted numbered list within a table. You can adjust the table width, but cannot exceed the
maximum width of the template. I recommend "900" max width for your site.
<tbody>
<tr>
<td>
<ol>
<li>This is number 1</li>
<li>Then number 2</li>
<li>Oh… and number 3</li>
<li>and of course… number 4…</li>
</ol>
</td>
</tr>
</tbody>
</table>
Page 6
***Boxes – three in a row. Play with the widths, outlines (both size and color), and padding, and so on
to see what works best for you. The images that are in red need to be uploaded to your media file in
your WP dashboard.
<div style="width: 265px; float: left; border: 2px solid #ddddaa; background: #ffffdd; padding: 10px;
margin: 10px 10px 25px; min-height: auto;">
<img src="http://yoursite.com/wp-content/uploads/2010/11/image-name.png" alt="Image Here"
title="Give the image a title (same goes in the alt above) here so that if the image doesn’t load it will
describe to the visitor what the image is" width="65" height="65" class="alignright size-full wp-image9427" style="border:none;" /></a></p>
<h2 style="text-align: left;color: #000080;">Title<br />Sub-title</h2>
<ul><li>Benefit here</li>
<li>Benefit here</li>
<li>Benefit here</li></ul>
<p style="text-align:center; "><strong><a href="http://gfydmember.com/wordpress-trainingproducts">Click here for details!</a></strong></p>
</div>
<h2 style="text-align: left;"><span style="color: #000080;">Title<br />Sub-title</span></h2>
<ul><li><strong>Benefit here</strong></li>
Page 7
</div>
<h2 style="text-align: left;"><span style="color: #000080;">Title<br />Sub-title</span></h2>
<ul><li><strong>Benefit here</strong></li>
</div>
See screen shot below for example of div boxes:
Page 8
Next up….
***Four images side by side… such as photos… using a table, (again, they must first be uploaded in your
WP dashboard in media to view…) the link for that is given to you when you upload it. We show you
how to do all this in our Gold Level WordPress Training Program.
<table style="height: auto; width: 850px;" border="0" align="center">
<tbody>
<tr>
<td width="200" align="center"><img src="http://yoursite.com/wp-content/uploads/2010/11/imagename.jpg" alt="Photo of…" title="Photo of…" width="175" height="212" class="alignleft size-full wpimage-8862" /></td>
<td width="200" align="center"><img src="http://yoursite.com/wp-content/uploads/2010/11/imagename.jpg" alt="Photo of…" title="Photo of…" width="175" height="212" class="alignleft size-full wpimage-8862" /></td></tr></tbody></table>
See screen shot below for 4 images side by side within a table:
Page 9
Remember to take your time. Enter each section individually before moving onto the next set of code.
Each code within this document has its own screen shot… I hope this helps you. Please let us know
what you think by posting your comments on our Facebook Fan Page here…
http://facebook.com/goforyourdream
Hope you’ll join us to learn more about how you can BE in control of your own website by simply
understanding how to use WordPress and our Dream Theme to get things done when YOU want them.
With our WordPress step-by-step training programs it’s as easy as riding a bike with training wheels.
Just visit http://gfydmember.com/wordpress-training/wordpress-website-workshop to learn how you
can get started today!!
Have Fun and Take Your Time,
~Kimberly Bohannon
http://GFYDMember.com Founder
Page
10

© 2011 GFYDMember.com Page 1 ***This document contains the

Transcription

Similar documents

Dukono - Carlyle Collective

Herman Miller Equa 2® Chairs

Two New Benchtop Planers

Tuftex PVC Liner Panel

SX GP Universal Examination Table

pattern matters in interior space perception

WALK-IN VAN - Spartan Motors, Inc.

Brochure - Monkey Tower

Order Form