How To Set Up Free Cloudflare CDN for Blogger Easily

Blogger is one of the most popular blogging platforms for both personal and professional blogging, and Cloudflare is a trusted and very popular Content Delivery Network (CDN) that possibly every webmaster has heard of.

In this article, I will show you how to set up Cloudflare CDN for your Blogger Blog for free and will also discuss some of the cool features that Cloudflare provides.

Along with the tutorial on how to set up free Cloudflare CDN for Blogger, I will also provide the solution to a common problem that occurs due to the wrong configuration of Blogger with CloudFlare, causing SSL handshake failures and makes your website non-accessible.

Cloudflare not only helps in increasing a website’s speed, but it also protects against various attacks, for example, a DDOS attack, in which, the victim’s website is attacked from many sources at the same time by sending a flood of traffic, making it impossible to stop the attack and thus causing the website to crash.

I have been using Cloudflare for a long time on all of my websites and strongly recommend everyone to use it for their website/blog as it drastically improves the website’s performance and security to a large extent and also adds a ton of plugins and options to enhance the user’s experience on the website.

As represented in the diagram below, Cloudflare prevents such attacks by routing the traffic to your website through a series of intelligent networks which can detect unusual behaviour from traffic and block the attackers from accessing your site. But it doesn’t cause any disturbance to the search engine crawlers and genuine visitors.

Cloudflare Security

Cloudflare also provides a free SSL certificate for your blog that allows visitors to access your site over HTTPS and also gives a boost to your search engine ranking, as HTTPS is an important ranking factor for Google.

That was the security part in brief.

Now coming to the second most well-known perk of using Cloudflare, the different ways in which it speeds up your site.

  • Cloudflare uses its global CDN network to deliver your web pages to your visitor faster.
  • Some domain registrars charge a premium fee for fast DNS. But once you connect your site to Cloudflare, it will resolve your domain name using its own super-fast DNS servers, for free!
  • By caching the static resources of your website, Cloudflare improves the page load speed and reduces the pressure on your server.
  • By automatically minifying the HTML, JavaScript and CSS in your source code, Cloudflare reduces the size of your pages and thus decreasing the page load time.

Well, those were some of the basic reasons why you should definitely use Cloudflare CDN for your Blogger Blog.

Now I’ll show you the step by step process that you need to follow in order to set up free Cloudflare CDN for Blogger.

Also Check Out: How To Setup Free Push Notifications For Your Blogger Blog (And Get Tons Of Returning Visitors)




HOW TO SETUP FREE CLOUDFLARE CDN FOR BLOGGER BLOG (STEP BY STEP PROCESS)

Requirements: Please note that you would need a custom domain in order to set up Cloudflare for your Blogger blog, as it does not support subdomains (subdomain.blogspot.com). You can get some custom domains (like .ml, .tk, etc.) for free. Although, I won’t recommend using free custom domains as those are usually considered to be spammy. (Note – .blogspot.com domains are excellent for SEO, they do not have any downside in terms of SEO ranking factors.)

1. Sign Up On Cloudflare

Go to www.cloudflare.com and signup with your e-mail address.

Then click on the Get started Button under Cloudflare for infrastructure.

Get started with Cloudflare infrastructure.

2. Add Your Website’s Address

Type in your website’s address in the given field as shown below and click on the ‘Add site’ button.




Add your blog's domain to Cloudflare

3. Choose Your Plan And Security Level

Choose your Cloudflare plan

You will be asked to choose a plan for your Cloudflare account. The free plan provides all the necessary features that you would ever need.

4. Verify DNS Records

Verify DNS records in Cloudflare setup

Cloudflare will take a few seconds to scan your existing domain records.

After that, a list will appear from where you can verify that all your DNS records have been detected by the system and if something is missed out, then you can manually add them.




If there’s any subdomain that you want to keep off the Cloudflare network, you can remove it on this step.

An orange cloud represents that the sub-domain will be cached and served over the Cloudflare network, while a grey cloud represents that the particular sub-domain will bypass the Cloudflare network and all requests will directly go to your webserver. 

No worries if you are not sure what these mean, usually Cloudflare automatically detects everything correctly and you can simply move on to the next step.

If you have custom mail servers, you can add them here too. (You can find the instructions on how to add e-mail records on Cloudflare from here.)

5. Change Your Nameservers To Cloudflare Nameservers

