Background
Break News
How to add local font to Tailwind Css and NextJS? - Tutorial Design Pattern? - Blockchain Technology, How to create own Bitcoin virtual currency - Zustand mordern management state - Design Pattern - Flyweight Pattern? - Docker Full training Topic

[Tips] How to "host CSS and javascript files in Google Drive instead on server"

Wednesday, 15 July 2015
|
Read: Completed in minutes

[Tips] How to "host CSS and javascript files in Google Drive instead on server"

How to "host CSS and javascript files in Google Drive instead on server"

- Help to eliminate any of the problems mentioned above and reduce the clutter among your services.
- Taking this method can increase your site speed,
- Increase the opportunities for a successful SEO campaign
- Google Drive provides ample amount of space to store large files.
- Highly secure
- Fast loading page speeds
- Higher SEP rankings


How to do it?

Step 1: Go to Google Drive by searching Google drive and login it with gmail account

How to "host CSS and javascript files in Google Drive instead on server" - Webzone Tech Tips Zidane


Step 2: Choose My Drive and choose New folder (setup name with js folder)

How to "host CSS and javascript files in Google Drive instead on server" - Webzone Tech Tips Zidane


Step 3: Upload css, javascript files to this folder

How to "host CSS and javascript files in Google Drive instead on server" - Webzone Tech Tips Zidane

Choose Get link status and choose Sharing settings

How to "host CSS and javascript files in Google Drive instead on server" - Webzone Tech Tips Zidane

Choose Advanced


Check on public on the web, another user can view your CSS (choose view, don't need choose write access your files)

How to "host CSS and javascript files in Google Drive instead on server" - Webzone Tech Tips Zidane

Step 4: Add an External CSS / javascript file to Blogger

Note:
You must replace "https://drive.google.com/file/d"  to "https://googledrive.com/host" and
remove "/edit?usp=sharing" or "/view?usp=sharing" in the link

For example, the link to javascript.js that I copied looks like this:
https://drive.google.com/file/d/0Bw0wdOxjVlxfYTZ3VnhRWWNzbm8/view?usp=sharing

=> After replace:
https://googledrive.com/host/0Bw0wdOxjVlxfYTZ3VnhRWWNzbm8


Now log into your blogger account, select your blog and go to Template -> Edit HTML.

If you want to add CSS file, Search <head> tag, Just below the <head> tag, add this link
    <link href="https://googledrive.com/host/0Bw0wdOxjVlxfYTZ3VnhRWWNzbm8" 
    rel="stylesheet" type="text/css"></link>

If you want to add javascript file, Search </body> tag,  just Above it, Add this link
    <script src="https://googledrive.com/host/0Bw0wdOxjVlxfYTZ3VnhRWWNzbm8" 
    type="text/javascript"></script> 
    


Thank you for reading this post. I hope you found it helpful and easy to follow. If you have any feedback or questions about How to "host CSS and javascript files in Google Drive instead on server" , please share them in the comments below. I would love to hear from you and discuss this topic further
✋✋✋✋  Webzone Tech Tips  - I am Zidane, See you next time soon ✋✋✋✋


🙇🏼🙇🏼 We Appreciate Your Comments and Suggestions - Webzone, all things Tech Tips web development
Popular Webzone Tech Tips topic maybe you will be like it - by Webzone Tech Tips - Zidane
As a student, I found Blogspot very useful when I joined in 2014. I have been a developer for years . To give back and share what I learned, I started Webzone, a blog with tech tips. You can also search for tech tips zidane on Google and find my helpful posts. Love you all,

I am glad you visited my blog. I hope you find it useful for learning tech tips and webzone tricks. If you have any technical issues, feel free to browse my posts and see if they can help you solve them. You can also leave a comment or contact me if you need more assistance. Here is my blog address: https://learn-tech-tips.blogspot.com.

My blog where I share my passion for web development, webzone design, and tech tips. You will find tutorials on how to build websites from scratch, using hot trends frameworks like nestjs, nextjs, cakephp, devops, docker, and more. You will also learn how to fix common bugs on development, like a mini stackoverflow. Plus, you will discover how to easily learn programming languages such as PHP (CAKEPHP, LARAVEL), C#, C++, Web(HTML, CSS, javascript), and other useful things like Office (Excel, Photoshop). I hope you enjoy my blog and find it helpful for your projects. :)

Thanks and Best Regards!
Follow me on Tiktok @learntechtips and send me a direct message. I will be happy to chat with you.
Webzone - Zidane (huuvi168@gmail.com)
I'm developer, I like code, I like to learn new technology and want to be friend with people for learn each other
I'm a developer who loves coding, learning new technologies, and making friends with people who share the same passion. I have been a full stack developer since 2015, with more than years of experience in web development.
Copyright @2022(November) Version 1.0.0 - By Webzone, all things Tech Tips for Web Development Zidane
https://learn-tech-tips.blogspot.com