Get Free SSL Certificate For Your Blog From CloudFlare – WP & Blogspot

You all know that Google has taken HTTPS or SSL Certificates on Websites as a Ranking factor. This means Websites having SSL installed will have a small ranking difference comparing one without SSL certificate. Also, Having SSL installed on your Website is a must. Because a lot of people use the Google Chrome Web Browser to access the Internet. In the recent update of Google Chrome, they have made a great change in terms of security. Site without having HTTPS will be marked as  Not Secure near the URL on Address Bar. Screenshot below.

Site Not Secure Badge

So, having SSL Certificates installed on your blog is a must. Maybe in future Google will make SSL Certificates an unavoidable factor in Search Ranking.

Free Cloudflare SSL

 

Now, you might have understood the importance of enabling HTTPS on your blog. It’s a must. So, today in this article we will discuss How to install Free CloudFlare SSL Certificate on any Blog. Without further ado let’s get into it.

Get Free CloudFlare SSL Certificate

Just follow the step by step guide mentioned below and install fREE CloudFlare SSL on your Blog yourself in less than 5 minutes. So, if you are ready, Let’s do it (Get Free CloudFlare SSL)

  • Firstly, Visit the page mentioned below
Also Check  How To Save Webpages As .PDF In Chrome Without Any Extension

   Register at CloudFlare

  • Sign up for a new account and verify your Email Address. Then Select the Free Plan (Ignore this step if you already have a CloudFlare account)
  • Now, Add your Domain to CloudFlare, You can follow the on-screen instruction from the page itself.
  • Now, Make sure that CloudFlare is successfully installed on your blog.

Now, we have installed and activated CloudFlare on our Blog, next is to configure it and add Free CloudFlare SSL to it.

Add Free CloudFlare SSL Certificate (HTTPS) to Your Blog

So, let’s see how to Install and Configure Free SSL from Cloudflare on your blog.

  • Go to CloudFlare dashboard
  • Click on the Crypto tab 
  • From the SSL section, click on the drop down menu and select Flexible.

Enable SSL on CloudFlare

Wait for some wait until you see a status in a  Green Box “ACTIVE CERTIFICATE“. That’s not all. We need to configure them our blog for SSL.

Preparing Blog for CloudFlare SSL

Now, we have created an account and activated CloudFlare SSL on our blog. Now, we need to configure it on our Blog. So, that you don’t get any issue with mixed content. Below, I will share how to configure SSL from CloudFlare for WordPress and Blogspot/Blogger Blogs.

Also Check  How To Stop/Disable Windows Updates In Windows 10

WordPress Site

If you are a Blogger/Blogspot User, then go to Blogspot section right after WordPress section.

We needed to configure some important plugin in WordPress to make it work exactly the way we want.

  • Install the Official CloudFlare plugin from the Link below and Activate it on your blog

  CloudFlare WordPress Plugin

  • Now, from the Plugin login to your CloudFlare account and setup the plugin with your site.
  • Then Install the CloudFlare Flexible SSL Plugin from the link below and activate it.

  CloudFlare Flexible SSL

  • Now, Install the WordPress HTTPS (SSL) plugin and activate it from the link below.

  WordPress HTTPS Plugin

  • We are installing this plugin (WordPress HTTPS SSL) to change all existing links from your blog to HTTPS. If all your blog’s links are HTTPS, then no need to install this plugin. (Only your Blog’s Link, not any third party website’s link)
  • Now, Open the WordPress HTTPS (SSL) plugin settings page.
  • Select Yes option for the Proxy settings (Screenshot below) and Save Changes.
Also Check  How to Root Bluestacks - 2017 Trick

Now, we have setup SSL on our WordPress Blog, too. Then jump to Adding Page Rules section. And Blogger users read on.

Blogger/Blogspot

  • Open Blogger Template Editor (HTML)
  • Find the </head> tag and paste the below given code right above it.
<script>
$(document).ready(function() {
$(“a”).each(function() {
var i = $(this).attr(“href”);
var n = i.replace(http://www.yourdomain, “https://www.yourdomain“);
$(this).attr(“href”, function() {
return n
})
})
});
</script>
  • Replace yourdomain with your Blog Address no need to add the extention.
  • Search for <b:include data=’blog’ name=’all-head-content’/> 
  • Remove the above given code
  • Now, paste the below given code right 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=’Blogger Guider – Atom’ type=’application/atom+xml’/>
<link href=’https://www.yourdomain.com/feeds/posts/default?alt=rss’ rel=’alternate’ title=’Blogger Guider – RSS’ type=’application/rss+xml’/>
<link href=’https://www.blogger.com/feeds/BLOGID/posts/default’ rel=’service.post’ title=’Blogger Guider – 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]–>
  • Replace yourdomain.com with your Site address and BLOGID with your blog ID.
  • Save it

Now, let’s edit our Robots.txt file.

  • Go to Blogger Settings >  Search preferences > Crawlers and indexing > Custom robot.txt
  • Replace the sitemap URL in the Robots.txt file to the HTTPS version.
  • Hit save, that’s it.

Adding Page Rules in CloudFlare

We wanted to redirect our site from HTTP to HTTPS version. So, let’s add Page Rules in CloudFlare for that.

  • Go to CloudFlare dashboard
  • From the option select Page Rules 
  • Click on Add Settings
  • Enter your Domain name in between two atricks (**). Example = *example.com*
  • Click on + Add a Setting
  • Select Always use HTTPS

Add Page Rules to CloudFlare

  • Click Add Rule.

And Now, we are done. We have successfully activated free SSL from CloudFlare on our Blog. What’s next?

Next is to submit the new version of your site to Google Search Console. That means, you should go to Search Console > Add a New Property > Enter the HTTPS URL (https://example.com) > Add the Sitemap and you are done

Also be sure to add all versions of your site to Search Console.(No need to add the sitemap to every property, Just add it to only the main one. )

Now, Change the Protocol of the site in Google Analytics as well.

  •  Go to Google Anlytcs Dashboard
  • Click on Admin 
  • Click on Property Settings 
  • In the default URL, Select HTTPS from the drop down.

Enable HTTPS on Google Analytics

That’s it, We have successfully enabled SSL, Free HTTPS on our Blog. We are all good to go. Adding HTTPS to our blog is a must now. So, do it as soon as possible.

Be sure to comment down below, if you face any issue or something. I will help you at the soonest.

 

About the author

Astro Joseph

Hey Guys, I'm Astro K Joseph, Founder and CEO of IPEE World from Kerala, India. I started this blog as a passion and it now empowering thousands of readers around the globe.Here I usually share stuff related to How To, Android, Windows, Facebook, WhatsApp, Blogging, etc.

Leave a Comment