Upload file JS (javascripts) và CSS 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ạn cách upload file Css và Javascripts lên host Google Drive.

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.

  • Vậy tại sao phải upload những file này lên web host (Google Drive)?
- Thứ nhất, thông thường khi download, tải các template từ trên mạng về, các file js và css mặc định đã được upload sẵn lên một trang nào đó, và việc bạn phải dùng chung các file đấy với nhiều người khác sẽ làm chậm tốc độ truy xuất, làm chậm tốc độ tải trang của bạn.

- Thứ hai, vào một ngày đẹp trời, Website, hay blogspot của bạn bỗng nhưng gặp hiện thượng lạ, bố cục, layout bị vỡ, hiện thị lung tung, hay các tiện ích javascripts không chạy, nguyên nhân có thể là link đến các file Css hay Javascripts bị die, hoặc chủ sở hữu ngừng chia sẻ, lúc này nếu may mắn bạn vẫn có thể tìm thấy các file đó bằng cách Google search thần chưởng :D còn không thì =,=!

- 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, riêng mình thích dùng trực tiếp trên Web hơn.
Upload File Css và JS Javascripts lên host Google Drive

Để 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ó.
Upload File Css và JS Javascripts lên host Google Drive

Đặt tên cho thư mục sao cho dễ dàng quản lý.
Upload File Css và JS Javascripts lên host Google Drive

Sau khi tạo xong, ta có thể dễ dàng vào thư mục theo 2 cách.
Upload File Css và JS Javascripts lên host Google Drive

Có thể upload từng file hoặc cả một thư mục.
Upload File Css và JS Javascripts lên host Google Drive

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.
Upload File Css và JS Javascripts lên host Google Drive

Chọn "công khai trên Web" sau đó lưu lại là xong.
Upload File Css và JS Javascripts lên host Google Drive

Upload File Css và JS Javascripts lên host Google Drive

Dán cái link khi nãy ta copy ở bước 2 của hình trên ra đây, nếu quên bạn có 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/0B8UNNTwD2bIKVVF6bENDcThLajg/edit?usp=sharing
Để 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/0B8UNNTwD2bIKVVF6bENDcThLajg
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:
<script src="https://googledrive.com/host/0B8UNNTwD2bIKVVF6bENDcThLajg" type="text/javascript"></script>
<link href="https://googledrive.com/host/0B8UNNTwD2bIKVVF6bENDcThLajg" rel="stylesheet" type="text/css"></link>
Have fun!
Share on Google Plus

Tác giả: Đặng Việt Hoàng

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

30 nhận xét :

  1. Bạn cò thể chỉ mình cách chỉnh sửa Code ngay trên Drive được không vì Win 8 chưa hổ trợ ngoài Destop cho Google Drive

    ReplyDelete
    Replies
    1. TyniSoft vào Google Drive, sau đó vào Tạo (Create) chọn Kết nối ứng dụng, tìm với từ khóa "editey" sẽ ra một danh sách các ứng dụng của Editey, trong đó có JavascriptEditey, cậu kết nối với nó sau đó mở các tệp tin Code, js bằng nó là đc :D

      Delete
  2. Rồi còn CSS thì sao bạn ơi mở ứng dụng nào @@

    ReplyDelete
    Replies
    1. Editey có rất nhiều ứng dụng hỗ trợ việc tạo và chỉnh sửa Code bao gồm: HTML, JS, CSS, PHP XML...và nhiều các khác nữa, cậu cứ kết nối ứng dụng rồi search: editey sẽ thấy :)

      Delete
  3. Ah` vậy ha mình gặp 1 bất cập khi sửa trên Web là nó cứ liên tục Save @@ lỡ sai gì nó cũng save thế site mình đi toi luôn @-) Drive chứa code thì quá hay luôn nhưng ko hổ trợ trên Destop ức chế kinh khủng

    ReplyDelete
    Replies
    1. ủa nó có phần cài đặt chạy trên nền windown mà ta, win 8 ko xài đc à :(

      Delete
  4. Uhm` bạn win 8 ko có hỗ trợ thư mục Drive @@

    ReplyDelete
  5. Bác ơi cho em xin cái tài khoản Y!m

    ReplyDelete
  6. Tài khoản yahoo em: quanganh.itvnhttp://www.cuocsongmuonmau.info/logout?d=http://www.blogger.com/logout-redirect.g?blogID%3D153596372716499770%26postID%3D8285301213214873652

    ReplyDelete
  7. hay quá pro ơi, http://dichvudocung.com

    ReplyDelete
  8. Pro hướng dẫn up tài liệu lên googledrive, rồi down tài liệu trực tiếp từ googledrive tại blogspot nhé. Mình down xuống toàn báo lỗi.

    ReplyDelete
  9. Mai Phương Huy cung cấp dịch vụ ban may photocopy - cho thue may photocopy giá tốt nhất chính hãng . Xin liên hệ công ty Mai Phương Huy để có giá cả hợp lý nhất.
    Mai Phương Huy Chân thành cám ơn người dùng!

    ReplyDelete
  10. lưu ở drive thì rất chậm khi load website

    ReplyDelete
  11. Tôi không làm được, nó chạy một phát lên thẳng trang website chứ không có hiệu ứng của JS
    http://sladar.com mọi người xem hộ

    ReplyDelete