Posted by [Guide] Hosting CSS on Google Drive

Solminol (#811)

Sinister
View Forum Posts


Posted on
2014-08-13 07:21:46
*This guide is for how to host and implement your CSS, not how to code CSS.

Made this to replace my old guide since it seems dropbox no longer allows public folders for new users. It seems this does not affect existing users, however, as I still have a public folder that still displays my CSS, as you can see at my main account

Welp, here's the new guide, I used this account as the example:

First thing to do is go to your google drive. Create a CSS folder:


tumblr_na9ibvYr8u1sgi2wto1_1280.png

Next is to upload your CSS file to the CSS folder

tumblr_na9ibvYr8u1sgi2wto2_1280.pngtumblr_na9ibvYr8u1sgi2wto3_1280.png

Next thing to do is share the file. Right click on your CSS and select "share":

tumblr_na9ibvYr8u1sgi2wto4_1280.png

Right now only you can access it. If this CSS is just for you, then you don't need to change anything. If this is for someone else, or you want someone to edit, then make it so others can access it:

tumblr_na9ibvYr8u1sgi2wto5_1280.pngtumblr_na9ibvYr8u1sgi2wto6_1280.png

I made mine public because whatever.

Next, is to get your file ID. So copy the share link:

tumblr_na9ibvYr8u1sgi2wto7_1280.png

Now, this next part can be pretty tricky. It is absolutely vital that you follow this part exactly so your CSS can work.

To make the CSS work, you have to modify the link you just copied. Here's a handy thing that I stole from another guide:

How-to-Host-HTML-CSS-files-in-Blogger9_t

So my link looks like this:

https://drive.google.com/file/d/0B0bZmoanR175WS0xaF9FeklEb1E/edit?usp=sharing

After the change, it looks like:

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

The bolded part is your file's ID. You can also just use this template link to make things easy:

https://googledrive.com/host/insertIDhere

Okay once you got the above link, now it's ready to be implemented into your Lioden profile.

Insert your link into this:

<*link rel="stylesheet" type="text/css" href="Insertdrivelinkhere" /*>

get rid of the *s

Now put this into your profile description like so:

tumblr_na9ibvYr8u1sgi2wto8_1280.png

click submit annnnddd:

tumblr_na9ibvYr8u1sgi2wto9_1280.png

there's your shiny new profile. (also ignore my bars on the right there. It seems lioden changed how it looked, so it affected my own CSS)

This was actually my very first time using Googledrive to host, so if I got it to work, so can you.

And if your CSS doesn't work, then follow the steps again, especially the URL modification part.



Hrt Icon 0 players like this post! Like?

Edited on 13/08/14 by Urswurs (#811)

Seiden (#31503)

True King
View Forum Posts


Posted on
2015-03-09 22:28:40
<*link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B7Gg_gEMx3paM3BnVU5sTGFLN28" />

Isn't my code correct? :(
(without the star of course)

It doesn't work but I have no idea why...



Hrt Icon 0 players like this post! Like?

annabethred9{Semi
Hiatus} (#59930)

Fearsome
View Forum Posts


Posted on
2015-07-08 04:34:47
THANK YOU SO MUCH! My den looks AMAZEBALLS! I honestly don't know how else to say this, but thank you!



Hrt Icon 0 players like this post! Like?

Sykes (#66236)


View Forum Posts


Posted on
2015-07-31 14:03:29
Didn't work



Hrt Icon 0 players like this post! Like?

+{*Cami*}+❄Arctic
Primal Kin (#40619)

Amiable
View Forum Posts


Posted on
2015-09-23 10:38:55
It Worked thank you ^-^ Still needing some help with designing it as well, such as scroll down menu/table that i see in some users den that they use for more info, sales, etc.



Hrt Icon 0 players like this post! Like?

jess (#74552)

Deathlord of the Jungle
View Forum Posts


Posted on
2015-12-27 06:37:39
the images aren't showing up

http://prntscr.com/9j6e6c



Hrt Icon 0 players like this post! Like?

Pigeon (#39043)

Punk
View Forum Posts


Posted on
2016-08-27 14:36:21
So i guess Google is going to make it so we cant host stuff with them anymore :/ We have to find an alternative



Hrt Icon 0 players like this post! Like?

+{*Cami*}+❄Arctic
Primal Kin (#40619)

Amiable
View Forum Posts


Posted on
2016-11-28 05:09:05
After some den layout updates here on Lioden, my layouts is no longer working x.x Is there a fix for this or is google drive no longer compatible?



Hrt Icon 0 players like this post! Like?

Solminol (#811)

Sinister
View Forum Posts


Posted on
2017-01-02 09:08:42
Alrighty, it appears that this doesn't work anymore. (unless it /does/ still work and I'm just dumb because I haven't been on Lioden since 2015.)

Anyways you know what that means.

Time to write up another guide! Currently have a draft going and should be done sometime today.



Hrt Icon 0 players like this post! Like?

Pigeon (#39043)

Punk
View Forum Posts


Posted on
2017-01-07 10:20:10
Correct! Google stopped allowing css hosting last august i think. I remember getting an email about it. Was wither August or September.



Hrt Icon 0 players like this post! Like?

Ebonixi (#95756)

Recognizable
View Forum Posts


Posted on
2017-06-28 16:32:21
Hey Everyone! I came across this handy link if ya'll stil lwant to use google docs to host your .css files!
http://www.bloggerseolab.com/2017/02/host-images-javascript-and-css-on-google-drive.html

edit: If you upload the file to the same place on google docs with the same name it will update it with the link as well! So, as you upload various coppies as you work, you can see the changes in your den with a refresh of the page! You don't have to keep fetching new links! :D



Hrt Icon 0 players like this post! Like?


Edited on 28/06/17 @ 16:41:27 by Zakiya (#95756)

yellogazello (#122526)

Recognizable
View Forum Posts


Posted on
2017-09-26 09:22:57
How do you edit the link in google drive? It's not letting me edit it any more!!



Hrt Icon 0 players like this post! Like?

yellogazello (#122526)

Recognizable
View Forum Posts


Posted on
2017-09-26 09:29:39
Sorry, got it now, thanks :)



Hrt Icon 0 players like this post! Like?

beefpatty (#129461)

Renowned
View Forum Posts


Posted on
2017-10-31 16:49:33
AGh, why does everything have to update? Lol, anyways look forward to actually getting this to work...



Hrt Icon 0 players like this post! Like?

🐌Beanie🐌 (#121404)

Devastator
View Forum Posts


Posted on
2018-12-04 15:16:51
For the dear life of me I cannot get this to work.




Hrt Icon 0 players like this post! Like?

🐌Beanie🐌 (#121404)

Devastator
View Forum Posts


Posted on
2018-12-04 15:17:19
<*link rel="stylesheet" type="text/css" href="https://drive.google.com/file/d/1tAQRVrdUETXqQOMfUgOLcQCGGRLuE2zJ/view?usp=sharing"* />



Hrt Icon 0 players like this post! Like?







Memory Used: 625.04 KB - Queries: 0 - Query Time: 0.00000 - Total Time: 0.00428s