Skip links

Migrate From HTTP To HTTPS On Blogger Blog With Custom Domains – Free SSL!

Share

Hello, fellow bloggers, today I have great news, or you can say a gift for all of your blogger blogs but first, let me ask some question from you. Do you want to make your blogger blog more professionally?

Do you want to make a secure connection between your blog and visitors?




Do you want to make your blogger blog fast using CDN?

Do you want to improve your blog’s ranking on Google?

And do you want to know how to enable free SSL Certificates on Blogger blog with the custom domain?

If your answer is “right” for all four above question, then you’re at the right place. We all know that Blogger platform is giving the free SSL HTTPS certificates for Blogspot blogs, and it is a nice gift for your blog. But we also knew that these SSL certificates are only available for Blogspot subdomains, means if you are using any custom domain on your blogger blog then not able to add or enable the free SSL (HTTPS) certificate on your blog.

But Google will release this feature soon for the custom domain also, Why waiting for Google when you can get the free SSL certificates for your custom domain. Yes, you read that right you can enable the HTTPS on your blogger blog even if you are using a custom domain name for your blog. This is the very tricky guide to get free SSL certificates but we’ve divided this guide into 3 parts which will help you to easily follow all steps. We all know the advantages of using HTTPS on your blog. Thanks to Shivansh Verma from BloggerGuider, he has been shared this guide on his blog, so all credits goes to him.

Advantages of using SSL Certificates on Blog/Website

  • Your Blog will look more professional
  • SSL Certificates will make a secure connection between visitors and blog
  • Here We’ll use Cloudflare’s Flexible SSL, with help of Content Delivery network your blog will load fast
  • Using HTTPS, your blog’s ranking in Google and other search engines will improve

The significant benefit of using HTTPS is the increase in SERP ranking, and Google will rank the 30% of the websites on the first page which are SSL certified, so you have a great chance to make your blog more SEO optimize and beat your competitors.

But below are some disadvantages of using this trick to enable the HTTPS certificates on Blogger blogs.

  • During migrating your blog from HTTP to HTTPS your, some traffic will decrease for few days until Google crawls and indexes your all URLs with HTTPS
  • Once you completely migrated to HTTPS then you’ll no be able to remove the HTTPS, and when you try to remove then you’ll lose your traffic, and maybe Google will deindex your blog.

How To Get Free SSL Certificates (HTTPS) For Blogger Blog With Custom Domain

So finally wait is over, Google has been released the official SSL certificates (HTTPS) for blogger blogs with the custom domain, and it’s super easy to do this, just follow below steps to get free SSL for blogger blogs with the custom domain.

  1. Open your Blogger dashboard via this link
  2. Go to settings >> Basic and just enable the “HTTPS Availability” to “Yes”
  3. Once you enabled this, the page will reload and you’re done!

So, guys, this is easiest and official ways to enable the HTTPS on the blogger blog, I’m pretty sure you liked this and you’re now happy that your blog has SSL certificates.

But now you’ll face some mixed content issue on your blog, so to fix this keep reading this post to fix the mixed content issue, that’s also simple.

Note

Update: Google has Officially released (in Beta) the SSL Certificates for Blogger Blogs with Custom domains, So you no longer need to add Cloudflare on your domain but in case if you want a free CDN then you can use it without any problem 🙂

How To Migrate Your Blogger Blog From HTTP to HTTPS Even You’re Using A Custom Domain:

So, here we’re going explain each and every step to make your blog most secure, fast and professional look. In this guide, we’ll use the Cloudflare’s free CDN (Content Delivery Network) to protect your blog from attacks, make it faster than ever and also improve SERP. We divided this post in 5 Section to make the process easier to understand and simple.

1. Add Cloudflare CDN On Blogger Blog:

This is the first part of this guide. You need to follow the below steps to add Content Delivery Network on your blogger blog follow below steps.

  • Firstly, create a new account on CloudFlare, and then you’ll need to add your domain to it and click on “Scan DNS Records.”
  • After adding your domain, it will 1 minute to scan your domain’s DNS records
  • Once Canning progress is completed, CloudFlare gives you two custom name server, and you need to replace those with your default domain name servers. Follow below steps to add Cloudflare’s nameservers in your Domain name.
    1. Open your Domain registrar dashboard or My Account page, then Go to Domain’s Setting
    2. There you’ll see something like “change nameservers” or something like nameservers
    3. Then you need to select “Custom Nameservers” and add the Cloudflare’s nameservers which are provided after added your domain name.
  • Once you replace your nameservers with Cloudflare’s nameserver, means your domain is now using the Content Delivery Network.

