Hướng dẫn Upload File Css và JS Javascripts lên host Google Drive

Sau khi đã hoàn thành cho mình một Website, Blog (Blogspot chẳng hạn) thì việc tìm nơi lưu trữ các file Css và Js (Javascripts) là điều tất yếu và cực kỳ cần thiết. Trong bài viết này mình sẽ hướng dẫn các bạncách upload file Css và Javascripts lên host Google Drive.



Trước đây, khi upload các file Css hay js người ta thường nghĩ ngay đến code.google.com, nhưng hiện nay, dường như Google Code đã ngừng hỗ trợ việc Upload. Vậy nên Google Drive (Dịch vụ lưu trữ của Google) là lựa chọn số một. Các bạn có thể tham khảo bài viết Lưu trữ files lên host, Tại sao quan trọng? Để hiểu rõ tầm quan trọng của các file được lưu trữ lên host.

Google Driver của Google nên về độ uy tín thì khỏi phải bàn, cho phép upload 5GB mỗi tài khoản, có nhiều công cụ đi kèm (khá giống như tiện ích addon của Google Chrome hay Firefox), bạn hoàn toàn có thể dễ dàng chia sẻ, chỉnh sửa các file lưu trữ của mình, bảo mật cực tốt, và điều cuối cùng: FREE.

Các bước upload file Css và Javascripts lên Google Drive

Đầu tiên, truy cập vào địa chỉ của dịch vụ Google Drive.https://drive.google.com/
Đăng nhập bằng tài khoản Gmail, có thể tải xuống phiên bản dành cho máy tính hoặc dùng trực tiếp,
bạn sẽ thấy giao diện như sau :

Để dễ dàng quản lý, ta nên tạo các thư mục, thông thường mỗi blog mình tạo một thư mục chứa tất cả Css và js cho nó.Chọn Tạo -> Thư mục

Đặt tên cho thư mục sao cho dễ dàng quản lý.

Sau khi tạo xong, Chọn thư mục bạn vừa tạo để tiến hành upload file.
Có thể upload từng file hoặc cả một thư mục.Bạn có thể chọn Tải lên để hoặc kéo thả file trực tiếp vào hình tròn để upload
Lựa chọn tải lên -> chọn thư mục hoặc file

Lựa chọn kéo thả, Kéo thả trực tiếp vào hình tròn

Sau khi upload thành công, một hộp thoại hiện lên

Các bạn chọn chia sẻ để cài đặt sang chế độ public mới có thể sử dụng được.Chọn thay đổi

Chọn "công khai trên Web" sau đó lưu lại là xong.

Các file của bạn bây giờ đã được chia sẻ và có thể sử dụng để chèn vào code của web/blog

Các bạn click vào file cần sử dụng, và copy lại địa chỉ của files trên trình duyệt

Dán cái link khi nãy ta copy ở bước trên ra đây, hoặc bạncó thể copy lại bằng cách click phải vào file, chọn "Chia Sẻ". Mặc định đường dẫn (link) có dạng như sau:

https://docs.google.com/file/d/0B_3VCSudZIUsUVhGbjhJLXplY0k/edit

Để có thể sử file Js và Css mà ta đã upload cho blogspot, ta sửa lại đường dẫn trên thành:

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

Chú ý: Chỉ cần thay phần đã được hightlight đỏ. Sau khi đã có link lưu trữ tại host mới, các bạn tiến hành thay lại toàn bộ các link có sẵn trong template nha.

Cú pháp khai báo khi sử dụng trong code
với file Js

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

với file Css

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

Have fun!