How To Host CSS Code & JavaScript File In Google Drive?

Host CSS And JavaScript Files On Google Drive:

You can easily to hosting or uploading any CSS files or JavaScript with Google drive. This is the simple lesson. For hosting CSS or JS with Google Drive you need one Gmail account then Just follow the bellow tips step by steps and make your CSS or JSS hosting link.

Most View Article:

     * Add Animated Flying Twitter Bird On Blogger

     * Post Views/ Page Views Counter On BlogSpot Blog

     * Add Feedjit World Live Traffic/ Visitors Widget

Create CSS code and JavaScript Code:

Firstly type CSS or JavaScript code in notepad and save with title name.css or title name.js file. But when you saving file of course you need to (Save as type select -All Files) and (Encoding select - UTF-8)

Sign In Google Drive: 

• Firstly go to Google drive
• Sign in with Gmail account

Create A Folder In Google Drive:

• Click on “New” then add new folder with custom title

 

Random Post:

     * How To Add Total Preview Hit Counter Widget

     * Add Multi Color Social Followers Widget on Blog

Upload Files To Google Drive:

• Now select your folder then click mouse right button in folder location and upload your .css file or .js file

Share Google Drive Files:

• Now right click on file and select on “Share “ to go next page

What Is Google Drive Link:

[A] Now click on top right side “Get shareable link” and copy this link

[B] Click on “Advanced” to go next page

Direct Link To Google Drive File:

• Click on “Change...” to go next page

Google Drive Public Download Link:

[A] Select ‘ž On – Public on the web’
[B] Access: Anyone- select "Can view" and save then done all pages

Edit CSS JS Google Drive Link:

Now CSS and JavaScript URL link past on notepad and must be change or replace https://drive.google.com/file/d/

to https://googledrive.com/host/

and remove last  code view?usp=sharing

Follow example bellow

https://drive.google.com/file/d/0B9mU38iBGulkYWw1T21HYVRkWUk/view?usp=sharing

to

https://googledrive.com/host/0B9mU38iBGulkYWw1T21HYVRkWUk

Add CSS Code in Blogger Template:

• Go to Blogger dashboard
• Select your blog
• Go to 'Template'
• Click on 'Edit HTML'
• Click anywhere in code area then press CTRL+F on keyboard
• Now if you need to put CSS code please find <head> tag then CSS code past bellow <head> tag with this line

<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B9mU38iBGulkYWw1T21HYVRkWUk" />

Customize: Just replace https://googledrive.com/host/0B9mU38iBGulkYWw1T21HYVRkWUk with the link of your CSS code

Save your template

Add JavaScript Code in Blogger Template:

If you need to put JavaScript code in blogger template please find </body> tag then JavaScript code past before </body> tag with this line

<script src='https://googledrive.com/host/0B9mU38iBGulkeE55a3d6RXRMbU0' type='text/javascript'></script>

Customize: Just replace https://googledrive.com/host/0B9mU38iBGulkeE55a3d6RXRMbU0 with the link of your JavaScript code

> Save your template

That’s all. Thank you.

---------------------------------------------------

If you have any question and suggestions related blogger

Please don't hesitates just sent email or leave comment

Thanks to follow this tutorial

Best regards

help2blogging team