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://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
17 Responses to “Fancy Posts – using HTML Display Codes in Chandoo.org Posts”
This should be on a FAQ page somewhere on the site.
Thanks for the list, Hui!
Ditto to what JP said.
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?
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
Ditto x 3.
Ditto again! This should be a sticky thread right at the top!
Good thinking, Hui
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.
Thanks Hui, I didn't know you could do so much in a post.
@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.
Thanks a lot Hui
This is my first use of the HTML language
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).
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.
Very useful html tips, thanks!
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?
@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
TEST:
At first, I want to thanked you for the list. Very useful html tips, I think thanks!