This is the last step and here you will be provided with two nameservers from Cloudflare.

You need to replace your existing nameservers from your domain registrar’s DNS settings with these two nameservers provided by Cloudflare.




To change the nameservers, first, log in to your domain registrar’s website and click on the manage DNS option. There you will find some existing nameservers. Delete all of them and add the two nameservers provided by Cloudflare. 

Here’s an example screenshot on how to configure it on Google Domains:

Replace the existing nameservers with Cloudflare nameservers.

If you are not sure how to change the nameserver, do a web search for the following search term – “how to change nameservers on (your domain registrar’s name)”

After you have replaced the nameservers, be patient as it might take a few hours for the changes to be updated. You will receive an e-mail from Cloudflare when your site is successfully added to Cloudflare.

Complete The Quick Start Setup

Get started with the Quick Start Guide

Keep Automatic HTTPS Rewrites Turned On

Keep Automatic HTTPS Rewrites Turned ON

We often use external scripts which may contain insecure links that may affect the security of the visitor. Sometimes we even forget to add the “https” while linking to external resources from our articles or pages.

With Automatic HTTPS Rewrites turned on, Cloudflare will fix all those mixed content issues on the fly!




Keep Always Use HTTPS Turned On

This will make sure that if a user doesn’t include the “https” or mistypes “http” instead of “https” while typing your URL on their browser, Cloudflare will automatically redirect them to the secure https version of your site.

Turn On Auto Minify For All Code Resources

Turn on Auto Minify for JavaScript, CSS and HTML

With Auto Minify turned on, Cloudflare will automatically save the minified version of the JavaScript, CSS and HTML of your pages in its cache. Thus, reducing the size of the source code on your website, leading to faster page loads.

Keep Brotli Compression Turned On

Keep Brotli Compression Turned ON

With Brotli compression turned on, Cloudflare will compress your static resources either using GZIP compression, or Brotli, whichever is supported by the client. This reduces the size of your resources and enables quicker load times of your web pages. Learn more about Brotli Compression here.

Verify The Summary

Now verify whether or not your summary matches exactly with the screenshot provided below.

And finally, click on Finish.

[IMPORTANT] Prevent Cloudflare SSL Handshake Failure Error

When used with Blogger, Cloudflare sometimes causes SSL handshake failure which makes the website inaccessible. But it can easily be prevented, here’s how:

1. Turn Off Blogger HTTPS Redirect

Go to Blogger Settings, scroll down to HTTPS and turn off HTTPS redirect.




This step is very important, as otherwise, you will face the “too many redirections” error.

2. Make Cloudflare SSL Flexible

Go to the SSL/TLS page on Cloudflare and select “Flexible” under SSL settings.

Set SSL encryption to Flexible

3. Make Sure Always Use HTTPS Is Turned On

On the same page, go to the Edge Certificates option and make sure that the “Always use HTTPS” option is turned on.

Turning on "Always use HTTPS" in Cloudflare setup for Blogger

That’s it! You have successfully prevented any Cloudflare SSL handshake error from occurring.

Congratulations!

You’ve successfully set up Free Cloudflare CDN for your Blogger Blog!




If you’re in India and use the Jio Mobile Network, make sure you check out: How To Fix Cloudflare Sites Not Opening On Reliance Jio Network

Some Cool Extra Features Of Cloudflare

Here are some great extra features that Cloudflare offers for free:

Apps/Plugins Store

App store in Cloudflare

Cloudflare provides an awesome app/plugin store, from where you can install lots of plugins to your website with just one click, no coding needed.

There are some pretty useful apps in the plugins store, such as the “Instant Page” plugin which speeds up your website to a truly next level!

The best part about the plugins store is that no change is made to the code on your server. All the code necessary for the plugins is added to your source code on the fly. You can also deactivate the plugins anytime with a single click of a button.

Progressive Web App

You can also make a progressive web app for your Blogger blog using Cloudflare Workers service. Learn How To Make Progressive Web App (PWA) For Blogger.

Threat Control

Cloudflare allows you to block specific IP addresses and even the traffic from specific countries, from accessing your website.

It also displays a list of IP addresses that were found to be suspicious by Cloudflare and had failed to solve captchas provided by Cloudflare. You can block those IP addresses manually.




Huge Improvement In Page Load Speed

Did you know that visitors tend to close web pages that take a long time to load? Page Load Speed is also a Google Ranking Factor.

