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

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

[su_note note_color=”#f1c40f” text_color=”#ffffff”]Update: Google has Officially released the SSL Certificates for Blogger Blogs with Custom domains, So you no longer need to follow Cloudflare method to add SSL on your domain but in case if you want a free CDN then you can use it without any problem :)[/su_note]

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

So, here we’re going to 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://api.howtoshout.com/‘ was loaded over a secure connection, but contains a form which targets an insecure endpoint ‘https://api.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’re 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.

433 thoughts on “Migrate From HTTP To HTTPS On Blogger Blog With Custom Domains – Free SSL!”

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

      1. This is the message I received.

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

    1. Recheck if you’ve done all the steps correctly. No one has yet got a problem like this. If it didn’t solve, contact me.

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

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

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

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

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

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

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

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

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

  6. Faisal tenwari

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

    To reindexed blog posts

    1. Prajjwal Rajput

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

      Otherwise it’ll cause duplicate content issue.

        1. Prajjwal Rajput

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

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

    1. Prajjwal Rajput

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

  8. “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!!

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

    1. Prajjwal Rajput

      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.

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

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

        1. Shivansh Verma

          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.

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

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

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

  13. Abhinav Ranjan Jha

    I lost my Search Engine ranking dude. No one post shows in search engine of my blog. 🙁 please say how can i fix it

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

  15. Frank Apokwueze

    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?

    1. Prajjwal Rajput

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

      Just upload it normally

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

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

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

    1. Prajjwal Rajput

      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.

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

  18. Praveen pandey

    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

  19. Kunal Chauhan

    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.

    1. Prajjwal Rajput

      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 ?

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

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

  22. Prajjwal Rajput

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

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

        1. Prajjwal Rajput

          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!

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

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

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

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

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

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

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

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

    1. Prajjwal Rajput

      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 🙂

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

  32. Yes Its Very Great Artical I Gain Knowledge from here thanks for share this important information keep it up

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

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

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

  35. Awesome Tips Brother
    Thanks for sharing such as useful content 🙂
    Best wishes for your next Goal.

    @Regards
    Sagar_Chauhan

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

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

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

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

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

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

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

  43. 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 }) }) });

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

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

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

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

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

    1. Nice article,
      i am planning on moving to wordpress soon, if i move my blog url from http to https will it affect me during my migration to wordpress.

      my website url

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

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

  49. Goodluck Okereke

    Helo, I followed your guide and everything worked perfectly. Iwanto say a big thanks to you. I have one problem now. I implemented thyis tutorial a month ago and now my ranking is droping. How to i go over this please. Here is my blog https://www.goodiestech.com/

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

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

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

      1. magtvnateleserye

        I already checked it…what will happen next. …please try to look at my site…and see the post.. it will alwys error 404…

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

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

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

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

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

    1. Prajjwal Rajput

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

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

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

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

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

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

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

  60. Biswarup Bouri

    Thanks, man! now my SSL padlock working fine. First, it was grey but after trying your method now its turned green.

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

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

  63. Hi,

    I use blogger and i have a problem, please help me.

    – I don’t know why https://uchetechs.com extension is not working without WWW. but others are.

    I don’t know if it is my hosting company or my dns settings. Other bloggers own are working

    1. Prajjwal Rajput

      Your site is not redirecting to www with HTTPS but redirecting to www without HTTPS, check there must be an option to enable the redirection from non-www to www

      Thanks

  64. Thank you for this guide. Is this working fine this 2018?
    I’m very excited to try and used my park domain in blogger…

  65. Thank you for this guide.
    Is this working fine this 2018? I’m very excited to try and used my park domain in blogger

    Thank you

  66. Hi, my page is throwing an error. That it was redirected too many times. Please help. I have done everything up to the editing html in the theme stage.

  67. Kome Cafe Vietnamese Coffee

    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.
    Plz help me! My blog http://en.kome.cafe don’t turn on HTTPS but my main domain https://www.kome.cafe is ok (2 this domain are using Blogger, 3 other domain are using WordPress: https://onggiomakem.com https://hopdaithanh.com and https://onggiotanthanh.com all are OK – all use Cloudflare DNS)
    Thanks all

  68. Its really working method, and the same for WordPress. When be try to install SSL certificates always choose https:// directory WP

  69. Thankyou for this. Always good to hear from the experts. I guess there is a difference between using many and using them intelligently. Thanks for the post, very helpful.

  70. I am new blogger and this article very helpful for me thank you very much and I recommend every new blogger to visit this website.

  71. Nice Blog. It’s important that your business website is safe & secure.
    #SSL certificates bring a lot of benefits for your #business – they protect your customers, make you look more trustworthy and help you to avoid #Google penalties.
    If you have Ecommerce website then you must have ssl certificate for your business .

  72. Hello, indeed you have done well by sharing this article. i followed the steps gradually and integrated the CDN and now my site is opening fine on Glo with SSL installed.

    Thanks so much for sharing, i really appreciates.!

  73. Its really working method, and also working on wordpess, now its shown on my site with ssl certificate free of cost just need coustem domain
    thanks teacher

  74. Its really working method, and also working on wordpess, now its shown on my site with ssl certificate free of cost just need coustem domain
    thanks

  75. Mithun Nagpure

    Very useful information. I have learned a lot from this article. Actually I did not know anything about all of these, but now I am learning a bit.

  76. Its really working method, and also working on WordPress, now its shown on my site with SSL certificate free of cost just need a custom domain
    thanks

  77. Great blog here! Also your web site lots
    up very fast! What host are you the use of? Can I am getting your
    affiliate link in your host? I want my web site loaded up
    as fast as yours lol

  78. Very informative article sir. I am new in the blogging field. I am so motivating from your blog. I have learned so many things from this blog.

  79. Sir Mere Website pr Adsense Ka Approval Nahi mil raha hai kya karu
    policy Voilation ka Error aa raha palagrism Check kiya hoon 100% unique hai please reply

  80. It is brilliantly explained and imparts real information . I really like this article its its just great piece of information and also looking forward to come soon and read more articles.
    Thank you so much for sharing with us

  81. Hi,
    this article very helpful. I use Cloudflare SSL certificate on my 4 websites but One website is a movie website. Cloudflare sends me DMCA two time on my movie website. so I give simple advice don’t use Cloudflare SSL on a movie website.

  82. WOW

    seriously, how well you write, and how deeply you inform.

    Do look at my website also hindipulse.com thanks in advance

  83. Sir i have a question. I created a blog via blogspot and added custom domain to it. I have submitted my blog to google search console and sitemap also but till now i have wrote around 15 posts but my posts are not showing up on Google. Please help me.

  84. Amazing,
    I did not buy any SSL Certificate but after implementing this trick… I got redirected from HTTP to HTTPS.

    Thanks, brother…!

  85. Very helpful, the discussion is complete and easy to understand. Thank you for sharing a very good article

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top