Read Also: Trick to Getting Free Unlimited Google+ Followers [Real] 

2. Enable SSL Certificate (HTTPS) On Your Domain Name:

Now it’s time to enable the HTTPS on your Domain Name with the Cloudflare. It is the main part if this guide to enable HTTPS on Custom Domain in Blogger blog. Follow below steps to enable SSL certificates.

  • Go To the “Crypto” tab on CloudFlare’s account
  • Then select the “Flexible” option from the SSL section.
  • Congratulation! You’ve successfully enabled the SSL (HTTPS) Certificates on your Blogger blog’s custom domain.

3. Redirect domain, sub-domains, and Permalinks from HTTP to HTTPS:

This is the most important part of this guide because you’ve to let your blog stop using the old HTTP and redirect your blog to new SSL (HTTPS). Follow all below steps carefully.

  • 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 “bloggerguider.com” with your “domain name”.
  • 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.

Now open your blog, and you will see that your blog’s homepage is automatically redirecting to HTTPS version. But now your blog’s permalinks is not in the HTTPS version, so we need to make all of them HTTPS and redirect the complete blog from HTTP to HTTPS.




  • Now open your blog’s template HTML Editor
  • And search for the “</head>” tag (without quotes) and paste the following code above the </head>

    <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

    <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.

Note: If your images are not on SSL certificates then upload your images to secure and free images hosting sites like Postimg.org, this site is 100% secured and SSL enabled, uploading your blog’s image to postimg.org, then your images will load 4x times faster.

4. Analyzing and fixing the Mixed Content issue after adding SSL:

Once your blog is on HTTPS then, you may have to change your blog content to make sure it works with HTTPS. If you don’t change this then you might be faced some Mixed Content issue in your blog after adding SSL.

So here’s method to check if your blog getting mixed content issue:

  1. First, visit your blog with HTTPS (https://www.yourblog.com ) in Google Chrome.
  2. Then press the Ctrl + Shift + J keys to open the Javascript console tab.
  3. 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.”
  4. You can easily fix these match content errors, just go to Google Blogger Support page follow each and every step completely then you will get rid of these errors.

Important things to follow:

1.) Sometimes your previously uploaded logo and favicon on your blog are not redirecting to HTTPS so in this case, you need to reupload both logo and favicon and that’s it!

2.) When you searching something using Search Widget in your SSL enabled blogger blog, In this case, you’ll get a mixed content warning like this.

Mixed Content: The page at ‘https://howtoshout.com/‘ was loaded over a secure connection, but contains a form which targets an insecure endpoint ‘https://howtoshout.com/search’. This endpoint should be made available over a secure connection.

This error is occurring due to the Search Widget of Blogger, to fix this you need to go to your Blogger Dashboard>> Theme >> Edit HTML

  • Then find this code using Ctrl + F

    <form expr:action='data:blog.searchUrl'>
  • and replace it with
    <form expr:action='data:blog.searchUrl.https'>
  • Then Save your Theme.
Now all mixed content errors have been fixed and finally, your blog is completely HTTPS enabled and secured blog….

5. Things to do After Migrating To HTTPS From HTTP

After successfully migrated your blogger blog from HTTP to HTTPS, no this is the final part of this guide, so you need to let Google know that you’ve migrated your blog to HTTPS, so Google needs to crawl and index your blog with HTTPS. This part will help you to make your blogger blog more SEO optimize and improve your ranking in Google, Bing, and other search engines. So let’s do this.

First, you need to update your Robots.txt file to make your blog SSL compatible.

  1. Go to Blogger Dashboard and go to your “Search Preference” settings
  2. 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
  3. Now save your robots.txt file.

After updating Robots.txt file, then you need to resubmit your sitemap with HTTPS version to Google and Bing webmaster tools. For Google Webmaster tool follow below steps

  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
  3. Finally, your blogger blog is ready to go live on the web, and it is fully SSL certified.

