The Most Comprehensive Guide to Setup a Blogger (Blogspot) blog with Custom Domain and Cloudflare CDN

domain names

Blogger is one of the most popular free blogging platforms available on the web. Did I say its free? I can't emphasize it enough. 

So setting up your own blog does not cost a dime, and you can keep it as long as you like. One of my blogs which I completely forgotten about, is still going strong after 7 years! I recently applied a new blogger theme to it, and it looks just like new! In case you're interested, its a blog about Shayari (poetry). 

So, you have finally decided to create your own blog. That's good news!

However, be aware that having your blog on a custom domain increases its credibility and ranking. Also, keep in mind that Facebook, which is the world's biggest social networking giant, does not allow you to post links for blogger blogposts. 

What to do in this case? Its simple really. There is no need to pay for costly hosting services if you just want a trial of your idea, or its not going to be a business website, hobbies should be free (or really easy on the pockets) right! 

You can still continue to create your posts on the awesome blogger platform, the only thing you need to do is to purchase a domain name and point it to your blogspot blog. Your professional looking and sounding blog just enabled itself to be posted on Facebook! Awesome right?

You can choose from a variety of registrars. We personally use Namesilo for computengine.com.

We found it to be reliable and the renewal costs are same, which don't pinch your pockets, unlike some big names which lure you with cheap onboarding but really pinch later on. 

You can search for your favorite domain name, and see the pricing details on the links provided. 

We earn a small affiliate commission if you go ahead and make a purchase from Namesilo.com

So, once you've finally decided to purchase a domain name (or if you already own one), next step is to update your domain name details to blogger.

Let's see how it is done. 

In your blog admin page, click on Settings.

Scroll down to the section called Publishing




As you can see, we have filled www.computengine.com in the custom domain. You need to fill your domain name here. Click on the Custom Domain to do that.

When you fill your domain name, you need to verify to Google that you own the domain. Notice the text in the red error. Copy and save that text and we'll make use of it in our next steps. Don't use the text from the screenshot!



Now, the next step is, to configure your DNS settings in Namesilo (or any registrar you have purchased your domain from). 

We need to create A records and CNAME records. A good reference from Google itself is this post.

In A records, pls put the IP addresses which are mentioned in the Google post.

The CNAME records will contain the values which were displayed to you in the red error message. 

Once configured, it should look something like this:



Now the blogger blog is pointing to your custom domain name. You can stop here if you don't want to setup cloudflare. However, we recommend that you do that setup, having a CDN setup is good for your website as it prevents attacks and speeds and optimizes the delivery of your content using caching.

Here comes the next step, enabling cloudflare for your blog. 

We are assuming you already have a cloudflare account. If not, you need to first create an account on the cloudflare website.

Once you have signed up, next step is to add your website. Click on Add Site.


Now enter your website address and click the button.


You can select the free plan on the next screen. Its good enough for most use cases. Did I mention its free? 
Click Continue.



You'll see that cloudflare automatically adds all your DNS records. Hurray!




Cross check your DNS records, and if anything is missing, there is an option to Add the record. For my case, one CNAME record was missing. So I manually added it. 




Next step to change your Nameservers to Cloudflare. You'll see a message like this. 



Login to your Domain Registrar's website and update the Nameservers. We've done for our Namesilo account.



You need to wait for some time for the changes to propagate. Then check back to your Cloudflare account to check the nameserver update. 



Now we can do the Cloudflare Quickstart for some basic configurations. You can select the default options. 






 We're almost done! Check the SSL/TLS settings, and ensure its flexible. 




You can setup your Page Rules to ensure maximum caching. 


One more final fine tuning is required. Go to blogger settings, and ensure that https availability is turned off. This is an important setting, as we are already using HTTPS on cloudflare and if this is turned on, it will lead to clashes. 



That's it!! Wait for some time for the changes to propagate, and you can check back to your own custom domain, which will now open the original blogspot blog!




You can try opening the original blogger address and you'll find the redirect. 




Phew! That was a really long post. Did you find it useful? Please let us know in comments. 

Thanks for Reading the Article. If you have reached this far, we hope that the article was useful to you! Please Like/Share/Follow us on FacebookTwitterTumblr.

Comments

Popular posts from this blog

Calculate Your CTC Hike Percentage

Java Program to Find a List of Prime Numbers (Step by Step)

Java Program to check Palindrome

What is my IP Address - How to find your IP address on Local Network using Command Prompt, and External Network using JavaScript Code

Reduce Server Load from Dynamic Page Search - Create a Dynamic JavaScript based Table filter