How to Enable HTTPS SSL Certificate on Blogger Blogspot and Custom Domain

enable https
How to enable https SSL on Blogspot for Free?
There are many bloggers and online marketers are using free blog service given by google. They always get a domain name like: http://mysite.blogspot.com
There are many who are still not aware that they can enable free ssl certificate on their blogspot.com domain name. Then their domain will be like: https://mysite.blogspot.com
I will guide you to enable https on blogger. The steps are given below:

1. Login to your Blog https://www.blogger.com/
2. After loggin in Go to Settings > Basic > HTTPS redirect. And enable it by seltecting "Yes". Follow the screenshot given below.
3. You are done...

ssl certificate blogspot


How to enable your Blogger Custom domain from http to https?
So, here we will explain all the thing in the easiest way. There will be only few steps to follow:

1. Add Cloudflare CDN
Firstly, create a new account on CloudFlare, and then you’ll need to add your domain like: Learnseo.pro and click on “Scan DNS Records

cloudflare add site

Now this will take few minutes to Scan your Domain DNS Records.

Now on the same page you will see an option of "Cloudflare Nameservers" (as given in the below image) and change the nameservers by going to your domain registrar. Like: Godaddy or any other
cloudflare nameserver

2. Enable SSL Certificate (HTTPS) On Custom Domain Name
  • Go To the “Crypto” tab on CloudFlare’s account
  • Then select the “Flexible” option from the SSL section
cloudflare crypto setting
Congratulation! You’ve successfully enabled the SSL (HTTPS) Certificates on your Blogger blogspot custom domain.

3. Page Rules to Set (3)
  • Go to the “Page Rules” tab and then you have to add 3 Page Rules as shown in below images.
  • But remember you need just to change “learnseo.pro” with your “domain name”.
  • Initially when you signup on Cloudflare and add your new site. You won't find "Always Use HTTPS" in the "Page Rules" Tab. You have to wait for 24 to 48 hours to get your site Active. Then you will see "Always Use HTTPS" option in Page Rules > Add Settings
Page Rule 1
Page Rule 1
 Page Rule 2
Page Rule 2

Page Rule 3
Page Rule 3

  • After creating all 3 Page Rules correctly, Go to the “Firewall” tab
  • In the Security Level section choose the “Low” option.
  • Now we no need of Cloudflare anymore, so log out your Cloudflare account.
4. Final Step:
  • Now open your blogger template by clicking on Edit HTML Tab.
  • Search for the “</head>” tag and paste the following code above the </head> (Don't forget to change yourdomain.com to your site domain name).
<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>
  • Now after this, find the below code in your template:
<b:include data='blog' name='all-head-content'/>
  • Remove it and add the following code below the “<head>” tag.
    (Don't forget to change yourdomain.com to your site domain name)
<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," + "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 template.
After following all these steps remember to make these changes too, which are as follows:
  • First, you need to update your Robots.txt file to make your blog SSL compatible
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: https://www.learnseo.pro/sitemap.xml

  • In Google Search Console, add new property in this way: https://www.learnseo.pro
  • After adding the new property and verifying it, then submit your HTTPS version blog’s sitemap.XML like: https://www.learnseo.pro/sitemap.xml
  • Finally, your blogger blog is ready to go live on the web, and it is fully SSL certified. 
 Advantages of using SSL Certificates:
  • Your site will look more professional
  • SSL Certificates will protect your blog from hackers and unauthentic attacks
  • SSL Certificates make your blog secured and faster
  • Using HTTPS your blog’s ranking in Google and other search engines will improve
GET FREE SSL CERTIFICATE FOR YOUR BLOGGER BLOGSPOT and CUSTOM DOMAIN

The method to enable the HTTPS SSL certificate on your Blogger blogspot using a custom domain, here we will guide you to get free ssl certificates.

Labels:
Reactions:

Post a Comment

[blogger]

Contact Form

Name

Email *

Message *

Powered by Blogger.
Javascript DisablePlease Enable Javascript To See All Widget