Once you have done with the Google webmaster tool, then you’ll easily add your HTTPS version of your blogger blog in the Bing webmaster tool by yourself.

Why take any risk when I can do this for you? Well…. this is a very long process and required the tech enthusiastic person who has good knowledge about Codes, JS, CDN, SSL……etc. One wrong step will ruin your blog so I can do all these stuff at a very reasonable cost. You can contact me for this work from here and get your blog with HTTPS within some minutes 😉

Final Words




I hope you like this in-depth guide/tutorial, and I’m sure that this tutorial will help you take your blogger blog to the next level and it will improve your ranking in all search engines. If you’ve got any problem or you’ve stuck on any step then feel free to ask in comments, and if you appreciate this post then, please do share this post to let more people know about this trick, after all, sharing is caring.

Opinions

    1. Post comment

      Wow! You can add HTTPS on your blogger custom domain using this tutorial.

      It’s awesome seeing this wonderful tutorial from howtoshout.

      My blog now using HTTPS

      Permalink
      1. Post comment

        This is the message I received.

        Error parsing XML, line 4192, column 10: XML document structures must start and end within the same entity.

        Permalink
  1. Post comment

    Hi
    It was a really amazing and helpful post for me. I just changed my nameservers now and waiting for it to get confirmed. Thanks for sharing.

    Permalink
  2. Post comment

    I enjoyed reading your blog man. Keep it up! Helped me to move my blogger with custom domain to https. Thanks. Also, the trick with google+ and more followers is nice

    Permalink
    1. Post comment

      I saw your site it working fine and showing Green Label i.e. “Secure”
      Well, Code is updated and it is now 100% working. 🙂

      Permalink
  3. Post comment

    Hello, why do I need to replace this code:
    I think it is important. And why do my site not show key symbol on the fifox but it is shown on the Chrome.

    And where is my BLOGID?

    Permalink
    1. Post comment

      I don’t know why Firefox doesn’t showing CloudFlare’s Flexible SSL Certificates.

      There is no problem with this code don’t worry it will not affect your ranking 🙂

      And your Blog Id is 4388404453005965008 For WikiHoidap.com 😉

      Permalink
    1. Post comment

      Abhinav this is a WordPress plugin
      It is not available for Blogger but
      I would like to prefer you Addthis and sumo 😁

      Permalink
    1. Post comment

      Hi Abhinav,

      You will have to manually change the image URLs (replace http:// to // if you’ve uploaded images using Blogger Uploading tool).

      As we don’t have server side access of Blogger blogs, we can’t do it automatically.

      Yes, we can change the URLs to HTTPS, but this has to be done before the page is even loaded, which requires server side access. 🙂

      Permalink
  4. Post comment

    Hello,

    Doest claudflare would run good if my sites is getting good number of visitors, let say more than 300000 previews page day. Or it give bath-width issue or ay other issue due to many visitors online at the same time.

    Permalink
  5. Post comment

    It still shows that “Your connection to this is not fully secure”. Any fix for that? As I have seen here other blogger’s blog have a secure padlock there.

    Permalink
  6. Post comment

    I have just started my website. But before I can post, I need to get things ready such as “https”. My website shows secure, but then again it gets reverted to “your connection is not fully secure”.

    my website: http://www.yourfitnessline.com

    Permalink
  7. Post comment

    Hi sir need to once again ad blogger url with https in web master tools or not

    To reindexed blog posts

    Permalink
    1. Post comment

      Faisal, yes you need to add your blog URL with HTTPS on webmaster tool

      Otherwise it’ll cause duplicate content issue.

      Permalink
      1. Post comment

        If I add URL with https then it effect on my google search rank page or not

        Permalink
        1. Post comment

          Yes It will effect your SERP but once Google indexed your HTTPS version then your ranking will also improve!

          Permalink
  8. Post comment

    Hello! My custom domain was parked at godaddy, then when I entered “polishedpolyglot.com” it redirected to “www.polishedpolyglot.com” Now with cloudflare this is not happening and when I enter “polishedpolyglot.com” I get an error message :0
    Please, how can I solve this?

    Permalink
    1. Post comment

      Please Check Again that you’ve created page rule properly and in correct sequence manner? as the mention in this post.

      Permalink
  9. Post comment

    “Now open your blog, and you will see that your blog’s homepage is automatically redirecting to HTTPS version. But now your blog’s permalinks is not in the HTTPS version, so we need to make all of them HTTPS and redirect the complete blog from HTTP to HTTPS.”

    NOPE, my blog homepage is not automatically redirecting to HTTPS version !!
    Nothing is redirecting!!

    Permalink
  10. Post comment

    “Now open your blog, and you will see that your blog’s homepage is automatically redirecting to HTTPS version. But now your blog’s permalinks is not in the HTTPS version, so we need to make all of them HTTPS and redirect the complete blog from HTTP to HTTPS.”
    This is not happening. I don’t want to tweak my HTML template if it is not already working for my homepage. Please, advice.

    Permalink
    1. Post comment

      You need to add this otherwise your blog will not redirect and you may loss your traffic.

      This code is safe doesn’t affect your blog’s speed.

      Permalink
      1. Post comment

        My homepage is not redirecting to https. I did all the page rules in the correct order. It is not working.

        In the “crypto” tab of cloudflare it is mentioned that issuing the SSL certificate can take up to 24hours. It has only been 16 so far.

        The page rules also asked for a priority order of deployment and you don’t mention that. I created them in the order you proposed. But as the first rule is “always use https”, if the certificate is not issued yet by default the other two redirecting rules will not work. I am waiting for 24 hours to pass. But in the meantime could you please help me to redirecting “polishedpolyglot.com” to “www.polishedpolyglot.com” this used to work on godaddy but does no longer work on cloudflare.

        Permalink
  11. Post comment

    Hi, After Completing all the step. I cant see my blog. Its showing Blank.

    Permalink
    1. Post comment

      Hi, After Completing all the step. I cant see my blog. Its showing Blank.
      I just do it now, Will it take time to migrate?
      Also I cant submit sitemap.xml, It shows error. is it because of not completeing 24 hours?

      Permalink
      1. Post comment

        Now it showing my blog & https is also showing. But Not showing “Secured” in Green Colour

        Permalink
        1. Post comment

          It’s because you’re having, what “Blogger” guys call, “mixed content”.

          You’ll have to transfer all your blog’s content, from pages to files, from none encrypted sites/servers to SSL certified ones.

          Permalink
  12. Post comment

    Thanks for sharing this very help full article now my site is on https.

    Permalink
  13. Post comment

    tell me a thing bro that the 3 three pages we made ,you say to write same to same in the images so should i also copy the dollar symbol as well as shown in the images

    Permalink
  14. Post comment

    Thanks for this trick. I applied it and its redirecting to https but immediately after the page loads, its padlock changes from green to yellow, which is not a good version of https. Pls how do i fix this error?

    Permalink
  15. Post comment

    hii i followed all the steps and i got ssl layer for free for my new website a ton of thanks now i can add privacy policy to my website and monetize it…..

    Permalink
  16. Post comment

    hey prajwal rajput dear, i paste the code below the tag on top of my template but after psting the code my templte is not parse…it show error parsing ? plz reply

    Permalink
  17. Post comment

    I did it and I am getting the message:

    “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.”

    What do I do?

    Permalink
    1. Post comment

      Now blogger is automatically upload your images to HTTPS so you no need to reupload image again.

      Just upload it normally

      Permalink
      1. Post comment

        Thank you Prajjwal,

        How about my other blog posts before applying the tutorial above?
        If you have time to check my blog delaphan.com, padlock not shown green, and log says “Parts of this page are not secure (such as images)”

        What should I do ?

        Permalink
        1. Post comment

          This issue with some Blogger template, and some Blogger templates showing green padlock.

          I recommend you to ignore this until you migrate to WordPress. Because changing the template will loose your SEO and traffic so be careful.

          Thanks 😊
          Regards
          Prajjwal Rajput

          Permalink
  18. Post comment

    It works, but not on the PAGES, no idea why… when I try to fix the mixed content, this is a javasript error I get: Mixed Content:
    The page at ‘https://www.snarchs.com/’ was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ‘http://www.snarchs.com/?v=0&action=initial&widgetId=Attribution1&responseType=js&xssi_token=AOuZoY4fAFxhSmyZ9jXVn2aias3JFpro9w%3A1495520262413’. This request has been blocked; the content must be served over HTTPS.
    send @ jquery.js:41

    Any idea what to modify so that this request does HTTPS ?

    Permalink
    1. Post comment

      Hey Check the article again we’ve updated this with solution of mixed content issue 🙂
      Thanks!

      Permalink
  19. Post comment

    Does the script fragment to execute the replace throughout the page have jquery dependency?
    If so, what if the theme doesn’t include jquery?

    I’m getting a “Uncaught ReferenceError: $ is not defined
    at (index):443” error on my home page…

    Thanks

    Permalink
    1. Post comment

      I’m really thankful for you that you’ve identified the error and resolved it.

      I’ve been updated the post with mixed content issue solution.

      Permalink
  20. Post comment

    Hello, I tried everything you said, and it worked fine.

    It was redirecting to my https immediately I finished, but after 30mins it stopped! Please what is wrong?

    Thank you

    My website is FreebrowsingWeb

    Permalink
  21. Post comment

    Hey Prajjwal
    As in a starting of a post u told its an gift for all who are using blogger platforms yeah its like a gift
    Your trick is very useful nd easy too
    So thanks for sharing it
    Nd keep sharing such nice tricks to us

    Permalink
  22. Post comment

    Thanks bro for this article it helps me a lot.You explain all the step and make very easy to understand and executable.Also, thanks for finding the solution of the mixed content problem.Now I am successfully migrating my blog HTTP To HTTPS.Thanks, Prajjwal for helping me through this article.

    Permalink
    1. Post comment

      Thanks Kunal for your good feedback, such comments are always motivates me to keep active in my work, and try to publish 💯 helpful and interesting articles.

      Thanks again 😊

      Permalink
  23. Post comment

    Thank you very much for the tutorial, I’ve been searching for a solution about custom domain https on my blogger for ages and thanks for this I finally made it. One thing I have to modefy is that all the images urls must be https and must be edited manually.

    Permalink
  24. Post comment

    I get these 2 errors:

    GET https://www.yourwebsite.com/cdn-cgi/pe/bag2?r%5B%5D=https%3A%2F%2Fwww.google-analytics.com%2Fanalytics.js net::ERR_BLOCKED_BY_CLIENT
    (anonymous) @ cloudflare.min.js:4
    d @ cloudflare.min.js:4
    (anonymous) @ cloudflare.min.js:4
    (anonymous) @ rocket.js:4
    n @ cloudflare.min.js:3
    rocket.js:4 GET https://www.google-analytics.com/analytics.js net::ERR_BLOCKED_BY_CLIENT
    q @ rocket.js:4
    (anonymous) @ rocket.js:4
    a @ cloudflare.min.js:3
    (anonymous) @ cloudflare.min.js:3
    e.when @ cloudflare.min.js:3
    i.promiseSend @ cloudflare.min.js:3
    (anonymous) @ cloudflare.min.js:3
    n @ cloudflare.min.js:3

    Permalink
  25. Post comment

    I did everything and it appears to be working except instead of having that green lock in the corner of my URL, I have a grey “i” in a circle. How do I get the green lock?

    Permalink
        1. Post comment

          Hi Laura,

          I saw your blog and found that you’re using the “Search Widget” in the sidebar of your blog, this is the reason why your Green padlock is disappearing again and again.

          So find this code in your template: “

          and replace it with this code: “

          After this save your template and it will work for sure!

          Permalink
    1. Post comment

      Go to Draft. Blogger > Settings> HTTPS redirect
      And Select “NO” 🙂

      Permalink
      1. Post comment

        Thanks for reply, but i forgot these two points,
        First point of your paragraph text “Important things to follow:”
        and second robots.txt file.
        again thanksss

        Permalink
  26. Post comment

    Hello, i did everything like as you said but my site is not working. When try to connect my site error code says “DNS_PROBE_FINISHED_NXDOMAIN” When or how to fix this problem ? btw site name “www.fleetreview-tr.com”

    Thanks a lot

    Permalink
  27. Post comment

    Hello.. Please read and reply my comment. I’ve tried your tutorial exactly as written. Thanks for that. But instead of increasing rank in the Google, my blog goes down and the viewer getting low and lower.. could you please check my blog https://www.mystupidtheory.com?

    As far as I know, there is one specific anomaly that the viewer report on my Blogspot comes from USA, but actually it’s from Indonesia coz my blog is in indonesian language. Light me up please.. Thanks..

    Permalink
  28. Post comment

    Hello. This is a great tutorial. I found it a few weeks ago and since then I have learnt a lot about CloudFlare and blogger HTTPS.

    However, after following your guide I was about to successfully enable HTTPS o my blogger but I had a lot of problem with mixed content error.

    So I decided to create a video that shows a solution for both setting up and clearing missed content.

    Permalink
  29. Post comment

    Hey Prajjwal! Great article. Yeah SSL Certificates now very importation to any e-commerce website to secure your payment mode . Thanks for sharing this perkful information. Keep it up.

    Permalink
  30. Post comment

    I don’t get this part, you say:

    And search for the “” tag (without quotes) and paste the following code above the
    [sociallocker id=”852″]

    (code I changed)

    [/sociallocker] Now after this, find the below code in your template:

    But are the [/sociallocker] parts before and after supposed to be entered in the html code, or not? I typed them into the code above and below and now it just shows up on the homepage as text.

    Permalink
  31. Post comment

    My blog redirect to the https version but it shows that its not fully encrypted. I got this :
    this page includes other resources which are not secure.
    Please tell me how to fix this ??

    Permalink
  32. Post comment

    I am shocked to know that it is possible. Thank you admin to prove me that I haven’t done anything wrong by choosing blogger instead of other paid hosting sites. 😀

    Permalink
    1. Post comment

      It will affect your ranking for few days but after your HTTPS URLs get indexed properly your ranking will also bit improve well, after all, SSL is the ranking factor.

      And in case of backlinks, you’ll never lose your links because your whole blog is 301 permanent redirected to HTTPS means all the Link Juice flow to HTTPS version of your blog, so don’t worry about this 🙂

      Permalink
  33. Post comment

    Hey

    First of all thanks for a wonderful tutorial.

    I bought the domain from Google itself, and in

    Settings > Basic > Publishing > Blog Address – setup http://www.mydomain.com

    My website is opening with only http://www.mydomain.com not with ” mydomain.com ” ( i,e; without “www” it is not opening ).

    Anyways, after this

    I followed all the process as mentioned, but site is still not redirecting to https.

    Could you please troubleshoot.

    Site url is http://www.top10beach.com

    Permalink
  34. Post comment

    Hi Prajjwal,

    Yay! I got an https, but I have a circled “i” instead of a green lock in my url. Somebody else had the same problem and you provided them with a code (above). Unfortunately, the code is no longer there.

    Would you be able to help me? My url is: https://style1.co

    Permalink
  35. Post comment

    The problem is that once you´ve “migrated” to https, your sitemap.xml will still be indexing your http://, and for now I havent found a way to manually create my own sitemap on blogger 🙁 Any ideas?

    Permalink
    1. Post comment

      We can’t make the custom sitemap for HTTPS URLs, only Google can do this. Soon Google will allow making the feeds HTTPS enable then this problem will get solved.

      Permalink
    1. Post comment

      Wow 😀 Your Problem is now solved that’s good, do share this post with your fellow bloggers

      Permalink
  36. Post comment

    I followed all the steps.. its showing https but it’s not showing secure or lock icon.. How can i see that??

    Permalink
    1. Post comment

      There must be mixed content issue on your blog fix it by changing all URLs from HTTP to HTTPS in your template

      Permalink
  37. Post comment

    After following your guide and installing the code, when I go to check my blog with HTTPS in Google Chrome, I get a page that says “This site can’t provide a secure connection”. How do I fix this issue?

    Permalink
  38. Post comment

    Great Post Buddy!
    This has proven to work for almost anyone who visits.
    Have a nice day!

    Permalink
  39. Post comment

    This is a great post especially with the upcoming warnings for http sites. I followed the instruction but I can’t seem to get rid of the insecure search. Something with the blogger navbar is affecting the code.

    Permalink
  40. Post comment

    I was thinking about this and this post do looks amazing. But I was confuse a bit because of does it really helps when it comes to SEO.

    Making the site from http to https of custom domain hosted in Blogger does seem pretty well. But thinking about the SSL editing seem really confusing.

    Btw, thanks a lot about your post. It does make it Https. anyway

    Permalink
  41. Post comment

    I need some help, my blog is working with cloudflare ssl, but the browser stills showing NOT SECURe, even though is using SSl. can you check on that please?

    regards!

    Permalink
  42. Post comment

    The process seems to be very long but I think I will experiment it with one of my blogger dot com blog. I wonder why by default blogger didnt allow https for custom domains

    Permalink
  43. Post comment

    Though even I knew how to implement the https , I didn’t knew anything about the three screenshots you provided, However I would Suggest you to change you blog into AMP.

    Permalink
  44. Post comment

    please am getting this mixed content error “Uncaught SyntaxError: missing ) after argument list”
    and the error is showing is among one of the code your said we should add

    Permalink
    1. Post comment

      Its because you didn’t change your SEarch results page to HTTPS please read the complete guide 🙂

      Permalink
  45. Post comment

    please am getting this mixed content error “Uncaught SyntaxError: missing ) after argument list”

    and the error that is showing is among one of the code your said we should add

    am getting the error in this line of code

    var n = i.replace(http://www.yourdomain.com, “https://www.yourdomain.com”); $(this).attr(“href”, function() { return n }) }) });

    Permalink
    1. Post comment

      Try with this code:
      if (location.protocol != 'https:')
      {
      location.href = 'https:' + window.location.href.substring(window.location.protocol.length);
      }

      Permalink
    1. Post comment

      If you choose the High option then your visitor will first ask to solve the captcha and it will not good for your visitor, so that’s why I’ve been preferred you to choose the “Low” option. 🙂

      Permalink
  46. Post comment

    I did these settings but now my website is not working. Should i change DNS settings? Or server transfer is enough? (From old company to Cloudflare) How can i solve this problem? Thank you for your help.

    Have a nice day.

    Permalink
    1. Post comment

      Nope! you don’t need to change DNS again though it takes some time to propagate your nameservers on Cloudflare so wait after this your blog will up with HTTPS, so wait for sometimes. If it’s working fine do let us know via a reply.

      Have a great day!

      Permalink
  47. Post comment

    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 Page” the “Secure Padlock” will appear then disappear (very quickly) leaving “i” (instead of “Secure Padlock”). How do I get this fixed.

    Link: http://www.saywishes.com

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

    Permalink
    1. Post comment

      Yeah, It’s working fine. Great Now your blog has SSL Certificates Cheers! 😀

      Permalink
  48. Post comment

    Great tutorial, thank you 🙂

    Just to let you know that you have several errors on your piece of code

    – you shall use single quotes ‘ instead of double quotes ” (the blogger theme editor messes with “)
    – you’re missing the function .text() without which the function string.replace() won’t work
    – you have a typo inside the function replace, since the quotes are missing
    – you should tell people that with this code they need jQuery

    it should be:

    $(document).ready(function() {
    $(‘a’).each(function() {
    var i = $(this).attr(‘href’).text();
    var n = i.replace(‘http://www.matematicaviva.pt&#8217;, ‘https://www.matematicaviva.pt&#8217;); $(this).attr(‘href’, function() {
    return n
    })
    })
    });

    Cheers and thanks for the great tutorial

    Permalink
  49. Post comment

    please help me! its urgent.. I successfully carried out the above procedures and my site is now HTTPS enabled and secured. But the only problem am having is that if i want to share a post that has an image, when its shared using share buttons the image does not appear. It is only the post link that do appear. I have even tried different share buttons, but still experiencing the same problem… Kindly reply

    Permalink
  50. Post comment

    please help me! its urgent.. I successfully carried out the above procedures and my site is now HTTPS enabled and secured. But the only problem am having is that if i want to share a post that has an image, when its shared using share buttons the image does not appear. It is only the post link that do appear. I have even tried different share buttons, but still experiencing the same problem… Kindly reply.

    Permalink
  51. Post comment

    Hi Prajjwal,

    I followed every step you said above. And my website is now redirecting to https version. But there is one problem. My website is not showing secure in the address bar. Please help me.

    Permalink
    1. Post comment

      Why you’re using .tk domain, As Google does not give much priorities to this extension and even your competitors might be using the TLDs then why you’re not

      Permalink
    1. Post comment

      Please recheck the Page rules that you have made in Cloudflare You must have made a mistake, read the Page Rules section of this article and resolve it.

      Permalink
        1. Post comment

          Everything is working fine at my end!, I saw your post, your all posts are showing without 404 error 😀

          Try to visit your site with another device or clear your caches

          Permalink
  52. Post comment

    I have noticed that Blogger has started giving https to a selected few custom domains hosted on blogger, they should at least inform others to move on their own or wait for Blogger to do it for them.

    Permalink
  53. Post comment

    Bro,
    I have done the process as you had shared in youtube and this blog and recheck twice but its not getting show https,

    Can help on this

    Permalink
  54. Post comment

    Hi Mr Prajjwal Rajput.
    Thank for helping us and many more getting ssl on our site.

    Excellent details post, but easy to implement.
    Keep up with good post and Ten thumbs up!

    Permalink
  55. Post comment

    Now Blogger Blogspot has officially supported HTTPS for custom domain by default. That means you don’t need to use CloudFlare. You can simply activate the HTTPS for your custom domain from your Blogger Dashboard.

    Hope you like it.

    Permalink
    1. Post comment

      Read this post again we’ve been already updated this post with the New Blogger Official SSL, probably you didn’t read that section.

      Permalink
  56. Post comment

    But how to migrate cloudflare https to blogger https because it shows “HTTPS Availability is being processed. Check back later.” I am waiting for last three days but it is still showing the same message.
    Please help

    Permalink
  57. Post comment

    Thanks for this tip. I have implemented on the site but is almost 4months now that search returns on my posts are still in http

    Permalink
  58. Post comment

    Please! Please! I need an answer to this question: if I finally get the green padlock, do my visitors need to type my domain name as https//www.mydomain.com, or they can just type my domain.com, please i’ll be glad if you answer my question, Thanks…

    Permalink
  59. Post comment

    Hi, I have a problem. If I try open my blog with old, and indexed, and popular url, then I got a redirect warning:
    “This blog is not hosted by Blogger and has not been checked for spam, viruses and other forms of malware.”
    This is very bad for my seo, and make scary my visitors, and nevertheless this is false information, because the blog hosted by blogger as well.
    There is any solution?
    The old domain name is:
    https://ezomix.blogspot.hu/ – and this is a bad warning message

    the new one is:
    https://www.ezomix.hu/

    Permalink
  60. Post comment

    I just enabled HTTPS on my blogger blog for free, thanks a lot for the article

    Permalink
  61. Post comment

    Strange, I still cannot use https for custom domain in blogger. Message is Warning: HTTPS is not available at the moment for custom domain blogs.
    Where is the official statement link from Google that says it is now possible??

    Permalink
    1. Post comment

      Please describe more, are you unable to find “Always use HTTPS” option in Page rules? or anything else?

      Permalink
  62. Post comment

    Hi Prajjwal,

    I think you have to update this post. Now there is no need to follow all the redirect procedure mentioned in this guide as Blogger has come up with it’s own SSL Certificate along with Redirection.

    Permalink
    1. Post comment

      Hi MJ,

      Thank you for letting me know, but if you want a free CDN then you can proceed further 🙂

      Permalink
    1. Post comment

      Hi,

      You need not to create these 3-page rules, all you need to do is just enable the HTTPS option and redirect from “Blogger Settings”

      To Fix Mixed Content issue, read the steps mentioned in this post 😀

      Permalink
  63. Post comment

    Hi,
    I want to know why my blogger blog is not showing permalink in a google search.
    showing ” nellieandco.blogspot.com › Blogging ” instead of showing “nellieandco.blogspot.com/2015/07/change-blogger-post-permalink-url.html”

    Permalink
  64. Post comment

    It is indeed a great article and that helped me a lot as I was searching does a custom domain in blogger can enable https and you have given me the right answer.

    Thanks.
    Krish

    Permalink
  65. Post comment

    Wow… really a great article. My blogs InfoGuideAfrica.com, Reporter247.org and Know.com.ng are now fully secured, thanks to HowToShout.com

    Permalink

Join the Discussion