TITLE GOES HERE

Don't forget the intro paragraph! Many people do! :) Not more than a few lines, this appears on the blog index page next to the preview image.

Tutorial Details

• Program:
• Version (if applicable):
• Difficulty:
• Estimated Completion Time:

Step 1 Bla Bla

Then for each step, just write some text describing the step and provide an image which is less than 600px wide.

"This will float a blockquote to the right, and is a nice choice for important facts/notes."

Step 2 Bla Bla Bla

Then for each step, just write some text describing the step and provide an image which is less than 600px wide.

SubHeading

We can also use h3 tags for subheadings.

Step 3 Bla More Bla

// JS code goes here. Replace the class of JS with html, php, js, etc.
// View the source of this section to learn the proper mark-up.  
// Within pre tags, find and replace all < with &lt;

The Keys to a Successful Tutorial

1. Always proof-read. Try not to submit an article with obvious typos.
2. Don't paste huge chunks of code with little explanation. Instead, paste a snippet at a time, and then go over the necessary details.
3. Remember that readers are scrollers. If you submit a never-ending string of text, their eyes will gloss over, as they scroll to the bottom of the tutorial. Divide the article with a generous amount of images, blockquotes, and headings. This allows the reader to quickly scroll to their desired portion of the tutorial. This is essential.

Take Note of:

• All headings are wrapped within heading two tags.
• We proceed all h2 tags with an <hr />, for separation.
• Quotes should be wrapped within blockquotes, with a class of "pullquote"
• Wrap all images within a div with a class of tutorial_image.
• When writing a Step N style tutorial, wrap each Step + Number within span tags, as exemplified above.
• Do not add your own styling. Our CSS file will correctly style the markup above.