This is going to be a complete tutorial on how to get a free domain and host it on blogger. If for some reason you don't want to spend money on buying a new domain, either you just want to test a project or you don't have money am going to walk you through how to get a domain free and host it on blogger.
To get a free domain, we will be using a site called freenom.com
(1) Go to freenom.com
(2) Choose any of the domain extensions you want when the page that looks like the image below comes up.


From the second image below, you can see that ayomites is not available, because it is a registered domain. When you find a domain you want and is available (which means, it has not been taken by any other person)
When a domain has been accepted you will see add to cart, click it. just like the image below

If successful, you will see the image below to tell you that your purchase is successful.
The next thing is to get the details of your new domain because you will need to provide it why connect your domain to blogger.
Now click on the three-line at the upper right of your dashboard or page and scroll down, click on my domains
Below are the domains, I had registered previously

You click on manage domain to get your domain info, now click on Nameserver (this is what we are going to change, to connect our domain to blogger).
Now leave freenom.com and go to Blogger.
Add the Domain Name to Your Blogger Site
Go to the Settings → Basic of your blog and click on setup a third-party URL for your blog under Publishing →Blog address.
Click on “Set up a third-party URL for your blog”

Type in the domain name that we registered with Freenom (prefix it with www.), and click Save. Then you will encounter an error like below. This occurs because we haven’t set up DNS for our domain yet. If someone types in our custom domain, they should be redirected to our blogger blog. For that to happen, we need to add DNS records at the domain name provider’s site.
CONTINUE READING