Aside from providing the option to automatically minify HTML, JavaScript and CSS on your website, Cloudflare’s Rocket Loader reduces your page’s loading time drastically by loading all the JavaScript on your website asynchronously.

However, according to some reports, the Rocket Loader was found to interfere with some AdSense scripts. I personally have not found Rocket Loader to interfere with the AdSense script in any way. But if you face any problem, you can keep it turned off.

That was the complete guide to set up Free Cloudflare CDN for your Blogger Blog.

Also check out: How To Make Your Blogger Blog Full Width So That it Fits Edge To Edge On Any Display

Do comment below if you have any confusion regarding this article and do share this article if it has helped you. As you know, Sharing is Caring! : )

Tired of slow indexing of your blog posts by Google? Check Out: How To Get Your Blog Posts Indexed By Google Instantly [2 Minutes]

About Anirban Roy

Anirban Roy is the founder of TechRBun. He is a Computer Geek. He likes to share his knowledge about PC, Mobiles and Blogging. He studies in class XII and when he is not studying, he can always be found tweaking his PC or surfing the web on his mobile phone. He loves music and literature too!

25 thoughts on “How To Set Up Free Cloudflare CDN for Blogger Easily”

  1. Thank you so much for providing the solution to the "SSL handshake error", now I have finally fixed it. I loved the article and also discovered the "apps" option which I didn't knew about earlier.

    Reply
  2. After choosing "HTTPS redirect to off and the "Crypto" page of Cloudflare and select "flexible" under SSL settings." it made my site insecure. Therefore, I again went back to "full" instead of "flexible" and "HTTPS redirect to on." Then my site became secured again.

    Reply
    • There will be a huge problem if you do that. Believe me, if you keep the SSL to full, you will face ssl handshake errors often and your website won’t even load. What you need to do is, from Blogger settings, turn https redirect off. And in cloudflare settings, put it to flexible and then scroll down more and in cloud flare, you will find the https redirect option, you need to turn that on. Hope this helps you. ?

      But again, i am warning you, never put the ssl in cloudflare to full for Blogger blog.

      Reply
  3. Thanks for this post Roy, it helped me in setting up cloudflare on my blog. although cloudflare have changed some of their UI, i was able to navigate through and get things done.

    Reply
  4. Thanks, really helpful. Although recently some UI of Cloudflare has changed but your article is very good and has helped me in setting up cloudflare for my blogspot.

    Reply
  5. Valuable information. Lucky me I found your web site unintentionally, and I’m surprised why this accident didn’t happened in advance!
    I bookmarked it.

    Reply
  6. Hai If change the setting from Full to Flexible will it slow down the speed of my blog because its running with a custom domain on blogger platform

    Reply
    • Hi Andrew,
      No, changing the SSL from full to Flexible won’t have any affect on your site’s speed. I recommend changing it to flexible because sometimes Cloudflare fails the SSL handshake with Blogger and in that case your site becomes inaccessible to your visitors. Thus, it is the best to keep the SSL setting as Flexible in Cloudflare for configuration with Custom domain on Blogger.

      Reply
  7. Hi,
    Thank you for this helpful article, but when I add my website to cloudflare the google adds don’t show. Is it against google policies ?
    If not, could you please tell me how to solve this issue.

    Thank you.

    Reply
    • Hi!
      No, using Cloudflare CDN on Blogger is not against Google AdSense policies. AdSense should run fine. Can you please share your URL, so that I can take a look in order to help you out?

      Reply
  8. I use a blogger site with custom domain and i have done CDN with Cloudflare but my site speed still not improved.Please help me.
    My site URL is https://www.panchanakshatrapatrika.co.in/

    Reply
    • Hi Atanu, Cloudflare speeds up your site by serving cached data from its high-speed CDNs, which I’ve checked, is working fine.

      There are other issues in your site that are causing the slowdown. You may use Google’s PageSpeed Insights tool to find those errors and learn how to encounter them.

      Reply
  9. Sir your post is excellent, but here I’m facing one problem, as you mentioned above I’d done everything correctly but now I’m facing multiple redirect issue with my website
    Please help me
    it’s hindiram.com

    Reply
    • Hi!
      I checked your site. It’s blank. It doesn’t show the “Too many redirects” issue either. You may reach out to me on telegram at bit.ly/joinbloggers for a quicker response.

      Reply

Leave a Comment