All Categories:

Quick Contact
number here | BBM:

ADVERTS:- Available for adverts or important notifications

« | »

How To Enable Free Https (ssl) On Blogger Custom Domain Using CloudFlare CDN

Hello Techmedias, 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

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.

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

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

  • Then select the “Flexible” option from the SSL section.

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

  • But remember you need just to change “bloggerguider.com” with your “domain name”.

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

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

    1. 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 ‘http://howtoshout.com/‘ was loaded over a secure connection, but contains a form which targets an insecure endpoint ‘http://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

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

    (Visited 3 times, 1 visits today)
    Post Views: 37

    Posted by on September 4, 2017.

    Tags: , ,

    Categories: Uncategorized

    There is love in sharing

    0 Responses

    Leave a Reply

    « | »