Free DNS setup for a domain showing a Blogger web page

I was very busy with some configuration for a friend's blog on Blogger.
She was paying a fee for the DNS redirect from her national DNS service to blogger, and I help her to stop paying for that.

I'll write the steps to reproduce the free DNS setup via CloudFlare, that by the way its an excellent way to manage the DNS for free.

Step 1
In the first place, you need to add the domain to Cloudflare after creating an account in Cloudflare.
After that, we must provide the DNS of Cloudflare to our national domains service, usually, they are:

fred.ns.cloudflare.com

pola.ns.cloudflare.com

Step 2

The next step it's to locate the "configuration area" in Blogspot > Settings > Basic > Publishing >  Blog Address > "+ Set up a third-party URL for your blog - Point your own registered URL to your blog."

Step 3

In there is an input box for setting your domain URL including the subdomain www o blog or whatever... after you put it, it will throw an error and a description and link that downloads a text file that has all the information for upload to the DNS configuration in cloud flares the links says "DNS settings file", the content of the file looks something like this:

• @ 3600 IN A 216.239.32.21
• @ 3600 IN A 216.239.34.21
• @ 3600 IN A 216.239.36.21
• @ 3600 IN A 216.239.38.21
• www 3600 IN CNAME ghs.google.com
• 6n3klf7wtapc 3600 IN CNAME gv-3srif7ga7v6d4w.dv.googlehosted.com

This configuration shows to Blogger that you own the Domain and your point that domain from your DNS to Blogger.

Step 4

The importation of this config it made via a tool of Cloudflare in the tab DNS in DNS Records we look for the Advance button and after that, it will show a configuration panel with a button for Upload DNS File.

We select out just download DNS configuration file from Blogger and Cloudflare configures the DNS for us as Blogger wishes.

Step 5

Wait a while for DNS to deploy return to Blogger and insist on Step 3, it should now take the configuration of your domain and check that you own it. 

Step 6

In Blogger check on the checkbox that says Redirect from the domain alone to the domain with www or blog or whatever...

Step 5

In the same screen in Blogger check for HTTPS > HTTPS Availability and HTTPS Redirect. And put yes in both.

Step 5.1

And as an add-on, you can redirect in the Page Rules tab add the complete URL/Description of the domain and the redirect 301 that it's permanent to the URL with https and www.