How To Host Blogger Css And Java Script Files On Github Using RawGit Speed Up Blogger Blog

To a serious blogger only the great content does not matters but the the blog loading speed also counts much.If someone visits your slow loading blog the visitor will definately look for another blog with fast speed for same article.Blog page speed counts much thats why i am writting this article and you are reading it.
This tutorial will show you a free CDN service provider viz, RawGit(by MaxCDN) that is an open-source tool that serves raw files directly from GitHub with the correct Content-Type headers.

Advantages Of Hosting Your Java Script And Css Files On Github Using RawGit

Following are advantages of using github and rawgit on your blogger blog.

1.It will boost the loading time of your blog or site by serving the content of your web page to a user based on their location.
2. It will reduce the amount of bandwidth.
3. It will save your money when you running your own server.
4. It will improve user experience and decrease your blog bounce rate.
 

How To Creat A Account On Github?

Step 1 : Go to GitHub and creat an account.

Step 2 : You will be asked for a plan choose free.

Step 3 : After successfull sign up you will be automatically redirected to dashboard.

Step 4 : Clik New Repository to create a new one.

Note:You May Not Be Able To Creat A Repository Until You Verify You Account,So Firstly Verify Your Account.

Step 5 : Now fill up all the feilds stated below.

Creat A Repository

Step 6 : Now click Creat a new file button on right side of page.A new page will open paste the script here you want to store and Click Commit File At The Bottom Of Page.

Step 7 : Now, just right-click on the newly created or uploaded file and select copy link location.

Your copied code look like this

https://github.com/blogfowl/myblog/blob/master/jquery.flexslider.js

How to link the GitHub default URL with RawGit CDN for unlimited Bandwidth?

Step 1 : Go to RawGit.

Step 2 : You will see 2 inputs on that page make sure to use first one as shown on pic below.

rawgit

Now You script is ready for blogger.Go dashboard>layout>Edit Html and paste it.

You can use this method to post as many plugins as you want,and it would definitely spped up your blog.
 

Tagged With

• How to host file on github in blogger
• How to host java script and css on github using rawgit.
• How to host files on github using rawgit
• How to speed up blogger blog
• How to store java scripts and css files on blogger externally
• Blog Fowl blogging tips