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

Posted on November 4th, 2011 in blogging , Cool Infographics & Data Visualizations , Excel Howtos , Forum , Huis , Posts by Hui - 16 comments

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

 

 

Your email address is safe with us. Our policies

Written by Hui...
Tags: , , , , ,
Home: Chandoo.org Main Page
? Doubt: Ask an Excel Question

16 Responses to “Fancy Posts – using HTML Display Codes in Chandoo.org Posts”

  1. JP says:

    This should be on a FAQ page somewhere on the site.

  2. Luke M says:

    Thanks for the list, Hui!
    Ditto to what JP said.

  3. bill says:

    so i take it that i cannot directly upload gif files to the Chandoo site but can create a link to a gif file that is in any public webserver. then, when someone browses to the Chandoo site page the link i have created (from a leave a comments box such as this) will go out and get and display the gif file on the referenced server website? is this correct?

    • Hui... says:

      That’s correct Bill
      Chandoo.org doesn’t have an upload area available for dropping files into for use in posts
      As I mentioned Tinypic.com does a great job sharing pics for exactly this purpose

  4. jeremymjp says:

    Ditto x 3.

  5. jeremymjp says:

    Ditto again! This should be a sticky thread right at the top!

    Good thinking, Hui

  6. Kay says:

    This shouldn’t be a blog post. It’s clogging up everyone’s RSS feeds.

    And while you’re at it, get rid of the unsightly ads at the beginning of your posts. They really make your blog posts look quite ugly.

  7. Michael Azer says:

    Thanks Hui, I didn’t know you could do so much in a post.

  8. Chandoo says:

    @Kay… Thanks. We will add this to FAQ section as many readers suggested. However, we are not going to get rid of ads or stop selling products. If you do not like the fact that our site makes a living for half-a-dozen people behind it, then you are welcome to unsubscribe.

  9. chrisham says:

    Thanks a lot Hui

    This is a must save post

    This is my first use of the HTML language

  10. Wookiee says:

    That is some good stuff, Hui; thanks. I’m hoping, though, that the “” tag works, because the lack of line breaks between my paragraphs has always irked me when posting here (well, for the 2 weeks or so since I’ve started posting).

  11. Wookiee says:

    Followup to my previous post: I guess the blank line between paragraphs code I found on wordpress.org (open bracket hr close bracket) doesn’t work here, or I used it wrong.

  12. sanvi says:

    Hi Chandoo,
    I have a question on vlookup. In vlookup if table array says “$B1:$B10″ mean it’s taking from range 1 till 10 But when it says $G:$BC. what does that indicates?

    • Hui... says:

      @Sanvi
      $B1:$B10 means to lookup in Column B between Rows 1 and 10 and this would be rare in a VLookup table array as mostly you will use 2 or more columns of data to lookup

      $G:$BC means it is looking up Columns G to BC which is 49 columns of data
      However Vlookup will only lookup the Lookup Value in Column G
      But can return a value from any of the other 48 Columns depending on what value is in Col_Index_Num

      If you post the entire formula and I can advise further

      ps: This question should have been posted in a VLookup post or as a Formula Question in the Forums

  13. Michael (Micky) Avidan says:

    TEST:

Leave a Reply