How To Move From HTTP To HTTPS On Blogger Custom Domain


Today I have the best news to share with all you bloggers. Have you ever thought about adding a professional look to your blogger blog? And no, I'm not talking about a professional template. That is good too.  I'm talking about establishing a secure connection for your custom blogger domain between your site and blog visitors.

Well, to your advantage, you can also speed up your site using the fastest Content Delivery Network with this process. Not only your blog speed will be affected, your ranking will also improve on Google.
This good news I'm talking about is enabling SSL on your blogger custom domain. I'm sure you must have thought this was impossible in the past, but no. Nothing is impossible.


If you seek to know and understand how all that would work on a blogger custom domain, then I suggest you go through this in-depth tutorial.

I'm pretty sure that you are aware of the fact that Google actually gives a free https certificate only to blogs that have the .blogspot.com domain extension and yeah, its one of their gifts to bloggers. But as your move to a custom domain, that feature is disabled and many are wondering just how they can add an SSL HTTPS certificate to their site so that their blogger blog can have that professional feel.

It has been proposed that this SSL feature will be rolled out to custom domains in the future, but do bloggers really have much time to wait so long? Definitely, NO! And then again, waiting is not worth it because you can get a free SSL certificate that is worth a lot of money. That way, HTTPS can be enabled on your blog to establish a secure connection between your blog and site visitors no matter what custom domain you are using. This guide to getting an SSL certificate for blogger might be a little tricky, but trust me, if you follow through, I'm sure you will be able to pull it off. I'll try to break down the instructions just so you can follow along each step of the way. You will also get to know why using HTTPS on your blogger blog is to your advantage.


What I'll be discussing in details:




The various reasons why you need to use SSL Certificates on your Blog/Website

Your Blog will look more professional

SSL Certificates are needed to establish a secure connection between your blog visitors and the site. For this purpose, we will be employing the Cloudflare Flexible SSL tool that will aid content delivery and enable fast loading of your site. We are using cloudflare because its one of the best Content delivery network available.

HTTPS helps to rank your blog on the Google search engine among others

Ready to improve your SERP ranking? Then you need to have this feature on your custom domain. Google is interested in ranking sites that have SSL certificates and so you can beat your competitors with this feature and improve your SEO.

As with all advantages, disadvantages also arise. But don't be skeptical about moving to HTTPS. The disadvantages are not something to be worried about.

 These disadvantages include:

Traffic flow decreases for a certain period as a result of the switch. This is because it will take some time for Google to crawl your site again and index it with all the HTTPS.

Secondly, the process is irreversible. What I mean is that as soon as you enable this feature on your blog, you will not be able to take it back to http. But then again, nothing is impossible. But note that removing the https on your blog will account for traffic loss and harm your SEO. Not only that, Google might remove it from search engine.

Ready to move to HTTPS even while using a custom domain on blogger? Read on

I'll be descriptive enough in explaining the process step by step as to how to enable this feature and give your blog that professional look. For the purpose of what we want to accomplish, we will be utilizing Cloudflare's content delivery network which is absolutely free and easy to use. Note that cloudflare has other advantages, like protecting your blog from cyber attac, improving site speed and load time and also improving your SERP ranking.

Step 1 : How To Add Cloudflare CDN To A Blogger Blog

This is the first and important part of the setup guide. You can only utilize cloudfare's awesome benefits when you add it to your blogger blog.

All you have to do is:

- Sign up for a new CloudFlare account and add your blogger custom domain then scan DNS record. This might take a while to finish.
Upon completion, CloudFlare will provide you with its name servers and ask you to add it to your domain settings so that your blog will now point to their name servers.

To do this, visit your domain registrar, click on domain settings and find the 'change name servers' options. For example, I'm using the freenom domain registrar and as the image shows, I've changed the name servers by clicking on my domains > manage domain settings > Management tools > name servers > custom name servers > paste Cloud flare's name servers.



Once you are done with the above process, your blog is now live on cloud flare.

Step 2 : Enabling HTTPS / SSL certificate on your blogger custom domain

Now that we have finished the first step, the second step comes into play. Integrating your blog with the HTTPS feature. Follow all the highlighted steps below for it to work perfectly.
On the menu bar, click on the tab called 'Crypto' and select the 'Flexible' option. That will do just fine because the feature is now enabled. But don't get too excited already as this is not all that you need to do.


Step 3: How To Redirect All Permalinks And Sub-domain To Point To HTTPS instead of HTTP

This is by far the most important step in this guide as merely enabling the SSL Certificate feature does not guarantee full migration to HTTPs. Continue reading to final setup.
Visit the 'Page Rules' tab on the menu bar. You are only allowed to make three page rules on the free plan. I'll be using www.techandseo.ga for the process. Just know that you need to replace my URL with yours when doing this.

First page rule

On the first page rule enter the URL in this format http://*techandseo.ga/* and then click the setting 'always use https'. Save that page rule


Second plague rule

Enter the URL in the format http://techandseo.ga/*
The setting should be forwarding Url and the sub-setting should be 301- permanent redirect
The last URL on the page should be in the format https://www.techandseo.ga/$1
Save and deploy



Third page rule

The URL should be in the format https://techandseo.ga/*
 The setting should be forwarding Url and the sub-setting should be 301- permanent redirect
The last URL on the page should be in the format https://www.techandseo.ga/$1
Save and deploy



As soon as you are done with the creation of all three page rules, go back to the menu bar and go to the firewall tab. Choose the 'Low' option on the security Level selection.
ThIs is the last Cloud flare setting we will be making.

Congratulation for coming this far.


Exit cloud flare and go back to blogger. By now, your blogger blog's custom domain is now redirecting to https.

Bonus Tip: For faster loading of your site's images and fully secured images, I'll recommend uploading your images on postimg.org

Fixing  Mixed Content
A little problem with enabling https on your blog is that it might get affected by mixed content. This happens because the content of  your blog is not yet made to work with https. All you have to do to fix the issue is to :

First, visit your blog with HTTPS (https://www.yourblog.com ) in Google Chrome.
Then press the Ctrl + Shift + J keys to open the Javascript console tab.
Look for mixed content errors, there you’ll see some red colored errors like below one.

Mixed Content: The page at ‘https://<your-blog>.blogspot.com/’ was loaded over HTTPS, but requested an insecure script ‘http://<some-url>/script.js’. This request has been blocked; the content must be served over HTTPS.

You can easily fix these mixed content errors. Just go to Google Blogger Support page follow each and every step completely then you will get rid of these errors.

As an option, go to blogger > edit template > search for http > change all occurences to https > then save your theme.

Important things to follow:

1.) Try to reupload both logo and favicon and that’s it!

2.) After successful migration, go back to google search console, crawl your blog again so that google indexes your page with the https. This helps too improve ranking and SEO optimization.

Make sure your sitemap also points to https.

For example,
Go to Blogger Dashboard and go to your “Search Preference” settings
In the Crawlers and indexing, replace your old robots.txt file with below one.
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: https://www.yourdomain.com/sitemap.xml
Now save your robots.txt file.

If took think this would be difficult to pull off, contact me by leaving a comment below so I can do the technical setup for you at an affordable price because this is a risky thing to do as one wrong step could harm your blog.


Conclusion

If you liked this tutorial, please leave an encouraging comment below. I will really aprreciate it so much. Hearing form you guys keeps me going. And don't forget to share. Sharing is caring.


Note: If you would like to share this info on your blog, don't forget to give me credits by linking back to this post. 


Read more:
How To Get Google AdSense Approval In 3 Hours
How To Add YouTube Videos To Your Blog Posts

Labels: