• Admin
  • Never miss an Update

    28 Jun 2017

    Are you still using an unsecured connection (HTTP)  between your readers and your blog? still searching for a way to enable HTTPS for your blogger blog with a custom domain? Want to increase your blog's SEO ranking? or just want to know about SSL (Secure Sockets Layer ) certificate and how to obtain a free one?.

    free https for blogger
    Today's post will guide you on every step required to move from HTTP to HTTPS which is a secure (encrypted) connection between your readers and your blog. 

    I know you were heartbroken when blogger limited the free HTTPS to subdomains (.blogspot.com) only, I was too until I found this solution which I rather call a free gift with an extra layer of super fast blog speed.

    Yes, you heard me right! - Today's post will not only show you how to enable free HTTPS certificate for a blogger custom domain rather it will also provide you a drastic increase in page speed. I used this method to power my own blog and in less than 24 hours my blog was running fully on HTTPS.

    All links automatically redirected with just a setup that took me less than 20 mins and I know it will take you less because I have crafted this post just for you.

    What is HTTPS?

    Due to online information hackers, web developers provided a solution which helps prevent these hackers from getting customers information from your blog. HTTPS (HyperText Transfer Protocol Secure) is an encryption that helps protect you and your blog readers.

    When SSL was introduced, it was used by E-commerce sites that collect sensitive data such as emails, password, credit card details etc from visitors but over time SSL grew into a must have for blogs. 

    Why do I need HTTPS For Custom Blogger Domain? - Advantages of SSL

    HTTPS encryption has become important to blogs for some certain reasons and also to add to it, Google has decided to add a ranking percentage to sites using SSL which means if you enable SSL on your BlogSpot blog, you would have a higher ranking edge over other blogs.

    Many WordPress blogs have moved to HTTPS because it is very easy to add SSL to WordPress using plugins - this again has given them ranking power over BlogSpot bloggers with a custom domain name.

    Below are a few important reasons why you need to enable HTTPS on your blogger blog.

    1. Increase SEO Ranking: Google is wise and due to this sense of their's, Google has included a ranking power to SSL which means if you want to properly SEO optimize your blogger blog, you need to setup HTTPS.

    Google claims to rank 30% of websites with https enabled on the first page.

    2. Protect Your Visitors: You really don't want to endanger your blog visitors. HTTPS encryption helps you protect your blog visitors from any online information hacker searching for internet users details.

    3. Increase Conversions and Traffic: Sensitive internet users prefer to browse HTTPS enabled blogs. So if your custom domain is not showing the https and green padlock, they will simply abandon the site.

    4. A professional Look: Having that green padlock on your blog link definitely makes your blog look professional. 

    5. Faster web: I don't know about other blogs enabling HTTPS but the method I used sure increased my blog's loading time by over 50%.

    Disadvantages Of Enabling HTTPS on Blogger Blog

    During your migration from HTTP to HTTPS you are going to encounter a few fallbacks which you can as well refer to as disadvantages.
    1. While migrating to HTTPS, your blog will experience a drop in traffic until Google crawls and index all your HTTPS-enabled URLS.
    2. After enabling HTTPS on your blog, going back to HTTP might cause your site to get totally deindexed by search engines. 

    HTTPS vs HTTP - what's the difference?

    Before the introduction of HTTPS, we all used HTTP and you are still using HTTP. so what is the difference?
    1. HTTPS is a secured encryption but HTTP is not (it can be easily hacked).
    2. Google added an extra ranking factor to HTTPS but HTTP is treated badly (unsafe).
    3. HTTPS comes with a green padlock while HTTP comes with an info icon.
    4. HTTPS stands for HyperText Transfer Protocol Secure while HTTP stands for HyperText Transfer Protocol.
    5. HTTP is free for all while HTTPS is not. Except you get a shared version from LetsEncrypt.

    Are you scared?

    Am asking cause I know how I felt when I decided to move to HTTPS especially when you are already getting high traffic from search engines. Blogger actually made this hard for custom domain users.

    Once you purchase a domain name and switch to it, you would loose your free HTTPS. I was really sad when I saw the message: "Warning: https is not available at the moment for custom domain blogs".

    One thing in life is, not until you take a step you can never move forward neither can you fall. What do I mean? if you are scared of moving to HTTPS then you would never enjoy the benefits of it.

    Asking me, I would say you move because the benefits are worth it. It is nothing to be scared about!. As long as you follow the steps, your blog will not experience any offline issues. It would continue working even when it's still propagating.

    Want to set up free HTTPS on your blogger custom domain?. - let's get started.

    There is something I want to show you...

    Introducing CloudFlare CDN

    Have you heard of Cloudflare? have you used it? - if you have used it then you know the functionality it brings. I am going to show you how to move your blog to HTTPS (obtain a free SSL certificate) using CloudFlare. 

    but first, let me show you many more things you can do with CloudFlare and how it can help you power your website.

    What is CloudFlare CDN?

    CDN short for Content Delivery Network is a system of servers that help deliver web pages and contents (images, HTML, CSS etc) to a user based on geographical locations of each user.

    What CDN simply is, is a way of delivering your content faster and safer. Instead of loading all your contents from your server, CDN acts as a middle man that help distribute your content.

    Using CDN is over 50% faster than delivery contents from your own server. Why? CDNs have millions of servers distributed around the world which means your content gets to load almost instantly.

    CloudFlare is a type of CDN that provides everything a CDN provides plus extra features which includes free shared HTTPS, email obfuscator, Analytics, DDoS security and much more.

    CloudFlare comes with different plans but its free plan is just enough to enable SSL on a blogger custom domain and not just that you can also enjoy free add-ons on the free plan.

    Features Of CloudFlare

    1. Free HTTPS for your blog
    2. Protects your site from threats
    3. Improves your blog's performance and speed
    4. Obfuscate your email from spammers.
    5. Adds an extra layer of caching to your blog
    6. Works great with other CDNs

    Now you know what CDN and CloudFlare is, let us get started with adding HTTPS to blogger custom domain which should take only a few minutes.

    If you are afraid of coding!, don't worry, You won't make use of any codes. P.S you can hire me to do everything for you while you sleep.

    How To Migrate Blogger Custom Domain From HTTP to Free Secure HTTPS

    Now it's time to get the job done real quick and start enjoying a massive boost in SERP plus a secured website from online hackers. In case you find any issues at any point, feel free to comment.

    Video Tutorial below

    Create A CloudFlare Account

    To create a free CloudFlare account simply visit www.cloudflare.com >> locate "Get Started Today" >> Add your Email and choose a password >> Hit Sign Up.

    On the next page, Tick " I agree to ..." and >> Click Create Account.

    Add Your Blogger Blog To CloudFlare

    Get started with CloudFlare. You have just taken your first steps to HTTPS. On this next page, locate "Add a website", in the box below it, input your blog custom domain URL. (e.g www.bloggingprince.com). >> Scan DNS Records.

    ssl for blogger custom domain
    It will take CloudFlare a few seconds to scan your blog. What this simply does, is provide custom nameserver for your blog's integration.

    After counting, click "Continue".

    Verify DNS Scan records.

    After the scan, CloudFlare will provide the list of all your DNS records just as shown in the below photo. Do verify to see if all your records are complete.

    Click "Continue"

    Select a CloudFlare Plan

    A free plan is just enough for us to enable HTTPS on blogger but if you feel you need more than a normal blog plan then go for the other plans.

    blogger ssl
    In this article am using the "Free Website". - select it. You would see it's feature. >> Locate "Continue" and let's go!.

    Change Your Nameservers

    This time you would have to visit your domain registrar dashboard to change Nameservers. What this simply does is allow CloudFlare to take control of traffic and performance of your blog.

    I use garanntor and I have explained its steps below. All domain registrars are nearly the same but you can also browse how to change nameserver for your specific registrar.

    NameServers using Garanntor

    Open a new tab and Login to your registrar dashboard >> go to client area >> Domains >> beside you domain name, Click the drop-down icon (next to spanner icon) >> locate manage nameservers >> Nameservers >> you would see your default name servers (even CloudFlare showed you) >> switch to custom nameservers >> replace the name servers accordingly >> Change Nameservers.

    It will then take at most 24 hours to propagate. Does that stop us from working? No. We will continue with the setup and before 24hours, everything will start working automatically.

    Go back to CloudFlare and click "Continue".

    You have just setup CloudFlare on your custom domain name. Your account will not be active yet. Because the Nameservers are still propagating.

    Enable Free HTTPS (SSL Certificate) For Your Blogger Custom Domain Name.

    Let's get started with enabling the free https on your blog. This is the solution to what BlogSpot refused to give us. Using CloudFlare free shared SSL we are going to enable HTTPS on your blogger blog.

    It should start working in less than 24 hours and your blog should not experience any downtime and if it does, it will be for only a few minutes that is if the nameserver takes longer than expected to propagate.

    https for blogger custom domain
    In the "Crypto" tab, locate SSL and at the right, you should see "Full" >> Click it and select "Flexible" from the options.

    Congratulations! That is all the work in setting up HTTPS for blogger blog. Next up is to properly forward blog pages using 301 redirects.

    301 Redirect Blog Domain, SubDomains, and Blog URLS to HTTPS.

    Using page rules, we will redirect all blog pages from HTTP to the HTTPS version of your blog. This will have an effect on all pages both home page, post page, static page and subdomains, that is if you use subdomains (e.g blog.bloggingprince.com).

    Note: The option for "Always HTTPS" maybe not be available until your nameservers have finish propagation. In case you face this problem, just wait till your nameservers finish propagating before setting page rules.

    Info: in the rules below, replace bloggingprince.com with your domain name.

    Go to "Page Rules" on the top tab >> "Create Page Rule".

    In all rules, replace "bloggingprince.com with your blog URL.#

    redirect blogspot domain to https
    Rule 1
    if the URL matches: http://*bloggingprince.com/*

    Locate and Click Settings, Set it to "Always Use HTTPS".

    redirect http to free https
    Rule 2
    if the URL matches: http://bloggingprince.com/*
    then the settings are: Forwarding URL >> 301 - Permanent Redirect.
    Bottom URL: https://www.bloggingprince.com/$1

    cloudflare page rule
    Rule 3
    if the URL matches: https://bloggingprince.com/*
    then the settings are: Forwarding URL >> 301 - Permanent Redirect.
    Bottom URL: https://www.bloggingprince.com/$1

    Those are the page rules which you need to set. Each of these page rules will help redirect both the www and the non-www version of your HTTPS-enabled blog.

    Changing Security Options

    CloudFlare acts as a protection guild for your site and it helps you prevent bad browsers and bad bots from accessing your website. But then you don't want it preventing everybody from entering your website,

    so you need to change your security options to low.

    ssl for blogger custom domain

    Go to "Firewall" >> "Security Level" >> Change it from Medium to "Low".

    Congratulations... Your blogger blog has fully moved to HTTPS but then you need to give it a few hours to see the changes.

    Please do wait till your blog fully migrate to HTTPS before you do the next steps. Though you can continue with it, it is advised to be a bit patient. While doing mine, I simply went to bed and continued the next day.

    Fixing Mixed Content Errors After Moving to HTTPS

    If after moving to HTTPS, your blogger blog starts working, you might experience a little problem which is called mixed content error.

    How do I know? If your blog load showing HTTPS and then shows an info sign after loading then your blog is faced with a mixed content error.

    What is Mixed Content?

    This is when some of your files such as JS, Images are requesting to load using HTTP instead of the newly installed HTTPS. This is a big problem for bloggers using the old templates.

    This is why BlogSpot provided the new themes so as to overcome mixed content errors. But still, if you love your theme so much and don't want to go for the new themes then I can help you out.

    It's going to be a little work, especially when you are afraid of your template HTML. So first thing first is to back up your template.

    1. Replace all HTTP with HTTPS

    Go to themes >> Edit HTML >> Using CTRL + F search for HTTP. You would find a lot of URLS. Now all you simply need to do is replace all these HTTP with HTTPS. - All of them both images and external links.

    2. Using Default Blogger Search Box?

    If you are using default blogger search box, then you will also have a problem with the mixed content error.

    Go to themes >> Edit HTML >> Search for the below code.

    <form expr:action='data:blog.searchUrl'>

    If found, replace it with the below code.

    <form expr:action='data:blog.searchUrl.https'>

    That should fix any problem with mixed content. But then these files might just be in blog widgets added in the layout section so be sure to visit layout and inspect each widget for HTTP URLs.

    Next up visit your blog and press CTRL + Shift + J to find verify if there is any mixed content error.

    What next? - We need to work on our SEO settings.

    How To SEO Optimize Blogger Blog With (HTTPS) SSL Certificate.

    While setting up SEO on your blog, it will not have a one day impact instead it will take time. Google and Bing will have to crawl your blog HTTPS version.

    Replace all "blogname" with your domain name and "BLOGTITLE" with the title of your blog.

    Step 1
    Go to themes >> Edit HTML >> Search for the below code. It's in the head section of your blog.

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

    If you can't find this code, paste the below code right after <head> but if you found the code, replace it with the below code.

    <link href='https://www.blogname.com/favicon.ico' rel='icon' type='image/x-icon'/>
    <meta content='blogger' name='generator'/>
    <link href='https://www.blogname.com/feeds/posts/default' rel='alternate' title='BLOGTITLE - Atom' type='application/atom+xml'/>
    <link href='https://www.blogname.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>
    <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]-->

    How to find blog ID?

    If you don't know your blog ID, simply look up at the URL bar while in your dashboard and you would see it (e.g blogID=5090122629090583639).

    Save your template.

    You might also want to manually redirect pages to make sure all pages are redirected. While doing mine, the Page rules were just enough for me but you can add the below code to add an extra layer of redirection.

    Optional - Javascript redirects.

    To do this, search for </head> and paste the below code just above it. Don't forget to replace blogname with your blog name.

    {           $("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>

    Update Your Robot.txt

    Next up is to update your former HTTP robot.txt file to an HTTPS enabled robot.txt.

    To get this done, Go to Settings >> Search Preferences >> Custom robots.txt. >> Edit.

    Replace the default one with the below one.

    User-agent: Mediapartners-Google
    User-agent: *
    Disallow: /search
    Allow: /
    Sitemap: https://www.blogname.com/sitemap.xml

    Save your settings.

    Submit HTTPS version to Webmasters

    Visit Google Webmasters and add your HTTPS versions as new properties. That is https://www.blogname.com and https://blogname.com >> After that you should now have 4 different properties for your domain i.e


    Change your preferred domain name to https://www.blogname.com and submit a new sitemap to it.

    How To Enable Blogger SSL On Free BlogSpot Domain 

    I have seen some BlogSpot bloggers using a subdomain and still don't have HTTPS enabled. I will assume you didn't know what to do! - the little guide below will show you how to enable HTTPS for your free BlogSpot domain name.

    Go to settings >> basic >> HTTPS redirect >> Change it to YES.

    if you have issues with mixed content, please follow the procedures above. Don't forget to also update your Robot.txt and submit new URL to webmasters

    Final Words

    I believe you have been successful in adding HTTPS to your BlogSpot blog.  In case you faced any problems, I am here to help and will get it done for you at a cheap price. Thanks to  Shivansh Verma and Prajjwal Rajput.

    Blogger SSL is important for your blog you should migrate your blog today from HTTP to a free shared HTTPS certificate offered free by CloudFlare.

    More Articles

    53 comments - Post Yours! How to? ▼
    Commenting rules:
  • Spamming/promotional links are not allowed in comments
  • Questions related to this post should be posted here, not Fb
  • I respond to comments in less than 5mins
  • How to style text in comments:
    • To write a bold letter please use <strong></strong> or <b></b>.
    • To write an italic letter please use <em></em> or <i></i>.
    • To write an underline letter please use <u></u>.
    • To write a strikethrought letter please use <strike></strike>.
    • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
      And use parse tool below to easy get the style.


    Boss should i wait for my domain server to propagate the custom nameserver for me?

    comment from Azeez Blog


    Yes. You need to wait for a few hours at most 24hours.


    Welldone Sir, my blog isnt showing the https besites the url, althgough havent edit the html of my blogger site to change every url to https...please hope its still working


    Don't worry yourself.

    Everything should be working just fine in 24hours time.


    Boss it's now showing https


    thanks for this tutorial.
    I did it and the http version is working very fine while the https version is displaying an error message.
    Am I still on track?


    reach where you go to bed.

    I think I have to do the same and continue tomorrow


    Can you please share your blog URL with me so I can take a look at it.


    in creating the first page rule, "always use https" cannot be found among the dropdown options on cloudflare, what to do


    You need to wait for your nameserver to finish propagation.


    please, the preferred domain selection is not really working for me here .. could you help me with details how i can go about it .. it keep asking me to verified and i have done that meaning times


    not working on my blog sir


    I have changed from "http" to "https". but my blog is not opening. Keep saying, it redirected you too many times


    Bro is there any Big penalty when going back to http?


    I am getting the error after moving to https as you mentioned above. The error is:
    www.indianuniversityquestionpapers.com is currently unable to handle this request.
    HTTP ERROR 500


    Are u sure u followed the steps


    I used this guide to install https on my blogspot blog.

    Everything worked fine.

    But I noticed something.

    When I type myblogurl. blogspot. c­om, it'll not be redirected automatically. Instead it'll say (this blog is not hosted on blogger and we've not scan it of malware...).

    How can I fix this, I need it to auto redirect without showing that warning.

    Will be anticipating for your feedback.


    You need to request desktop site if u re using your phone or use a PC instead


    If you are using blogdomain.blogspot.com then you are eligible to use free https via blogger so u dnt need to use cloudflare anymore except if you have a custom domain


    I am try to do this for my blog techvillz.com and in 2nd page rule, there is an option for order which says

    "Order: This is the order in which your Page Rules will be triggered. Only one Page Rule will trigger per URL, so put your most specific Page Rules at the top." and by default is set to first.

    Pls which order am I to choose from?


    Fiannly got it, but my Google PSI used to be green both on Mobile and desktop.

    Now they are both below 85%.

    What do I do?


    Pls I have completed the tutorial and everything is working just fine, Now my question is this,

    You said that sitemap link in the robots.txt file should be changed from http:// to https:// which Ive also done successfully and re-submitted the new sitemap that has the https://

    but my confusion is, : Am I to add a new website property in my webmarters account using https://

    or should I continue using the old website property which is in http


    Dear Prince John, in the last part, you said we have to tell google about the new https by doing this

    1. In Google Search Console, add new property in this way: https://www.yourdomain.com

    2. After adding the new property and verifying it, then submit your HTTPS version blog’s sitemap.XML like: https://www.yourdomain.com/sitemap.xml

    Now my question is, after adding the new property as httpps://

    Am I to delete the first website property which was in http:// ?? thanks


    Yes. You need to create another property with https


    Thanks very much.. everything is working now..

    If I want to use )Fetch as Google) feature whch of the properties am I to use?

    Is it the http or https ?? thanks


    one more thing pls, do i need to add sitemap for the 4 properties all or only in one.


    i have done it but its not showing green lock. Only the info icon.


    Why all bloggers are running to https this day


    I have follow your step, but after I check at PageSpeed Insights I got Avoid landing page redirects error for mobile...how to resolve that


    Hello, please help me, only Opera mini browser has been the only browser that has been able to open my blog since I activated https.Pls what can I do? Pls help me. Thanks


    Hi. Pls I need help in changing b to HTTPS. Who can help pls


    I just installed flexible cloudflare SSL but everything looks good, however the green lock is not showing in the browser. I changed links to https, i still cant figure it out. I use blogger too, could u help me with that? regards! reach me on twitter @leivatech


    Hello Prince,
    Nice work. I really enjoyed reading your tutorials especially this one.

    May i ask how you created the table of content that is displayed in this post?.


    Does anyone know how to change the sitemap links to https://? Also, in this article it says "Change your preferred domain name to https://www.blogname.com and submit a new sitemap to it.", how to do this? The only things I can change is www. or non-www., so really confusing...


    Thanks for the information, but I tried to change the HTTP in my code to HTTPS and it refused to save so I am having mix content problem. Please what can I do to fix this problem?


    Please I have done everything but my blog is not yet secured please help me out https://www.naijatrace.com


    Hello sir thanks for the great tutorial,my blog now showing the green ..but now im stuck at webmaster tool they show error fetch txt,sitemap pending..i don't understand cause when i testing robot txt its all work fine..please help sir..tq


    wow nice tutorial, it worked for me but the htpps is not showing green, any possible solutions


    If it's not showing green, then you are having problems with mixed content error.

    You should remove your previous favicon and upload again because before now, blogger used http for images.


    Blogger before now, host images with http which then means all images uploaded to an old blogger template, is hosted on http which will cause a problem called "mixed content error" when you move to https.

    Possible solution is to re-upload your images especially the favicon.


    I don't understand... can you explain better.


    Did you fix mixed content error.


    my https only connect on MTN, Glo dont work. whats the issue?


    Hi bro, I really enjoyed your article on how to migrate from http to https for custom domain in blogger blog. After successfully migrating to https, one thing is left undone. The homepage of my blog has the "Secure Padlock" as expected; but when clicking on a "Post" the "Secure Padlock" will appear then disappear (very quickly) leaving "i" (instead of "Secure Padlock"). How do I get this fixed.

    Waiting for your pro guide on how to get this done. Thanks.


    Thank you for a great detailed article! It's very helpful...
    Unfortunately, I am not sure what I've done wrong... when I have the "Page Rules" on, my site keep giving error of "Too many Redirect". If I turn all of them off, my site would pull up but not completely secured. What could be the problem? My site is www.diyprojectsbydave.com.

    Thank you very much!



    Wow...this is really a great article indeed with full guide on how to move to https...am gonna give it a try on my blog as soon as possible.

    Thank you Prince for this great post.
    Commenting from http://www.elochi.com.ng


    Please, I have done everything but my blog is showing this error. "The page isn’t redirecting properly

    Firefox has detected that the server is redirecting the request for this address in a way that will never complete.
    This problem can sometimes be caused by disabling or refusing to accept cookies."

    Thank yoy


    Please I have done everything but my blog is showing this error. "The page isn’t redirecting properly

    Firefox has detected that the server is redirecting the request for this address in a way that will never complete.

    This problem can sometimes be caused by disabling or refusing to accept cookies."


    Hey,John thanks for covering about the custom robot


    Did you try accessing your blog using. The https URL?

    Enjoy the very best of fans engagement and interaction. Read Commenting Terms And Conditions.

    Comments with links will not be published.

    Spamming comments will be deleted.

    Comments not related to post will be moderated.

    Tick the Notify Me box before commenting. Make use of Smilleys & Codes

    Quick Help!

    Having issues? Need quick fix? simply email me or call me

    Learn more

    Write For Us

    Submit a guest post and see it get published real quick

    Learn more

    Advertise Here

    Place relevant banners, links, and sponsored posts at affordable rate.

    Learn more

    Get notified on FB