Aw, thank you dsarkar'da for sharing it. Apreciate it! :)
Chess Diagrams for Dummies

Black_Knight, I took the snapshots from Mozilla Firefox!
There might be something wrong with your setup - try uninstalling and reinstalling (recent version) of Firefox - and allow popups for chess.com (very important)!

This is pretty cool. I always get a kick out of the posts that say "I didn't put a diagram because I am a newbie."
The site designers couldn't have made it any easier. Click, drag, insert. Your grandmother could do it.
No, this is not a published book! The cover Design is to dispel notions that some people are being insulted by the word "Dummies". This is in the tradition of the Dummies Series - procedure made easy, so that newbies will also understand.
I. Diagrams at chess.com
[This diagram was created for another forum - posting here so more members might be benefitted]
II. Diagrams for Book Publishing
Note: If you are publishing a book, and need black-and-white diagrams for that purpose, you will find this helpful.
On the other hand, if you need colored diagrams, you will find this helpful.
Again if you mostly work offline, or while travelling and don't have an aircard, you need a downloadable program like this which you can use to create colored(several color sets are there) or black-and-white diagrams on your laptop or connection-less computer.
III. Diagrams for Website
If you are publishing interactive diagrams in another website which allows external links, create diagrams in chess.com as illustrated above - after posting complete, press the "SHARE" button. You will be shown the code, which you can copy and paste in another website allowing you HTML posting.
If the website does not permit external links, then either their tools only are to be used, or pictoral diagrams by method above (book publishing) are to be used.
Any further clarification needed - post your questions/comments here. Enjoy!