Fancy Posts – using HTML Display Codes in Chandoo.org Posts

Chandoo uses WordPress as the blogging engine at Chandoo.org.

The WordPress system includes a HTML enabled post engine, meaning that users can post any valid HTML Code and the WordPress engine will attempt to interpret and present what has been posted.

I need to note that the engine used by Chandoo.org posts and the Chandoo.org/Forums posts are slightly different. The engine used by the Chandoo.org/Forums uses a limited subset of the HTML Codes.

Chandoo does give us a small clue at the bottom of a new post window in the Chandoo.org/Forums that we can use codes in the comments:

How do I use these codes

When entering your post or response simply put the appropriate code in front of the block of text you want it to apply to and close the code at the end of the block

You type: This is in <Strong> Bold </Strong>.

WordPress Displays: This is in Bold.

So What codes Can I use

The following table highlights some of the more common HTML codes that are available for use in post comments.

Codes that work in both Chandoo.org and Chandoo.org Forums

Codes that will only work in Chandoo.org posts.

The following codes  will not work in the Chandoo.org Forums

Animated PIctures

Animation can be added to a picture by including a link to an Animated GIF file.

This is only available in the Chandoo.org posts.

WARNING !

The old saying: “Less is More”, is very applicable here.

Just because you can use lots of Fancy HTML in your post, doesn’t mean you should.

Please limit your artistic expressions or face having your post edited or deleted.

Examples

The example HTML codes used above aren’t available to copy and paste above, as they are actually pictures of the codes.

Had I used the real codes, they wouldn,t display the codes, but would display the text after the codes have been applied.

However all the codes are available in the attached HTML Examples file.

Software and Picture Caches

Image Capture: I use the Snipping Tool that comes free with Windows Vista/Win 07.  Goto Start, All Programs, Accessories to find the Snipping Tool.

Image Editing: Chandoo and I both use Paint.net. Paint.NET is a free download available at www.paint.net

I also use CorelDRAW and Corel Photo Paint www.corel.com

Animated Gif: Chandoo and I both use TechSmith’s Camtasia Studio for capturing sequences to animated GIF files.

Image Sharing: I use the free TinyPic web site for the storage of pictures shown on Chandoo.org

Where Can I Learn More About HTML?

This post isn’t meant as a HTML Primer/Reference.

There are many other HTML codes that area available to do lots of other formatting, like Marquees, Scroll Boxes and Multi Column layouts.

If you want to learn more about HTML codes have a look at the following links:

http://www.w3.org/

http://en.wikipedia.org/wiki/HTML

http://en.wikipedia.org/wiki/Html_codes

There are lots of examples of HTML codes available on the web:

http://www.quackit.com/html/codes/

http://www.w3schools.com/html/html_examples.asp