Table of Content

How to Host Blogger CSS and JavaScript on Google Drive

To host Blogger CSS and JavaScript on Google Drive, create a public folder and upload the files. Get the file links and update your blog template.

Hosting your Blogger CSS and JS files on Google Drive can be useful if you want to save hosting costs or if you want to have a backup of your files. Lets dive into the Web

Step by Step Guide to Host CSS and Javascript on Google Drive.

  1. First, upload your CSS and JS files to your Google Drive.
  2. Go to Google Drive, click on icon and select icon.
  3. Select your .css and .js files from your local storage and upload them to your Google Drive.
  4. Once your files are uploaded, click on each file and select "Manage access".
  5. Change "Restriction" mode to "Anyone with the link" for each file.
  6. Click "Copy link" for each file.
  7. Next, on Blogger dashboard, go to Theme.
  8. Click icon next to the Customize button.
  9. Click Edit HTML, you will be redirected to the editing page.
    Edit HTML
  10. Find the opening <head> tag in the HTML code, then paste the code below right before it:
    <!--[ Template CSS  ]-->
    <link href=' rel='stylesheet'/>

    Replace the marked code with your Google Drive Shareable Link ID

    <!--[ Template JavaScript  ]-->
    <link src=' rel='stylesheet'/>
  11. Save the theme by clicking icon on the top right of the HTML Editor. Your CSS and JS files should now be hosted on Google Drive.

Note that hosting your CSS and JS files on Google Drive may not be as reliable or fast as hosting them on a dedicated server. Additionally, there may be limitations on the amount of traffic or downloads your files can handle.

Hey there! My name is Sandeep Kumar aka Sandy, a professional Content Writer as well as Content Creator. Buy me a Coffee

Post a Comment