How to Enable HTTPS (SSL) on Blogspot Blog

Are you searching for the article that will help you to enable https on your blogger blog with custom domain?

You are at right place. In this article I will explain you all the steps with the help of which you can easily enable https on your blogspot blog with custom domain.

Also enabling https on blogspot blog will secure your blog more than it was ever before. This will also protect your blogger blog from unwanted bots or attackers that can hack your blog.

How to Enable HTTPS on Blogspot Blog

Moreover enabling https on blogspot blog will also improve the ranking in google search engine. It means it will optimize your website as per search engine.

Now let me list of some advantages of enabling https on blogger blog with custom domain.

Advantages of enabling https on blogger blog:



1) Secure Connection: Enabling https will secure the connection between the visitors and the google server on which your blog is hosted. By enabling this feature your blog will look more secure as compare to non ssl website.

2) Protection from unknown bots and hackers: This will also helps you to protect your unknown bots that can harm your website. Moreover this will also protect your blog form hackers and spammers.

3) Fast Loading Blog: After enabling https on your blogspot blog, your website speed will fast. It means your website will load fast as you are using a kind of CDN (Content Delivery Network).

4) Improved SEO: Enabling https will also improve the ranking of your website in google search engine.

Requirement of enabling https on blogspot blog with custom domain:



1) A blogger blog integrated with domain name:

Before enabling https on blogger blog your domain must integrated with your custom domain name.

If your don’t have any domain name then you can register your domain name using our domain registration guide.



Once your domain is registered with us you can link a custom domain with blogger blog using our guide.



Now let me show and explain you the various steps to enable https on blogspot blog with custom domain.

How to enable https on blogspot blog with custom domain:



If you want to enable https on your blogger blog then you need to do the following steps one by one.

Step 1) First of you need to connect your blogger blog/domain name with cloudflare account. You can read our post if you don’t know how to do this.



Step 2) Now you need to click on Crypto and choose Flexible in SSL selection as shown in the blow screenshot.

Click on Crypto in Cloudflare

Choose Flexible

Congratulations! Now you have successfully enabled https/SSL on your blogspot blog.

Step 3) Now you need to do a important task i.e enable redirect from http to https. You can do it by Creating a Page Rule as shown in the below screenshot.

Page Rules in Cloudflare

You also need to enter the domain name with http and select Always use https. At last you can click on Save and Deploy.

Create a page rule in Cloudflare

Step 4) After done with creating the page rule you need to navigate to Firewall tab and set Security level to Low.

Firewall in Cloudflare

Set Security Level to Low

Now you can log out from your cloudflare account as everything is configure now.

While opening your blogger blog you will see that your blog’s home page is automatically redirect to https.

But the permalinks of your blogspot blog is still http version. So you need to make all these URL https version by making some changing in the template of your blogger blog.

You can easily make changes in your template to redirect http URL to https URL versions.

Step 1) Login in to your blogspot blog account.

Step 2) After logging to your blogspot blog you need to click on Theme from the left side of navigation bar.

Click on Theme in Blogspot Blog

Step 3) Now you need to click on the Edit HTML of your activated theme of your blogspot blog.

Click on Edit HTML

Step 4) In the theme customization page, you need to enter the below code in between the <head > and </head> tag and click on Save Theme.

<script>
$(document).ready(function()
{ $("a").each(function()
{ var i = $(this).attr("href");
var n = i.replace(http://www.yourdomain.com, "https://www.yourdomain.com");
$(this).attr("href", function()
{return n}}});
</script>


Note: Replace yourdomain.com with your actual domain name.

Redirect non SSL code

Step 5) You need to search the below code and delete that code.

<b:include data='blog' name='all-head-content'/>

Delete Code in Blogspot Theme

Step 6) Once done with deleting the above code you need to paste the below code just below the <head> tag.

<link href='https://www.yourdomain.com/favicon.ico' rel='icon' type='image/x-icon'/>
<meta content='blogger' name='generator'/>
<link href='https://www.yourdomain.com/feeds/posts/default' rel='alternate' title='BLOGTITLE - Atom' type='application/atom+xml'/>
<link href='https://www.yourdomain.com/feeds/posts/default?alt=rss' rel='alternate' title='BLOGTITLE - RSS' type='application/rss+xml'/>
<link href='https://www.blogger.com/feeds/BLOGID/posts/default' rel='service.post' title='BLOGTITLE - Atom' type='application/atom+xml'/>
<!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/2591933621-ieretrofit.js">
</script>
<![endif]-->
<meta expr:content='data:blog.url' name='og:url:domain'/>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + </br>"figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->


Note: Replace yourdomain.com with your actual domain name.

Enter the code in Blogspot Theme

Important things need to know:



Please note that you don’t need to add a new property if you are using Google Webmaster Tool. This can degrade the SEO ranking of your website. SO you can keep them as it is.

Conclusion:



I hope this article helped you a lot to enable https on your blogspot blog. You can check all our others articles also related to blogspot blog.

At last, I want to thank you to read and follow this article to enable https on your blogspot blog.

If you want to suggest something or want to tell us to add something in this article then you can suggest us via below commend box.

Also don’t forget to give your feedback and valuable comment via below comment box.