Externally host CSS on Google Drive - DISCONTINUED

Google has discontinued this service August 31, 2016


In this short guide, I will show how you can host your css on Google Drive and link them to work on Subeta.

I originally found this over on LioDen, though it had to be modified to work on Subeta.


You will need:
- A Google account
- Code that you want to host

Step One:

Navigate to Google Drive.

Click the NEW button and in the drop down menu go to More > Connect More Apps

In the search bar, the in CSS and hit enter.

The first app to pop up should be CSS Editey, and click the blue CONNECT button.


Step Two:

Click the NEW button again and in the drop down menu go to More > CSS Editey

You will have to allow it to access certain things.

Then a new CSS file should pop up.


Step Three:

Paste in the code you want to host. You will NOT need the <style></style> tags.

You can rename it at this point also.


Step Four:

Navigate to the page where you want to past your code (i.e. pet profile description, editing user profile, CustomCSS, and so on)

Copy this code in:

<style>
@import url(https://googledrive.com/host/FILE_CODE);
</style>

Now back to your to your Drive. Click on your CSS and select Share in the toolbar. A small window should pop up and in the top right corner click Get Shareable Link. You should be then provided a link that looks similar to this:

https://drive.google.com/file/d/0BzuJPNBB-P4xeU9XSThHemhaZ1U/view?usp=sharing

The part you want: 0BzuJPNBB-P4xeU9XSThHemhaZ1U

Now replace FILE_CODE with this string of alphanumeric characters. So it should look like:

<style>
@import url(https://googledrive.com/host/0BzuJPNBB-P4xeU9XSThHemhaZ1U);
</style>

And thats it.

Note: There is some lag between updating your code with it outputting on the page you want. Give it a few seconds.