How to Migrate from HTTP to HTTPS on Blogger Blog with Custom Domains - FindersAdda : Tutorials of Make Money, Computer or Internet

Thursday, 23 November 2017

How to Migrate from HTTP to HTTPS on Blogger Blog with Custom Domains


Note: Now Blogger also provides HTTPS service for the custom domain so don't waste your time to read this post.

Hello Friends! How are you? I hope you will be well and also hope that you found my last post On "How to add Related Post Widget in Blogger" and it will be very helpful for you.Thank you very much for all lovely comment and suggestion. You've inspired me to write another post.



In this article, I am going to learn "How to Migrate from HTTP to HTTPS on Blogger Blog with Custom Domains". Let's begin....



How to migrate http to https in blogger blog with custom domain




How to Enable HTTPS on Custom Domain in Blogger?

Yes, you heard right. As You know that blogger provides https for only sub-domain then how you can enable https? 


What is HTTPS and What is used of HTTPS?

HTTPS stands for "Hyper Text Transfer Protocol Secure". HTTPS is extended form of HTTP (Hyper Text Transfer Protocol). HTTPS is a protocol which is used to send data sucurely and safe through internet that means it provides security when we transfer the data through internet.

Now a question will be arising in your mind that is it needed to blog? No, it is not needed for blog because we don't trasfer any secure data like money, transaction etc. But it is better for SEO (Search Engine Optimization). If you enable HTTPS in your blog then your blog data will be secure and SEO will be better.

You will have seen in blogspot blog that Google blogger provides HTTPS. HTTPS is more helpful for ranking your site in Google or other search engine and increase your readers.




What is SSL Certificate?

SSL stands for Secure Socket Layer. SSL is used to enable HTTPS in our blog or website and trasfer data securely and safe on the internet. There are many web hosting comapnies which provides SSL certificates but today I am going to tell about CloudFlare.



Some Disadvantages when you adding HTTPS in your blog

1) When you migrating your blog from HTTP to HTTPS. Your traffic will low for few days until Google crawl or index your all URLs with HTTPS.

2) Once you enable HTTPS in your blog then you can't remove it and if you remove HTTPS from your blog then your blog may be deindexed from search engines.

How to enable HTTPS on custom domain in blogger blog?

In this post, we are discussing that how to enable HTTPS in free? CloudFlare provides many types of SSL certificate but we are going to discuss about free plan. Free plan doesn't provide more option and more security. That's why I request you to use premium plan if you are able.

If you want to enable HTTPS on custom domain in blogger blog free of cost then read this post carefully and follow the below steps for enable. I have divided it into four parts for easy understand and simple to learn.



Step 1 : Work in CloudFlare

1) First of all, open cloudflare website in your web browser and then create a new account. If you have already an account on CloudFlare then login with your user name and password.

2) Now enter your website or Blog URL and click on the "Scan DNS Record". It takes some times like 1 minute for scanning your website. After completing scanning process, click on the Continue option.


Enter your website URL


3) Then it will show DNS Records of your website. If it doesn't show any record then you have to add DNS record from your Domain Registrar (like Godaddy, Bigrock) from where you have purchased your domain. It is showing records then click on the Continue option.

Note : When it is not showing any record in cloudflare then you have to add only two records from your domain registrar which is provided by blogger at the time of adding custom domain.


Add both nameserver into cloudflare when not showing any record


4) Then Select Free plan and click on the Continue.


Select Free Website


5) Now it will show two name server. You have to add this two name server into your domain registrar. I am using Godaddy for Domain. That's why I am telling about Godaddy. See Step 2 for adding name server.


Copy both nameserver and add it into the domain registrar


Step 2 : Adding Name Server into Domain Registrar (Godaddy)

1) First of all, open Godaddy in new tab and login to your account in Godaddy.

2) Then click on the your profile and then click on the My Products option.


click on the My products option


3) Now click on the DNS option


click on the DNS


4) Then click on the Change option and select Custom option in name sever. And paste the First name server into the first box provided by CloudFlare and paste the second name server in to the second box. And then click on the Save option.


Click on the Change and then select custom and paste the both nameserver


Step 3 : After Adding Name Server in Domain Registrar Go back to the CloudFlare tab

1) Click Continue option.

2) It will show status that Website is not active. Wait for few minutes and again refresh the web browser and if it show status is active then follow next step.


Status is active


3) Click on the crypto option and then select flexible ssl as seen in below image.


Select Flexible in Crypto


4) Then Click on the Firewall option and then select secutiry level "Low".


Select Security level low


5) Now click on the Page Rules option and then click on the Create page rules. you can create only three page rules in free version, if you want more page rules then you have to purchase premium version.


