Setting up a .com for free courtesy of Google

Here's how I setup the following domains: http://basarat.com http://booleanart.com http://about.booleanart.com

All you need is a domain name. That you can buy for a large number of sellers. I chose ServerSea http://serversea.com/
They basically use the OnlineNIC as their domain registrar :

https://www.onlinenic.com/cgi-bin/english/correct_domain_new.cgi

which in turn uses DIY DNS www.dns-diy.net for configuing the dns settings.

Modify the DNS Name Servers
So to start off I login at OnlineNIC and modify the DNS use the DIY-DNS nameservers:

These are "ns1.dns-diy.net" and "ns2.dns-diy.net". Click Modify.

Add CNAME Records routing to Google Servers:
No login to DNS-DIY and add the following CNAME Record:
(As per this the blog will be hosted at about.booleanart.com)

Note the "." in the end : "ghs.google.com."  wait for the settings to take since DNS takes time to propogate.
You can verify from Kloth Dig. Heres how it will look like:

Modify the location in your blogspot account
Now that you have the DNS setup you are good to modify the publishing address of your blogspot account.
Just goto http://draft.blogger.com/ and navigate to the Publishing settings of your blog. Goto advanced settings and setup the CNAME you used. e.g.:

If you verfied the Kloth respose before modifyin the blogspot publishing domain you should most definitely see "Congratulations, your blog is ready!".

Redirecting top level domain to your blog as well
This is optional. Also if you are hosting multiple accounts on blogspot you should set this up for one blog only.
I set http://booleanart.com to http://www.booleanart.com

Setup in DNS-DIY (notice that A records do not have a "." in the end) :

Verified:

And setup in Blogspot check "redirect booleanart.com to www.booleanart.com" :

nowhttp://booleanart.com will redirect to www.booleanart.com

Hiding the blogspot navbar:
This is easy just add the following after your variables declaration in the HTML template:


#navbar-iframe  {
display : none;
height : 0;
visibility : hidden;
}
Source : http://w3onlinesource.blogspot.com/2010/07/how-to-hide-blogspot-blogger-navigation.html



Adding a subdomain not hosted on blogspot
So now I have http://booleanart.com setup and http://www.booleanart.com and http://about.booleanart.com
I want to host http://games.booleanart.com myself.
FYI How I figured it out : I did by basically testing it out on another one of my websites (which had an unmodified nameserver) and added a subdomain in plesk. Looked at the configuration in Kloth.  Here's what I found out:

Account for uploading (Required Only Once)

The ftp.booleanart.com also needs to exist to allow file uploading :

Add a subdomain A record in DIY DNS: 
The domain is shared hosted on the server with IP address "174.133.142.98" added an A record accordingly:

Verified from Kloth:

Add a subdomain in plesk: 

And:

That's it. Enjoy!