How To Host Your CSS/JS On Google Drive For Your Website or Blogger

How to Host your CSS/JS on Google Drive for your website
Do you want to save bandwidth? or want to save stylesheets or javascript files for your blogger? For blogger you must need to have a files hoster or CDN, I will recommend you google drive, to host your file. It is FREE, and working as CDN too. So don't worry about this problem, I have the solution here for you. All you need to have a Gmail account. And then upload your files to google drive and make it accessible for anyone, and just place its URL inside your website HTML file.

How to Host Stylesheet and Javascript files on Google Drive

Before the Bootstrap CSS
How To Host Your CSS/JS On Google Drive For Your website
HTML Code without Bootstrap

How To Host Your CSS/JS On Google Drive For Your website
Output
Step 1:
Login to your google drive, and upload your CSS and JS files.
Step 2:
Once your files uploaded, you have to share it with anyone, change its sharing property.
How To Host Your CSS/JS On Google Drive For Your website
Right click on the file you uploaded, then click Share.

How To Host Your CSS/JS On Google Drive For Your website
Now choose advanced.

How To Host Your CSS/JS On Google Drive For Your website
Now change "Who has access" from private to public

How To Host Your CSS/JS On Google Drive For Your website
First, choose Public on the web, and choose anyone Can View.

How To Host Your CSS/JS On Google Drive For Your website
Now Copy the Link and click Done
Step 3:
Now its time to make direct download link for your google drive file.
How to generate Google Drive Direct link
Just visit https://drive.recmail.net/ and generate direct link by pasting the copied link and once the link generated to copy the output direct link.

How To Host Your CSS/JS On Google Drive For Your website

How To Host Your CSS/JS On Google Drive For Your website
Step 4:
Now add the copied URL to your HTML file and check its output. You will find that bootstrap stylesheets start working.
<link rel="stylesheet" href="Google-Drive-Direct-Link">
How To Host Your CSS/JS On Google Drive For Your website

How To Host Your CSS/JS On Google Drive For Your website

Video Tutorial

Socializer Widget
SOCIALIZE IT →
FOLLOW US →
SHARE IT →

0 comments:

Post a Comment

Write a review - You can also report us using comment.