👩‍💻BLOGGING

Get Free SSL Certificate For Your Blog From CloudFlare

Get Free SSL Certificate For Your Blog From CloudFlare
Get Free SSL Certificate For Your Blog From CloudFlare

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


8 Beginning Blogger Mistakes That You Should Avoid.


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

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.

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.

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

Now, we have set up 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
  • 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.

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.

Tags

Supremo DM

Supremo DM, (Born Frank Osei Nyarko) Is A Ghanaian Website Designer and Blogger with a Flair of Singing And Song Writing. He Loves To Listen to Music All Day Since that's One of his Major Source Of Joy. Therefore, He decided To Set up This Music/Entertainment Website To Enable Him Share His Source Of Joy With The Entire World. Kind Of Him Right? Well, He can Only Reach His Prime Target If You Could Preach About "GhanaFlaver" That Fast Rising Music/Entertainment Blog Emerging From West Africa,Ghana To Be Precise... I Would Love To Hear From My Cherish Readers/Visitors... Being It Feedback, Suggestions or Business Proposal... Contact Supremo DM Via Any Of the Medium Below... Whatsapp: +233 545 880 700 Email: [email protected] Facebook: Supremo DM General Twitter/Instagram: @iamsupremodm Cheers 🤩

Related Articles

Leave a Reply

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

Close
Close