How tin I host/upload css together with javascript files on Google Drive?

Learn to host/upload CSS too JAVASCRIPT files on Google Drive easily

Storing Blogger CSS too JavaScript files alongside Google Drive volition tending to eliminate whatever of the problems mentioned higher upward too cut the clutter amid your services. Taking this method tin increase your site speed, increase the opportunities for a successful SEO campaign, too brand your life hence much easier.

Google Drive provides ample total of infinite to shop large files, too offers collaboration services hence that you lot tin operate amid unlike squad members on the same project. Some of the files that you lot upload into the cloud services tin remain unpublished too rest within the somebody site, whereas other files similar weblog posts tin survive published or stored to the populace site.

Another beneficial characteristic of storing all your Blogger files on Google Drive is that it is highly secure. Google comes alongside the backing of 1 of the leading companies inward the technical globe hence that you lot tin survive certain your content is prophylactic from hackers too those looking to compromise your site.

This guide volition render you lot alongside step-by-step instructions on how to setup your Blogger site using Google Drive. It's completely complimentary to accept wages of this strategy, too volition render you lot alongside a corporation platform from which to construct your blog.

Step 1. Prepare the CSS/JavaScript Files

• First, nosotros take to gain the file that nosotros take to host. To host a CSS file, opened upward the Notepad too glue the CSS code (if it is enclosed within the tags, take away them). 

• In the Notepad menu, select 'File' > 'Save as' too type the file cry alongside the .css extension only similar I did alongside mycssfile.css - run across the screenshot below.

• In the same window, select "All files" inward the "Save every bit type" pick too gear upward the Character Encoding to UTF-8. 

• If you lot desire to host a JavaScript file, add together the .js extension (instead of .css) at the terminate of your file cry (remove the tags if you lot run across them). Click "Save" too navigate to the location where you lot desire to salvage the file. 

Step 2. Upload Your File on Google Drive

• Access https://drive.google.com too log inward alongside your Gmail account. After you lot logged in, click on the 'Create' push clit too add together a novel split upward folder to upload your JavaScript too CSS files.

• Open the newly created folder, too click on the Upload push clit alongside the upward arrow to select the files that you lot take to upload.

• Now, navigate to the location where you lot saved the files, select them (to select multiple files, press too concur downwards the Ctrl fundamental on your keyboard too and then click on them) too press the Open button.

• After the files gain got been successfully uploaded, correct click on the file names (to select all your files inward the folder, click on the checkbox) too select 'Share':

• In the 'Sharing settings' window, click on the 'Change' link too select the 'Public on the web' option. Press 'Save' too re-create the link(s) of your uploaded file(s) from the 'Links to share' box highlighted inward blue, too then glue it into a Notepad to exercise it later.

Step 3. How to Add an External CSS/JavaScript file to Blogger

Before you lot tin exercise the links, you lot must supercede 'https://drive.google.com/file/d' to 'https://googledrive.com/host' too take away '/edit?usp=sharing' inward the link.

For example, the link to mycssfile.css that I copied looks similar this:

https://drive.google.com/file/d/0B4n9GL3eVuV-TkphMkc3SFR2Slk/edit?usp=sharing

Notice the exercise inward blueish after the "/file/d/" part. That is the file ID which is used to access it via the novel hosting service. It should showtime alongside the next URL:

https://googledrive.com/host/

Add the file ID similar this (remove the '/edit?usp=sharing' part):

https://googledrive.com/host/0B4n9GL3eVuV-TkphMkc3SFR2Slk

Now log into your Blogger account, select your weblog too larn to Template > Edit HTML. Click anywhere within the code expanse too press the CTRL + F keys to opened upward the search box:

If you lot desire to add together a CSS file, type the next tag within the search box too hitting Enter to respect it:

Just BELOW the tag, add together this line:

https://googledrive.com/host/0B4n9GL3eVuV-TkphMkc3SFR2Slk

" />

And supercede https://googledrive.com/host/0B4n9GL3eVuV-TkphMkc3SFR2Slk alongside the link of your CSS file:

If you lot desire to add together a Javascript file, search for the next tag:

And add together this describe of piece of job only ABOVE it:

Replace the describe of piece of job inward blueish alongside your URL:

Finally, press the 'Save template' push clit to salvage the changes. And you're done!

Bagikan Artikel ini