How To Enable HTTPS/Install SSL On BlogSpot Blog With Custom Domain

Do you want to Enable HTTPS on your Blogger Blog?
Don't worry...This tutorial is only for you....
As you know now Blogspot is giving free SSL for the blogs with blogspot.com subdomain.If you're using custom domain on Blogger then it doesn't allow you to Enable HTTPS on your blog.But here I have found a tricky method to Enable HTTPS on your Blog.So in 15 minutes, you will be able to see your blog live on HTTPS Connection.

Let's start...
Enable HTTPS/Install SSL On BlogSpot Blog

How to Enable HTTPS On Blogger Blog With Custom Domain:

To enable HTTPS on our blogger blog we are going to use CloudFlare CDN(Content Delivery Network).


Enter YOUR Domain

  • Enter your domain name and click on Scan DND Records.
  • After the scanning process, click on Continue, then you will get two Nameservers.
Nameservers


  • Now login to your domain registrar Account and change DNS to Nameservers given by CloudFlare.Now you may log out from your domain registrar account.



  • Again, go to your CloudFlare account.You will see several tabs for managing your blog on CloudFlare.
  • Click on Crypto tab as shown in the below image.

Crypto Cloudflare


  • Then select Flexible in SSL section.You have successfully enabled HTTPS on your blog but now you need to redirect all your Domain, Sub-domains, and URLs from HTTP to HTTPS.



  • So now move to Page Rules tab and here you need to add 3-page rules as shown in the below Images.(Maintain the order of adding page rules).

Page Rule 1

Page Rule 2

Page Rule 3


  • Now move to Firewall tab and select Security Level Low. You have completed your work in CloudFlare.



  • Now you need to make some changes in your blog template.So just go to your blog HTML Editor section and Find </head>

Add below codes just before the </head> tag.
<script>
$(document).ready(function()
{           $("a").each(function()
{             var i = $(this).attr("href"); 
 var n = i.replace(http://www.trickscloud.net, "https://www.trickscloud.net");
$(this).attr("href", function() {               return n             })           })         });
</script>

  • Now Find

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

  • and replace it with below code

<link href='https://www.trickscloud.net/favicon.ico' rel='icon' type='image/x-icon'/>
<meta content='blogger' name='generator'/>
<link href='https://www.trickscloud.net/feeds/posts/default' rel='alternate' title='BLOGTITLE - Atom' type='application/atom+xml'/>
<link href='https://www.trickscloud.net/feeds/posts/default?alt=rss' rel='alternate' title='TITLE - RSS' type='application/rss+xml'/>
<link href='https://www.blogger.com/feeds/BLOGID/posts/default' rel='service.post' title='TITLE - 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," + "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]-->

  • Now Save your blog template.


An Important step left now....you need to fix mixed content errors.

Maybe some Javascript file or CSS files included in your template is uploaded over an HTTP connection.

So find all URLs start with http:// and change those URLs to https://
Before changing, check the file is available over HTTPS or not.(Just add https:// instead of http:// and enter into your browser address bar).

If the file is not available over HTTPS then upload it to any free file hosting websites and get the HTTPS URL.

Important Things to do After Enabling HTTPS:

Change Robots.txt File:


  • Change URL in Robots.txt file.If your sitemap in robots.txt is http://www.trickscloud.net/sitemap.xml
  • Then just change it to https://www.trickscloud.net/sitemap.xml

Add a New Property in Google Webmaster tool:


  • In GWT add a new property with HTTPS version your blog then add a new Sitemap.XML file from Sitemap section in Google Webmaster Tool.


Now you have done all your work and now your blog is ready with HTTPS.So I hope you like this tutorial.If so, then share it using share buttons below....and if you have any queries related to this post then comment below...

Subscribe to Newsletter & Get Latest Post Updates

0 comments:

Post a Comment