HTML codes to spice up your Wizzley modules

HTML codes must go into a certain area within the Wizzley text module. When you open up the 'Edit' mode within a text module you can type whatever information you want within that module and it will appear on the page.
However, if you want HTML codes to spice up your Wizzley page they must be written within a certain area a bit deeper inside that text edit module

Changing font colour:

You can change the text colour of a whole sentence or paragraph...

<p style="color:blue;">Your Text Will Go Here</p> 

------------------------

Change the individual letters or words colour:

 You can change the text color of one word or even a single letter....

<p>...or you can change the text color of one <span style="color: green;">word</span> or even a single l<span style="color: red;">e</span>tter.</p>

------------------------

Change the font style:

 to this: “Change your font- this one is Cursive”

 <p><strong style="color: #1f94bf; line-height: 1em; font-size: 14px; font-family: cursive; ; text-align: left; padding: 10px 10px;">YOUR TEXT GOES HERE </strong></p>

------------------------

or this:This one's Serif

 <p><strong style="color: #1f94bf; line-height: 1em; font-size: 14px; font-family: serif; ; text-align: left; padding: 10px 10px;">YOUR TEXT GOES HERE</strong></p> 

Add a border to the left (use the hex colour number)

<p style="border-left: solid 6px #005588; padding: 15px; margin: 0; text-align: justify; line-height: 12px; color: #191970; font-size: 18px;">Add a border to the left</p> 

Add a border to the left (use the colour name)

<p style="border-left: solid 6px RED; padding: 15px; margin: 0; text-align: justify; line-height: 12px; color: #191970; font-size: 18px;">Add a border to the left</p>

Change your background colour (using hex number)

<p style="background: #005588; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 18px;">YOUR TEXT GOES HERE</p>

Change your background colour (using colour name)

<p style="background: GREEN; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 18px;">YOUR TEXT GOES HERE</p>

Drop shadow 1

Drop shadow 2

Drop shadow 3

Drop shadow 4

Drop shadow 5

<p style="font-size: 18px; color: orange; text-shadow: 1px 1px 1px #666;">Drop shadow 1</p>
<p style="font-size: 18px; color: orange; text-shadow: 1px 1px 1px #000;">Drop shadow 2</p>
<p style="font-size: 18px; text-shadow: 4px 4px 4px #666;">Drop shadow 3</p>
<p style="font-size: 18px; color: orange; text-shadow: 4px 4px 8px #666;">Drop shadow 4</p>
<p style="font-size: 18px; color: #fff; text-shadow: 1px 1px 8px #000;">Drop shadow 5</p> 

your text goes where I have written 'Drop Shadow'

A border around your text looks great and can be any colour you want

<p style="border: 4px solid #3e657d; padding: 15px; margin: 10px; line-height: 23px; color: #000000; text-align: left;">YOUR TEXT GOES HEREt</p>

It can also be any thickness

<p style="border: 1px solid red; padding: 15px; margin: 10px; line-height: 23px; color: #000000; text-align: left;">YOUR TEXT GOES HERE</p>

Or maybe a dotted border

<p style="border: 3px dotted green; padding: 15px; margin: 10px; line-height: 23px; color: #000000; text-align: left;">YOUR TEXT GOES HERE</p> 

Or even a dashed border

<p style="border: 4px dashed grey; padding: 15px; margin: 10px; line-height: 23px; color: #000000; text-align: left;">YOUR TEXT GOES HERE</p>

Using the Hex Number to create a colour is far better then just naming the colour.

With the Hex Number you have an unlimited choice of colours that will go with your Wizzley theme and make your page look even better.

This is how 'HEX Number' change colour - Just alter you code accordingly - 

#FF0000 - This Hex give red      

#00FF00 - This Hex gives green      

#0000FF - This Hex gives blue       

#FFFF00 - This Hex gives yellow       

#CCEEFF - This Hex will give a very light blue      

Wizzley has 4 of the very best affiliate programs all ready to go right there on the module panel. Offering thousands of products with an excellent user interface to make things really easy and help your earning grow.

But what happens if you want to sell products from another companies other than these big four affiliate merchants.?

The answers quite simple - you become a member of the Wizzley  VigLink  program.

 It's completely free and you become a member straight away as you have the power of the Wizzley team  behind you - great eh..

You must sign up to this program directly through your 'settings' menu. Once your a member use the 'options' tab, it's below the 'add modules' tab and select 'VigLink Merchant Coverage'. This will give you a list a hundreds of new merchants to choose from. I also recommend reading fellow Wizzley writer humagaia who has an excellent page on the VigLink merchants.

The two books below make extremely good reading for the new Affiliate Marketer.
Both are 5 star rated books and a must to get your products selling.

  I hope you can use my HTML guide to spice up your Wizzley pages.

thanks

TonfaGuy