Create Page Rules

  • After clicking Create page rules option, a pop-up box will be opened. In this pop-up box, write http://*findersadda.com/* and then click on the Add a Setting option and select Always use HTTPS option and then click on the Save and Deploy option.
  •  Again click on the Create page rules. It will show a pop-up box. In this pop-up box, write https://findersadda.com/* and then click on the Add a Setting option and select Forwarding URL option and then select status status code "301-Permanent Redirect" and then write https://www.findersadda.com/ then click on the Save and Deploy option.
Write code without removing * mark

  •  Again click on the Create page rules. It will show a pop-up box. In this pop-up box, write http://findersadda.com/* and then click on the Add a Setting option and select Forwarding URL option and then select status status code "301-Permanent Redirect" and then write https://www.findersadda.com/ then click on the Save and Deploy option.


NOTE : - don't remove star option and write your domain name instead of findersadda. Now open your blog in new tab if it is not opening then wait for 1 days because it takes some times to set name server. When your blog will be open with https then follow the step 4 option.



Step 4 : Changing in your blogger

1) Open your blogger account in new tab of web browser and click on the Theme option and then click on the Edit HTML option.

2) Now click the mouse pointer anywhere between the code and press Ctrl + F and find </head> tag.

3) Copy the below code and paste it into the blogger above the </head> tag.

<script>$(document).ready(function() {           $("a").each(function() {             var i = $(this).attr("href");             var n = i.replace(http://www.yourdomain.com, "https://www.findersadda.com");                               $(this).attr("href", function() {               return n             })           })         });       </script>


Note : Always change your domain name instead of findersadda. And don't change any code or symbol from this code except domain name.

4) Now find <b:include data='blog' name='all-head-content'/> in your blogger template and replace this code from the below code.


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

Note : In the above code, write your domain name instead of findersadda and write your blog title instead of BLOGTITLE and also write your blog id instead of BLOGID.

5) Now click on the Save Theme option.

6) Now click on the Setting option resides blogger dashboard and then click on the Search Preferences option. Click on the Edit option in front of Custom Robot.txt in blogger dashboard. and then replace code of robot.txt from the below code. and then click on the Save Changes option.


setting then search preferences


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

7) Now open Google Webmaster Tool in new tab and login in your account.

8) Then delete the property of your website and again add new property with https like https://www.findersadda.com



9) Now open your website property and then click on the Crawl option and then Sitemaps option resides in webmaster dashboard.


Crawl then Sitemaps



10) Now click on the Add/Test Sitemap option which resides right corner. And then write sitemap.xml and then click on the Submit option. If you want to know more about how to add sitemap in Google Search Console read this post.

Important Points To Know

  1. Upload your favicon or heading image again because previous favicon and heading image is not redirect on https.

Oh! Really, it is very big post and big process. Please follow these steps carefully otherwise your blog goes deindexed. 


Once again I hope you liked this post so much. If you like this post then share with your friends also ask your problem through comment box.

Thank You So Much

By Sumit Kumar Gupta.

About Author

SUMIT KUMAR GUPTA
SUMIT KUMAR GUPTA

Author & Editor

Myself Sumit Kumar Gupta & 21 year's old person. I am a programmer and blogger. I spend much more time on programming and blogging and helps other programmers and bloggers.

6 comments:

  1. Hello Sir.....

    I have 3 Questions.

    1. Are you using Blogger or Wordpress?
    2. If I use https in my Blogger So I will Lost my Website Pictures or Not?
    3. If I use https for My Custom Domain so If someone Search my Website like xxxxxxxxx.com So it will automatically Redirect to https;//xxxxxxxx.com or Not?

    I will be Waiting for your Positive Response.

    ReplyDelete
    Replies
    1. First of all thank you for being here.
      1. I am using blogger platform.
      2. If you use https in your blogger blog then images will not be lost because now blogger provides https for custom domain.
      3. Yes it automatically redirect on https version.

      Now, follow the below steps to add https. You don't need to add third party https service in your blog because blogger is providing https for custom domain before some days.

      1. Go to your blogger dashboard and click on the setting and then basic
      2. Then select yes in HTTPS avalability and https redirect. It will automatically redirect on https.

      Delete
  2. Sir there it Says that "Warning: HTTPS is not available at the moment for custom domain blogs" and the Yes/No Option is Hidden

    ReplyDelete
    Replies
    1. Please send screenshot on my email sumitkumarg960@gmail.com or can you add me as a admin in your blog if possible? I will check that where problem occurs?

      Delete
  3. Ok Sir I am Trying To Send you Screenshot

    ReplyDelete
  4. Sir I have sent you Screenshot to Your Email You can Check,

    ReplyDelete

We are eager to see your comments.
Comment Rule :

1. Don't use any link in the comment box. If you have any problem related to link then contact me with the contact form.

2. Don't use the wrong word if you write the wrong word in comment box then it will get spam.