Hướng dẫn sử dụng Google Drive làm Host lưu trữ chèn ảnh, file JS và CSS vào Website

Hướng dẫn sử dụng Google Drive làm Host lưu trữ chèn ảnh, chèn file JS từ google drive vào website, nhúng file CSS từ google drive vào website.

Nếu như các bạn muốn lưu trữ dữ liệu trên Google Driver với một lượng tài nguyên không giới hạn thì các bạn cần phải có một tài khoản google dành cho trường học vì google hõ trợ cho các trường có thể tạo tài khoản google ko giới hạn.

Bây giờ là cách chúng ta sử dụng Google Drive như một hosting lưu trữ hình ảnh, lưu trữ video hoặc các file Javacript, file CSS.
Mình sẽ hướng dẫn các bạn nhúng các file JS và nhúng file CSS vào Website hoặc bạn có thể nhúng file css, js vào BlogSpot.

1. Nhúng file hình ảnh từ Google Drive vào website, blogspot.  
+ Các bạn bấm chuột phải vào file hình ảnh cần nhúng vào blog và bấm vào Nhận liên kết có thể chia sẻ được.

Bạn hãy bấm vào: Nhận liên kết có thể chia sẻ được

+ Tiếp theo bấm vào Cài đặt chia sẻ

+ Tiếp theo vào phần Cài đặt Nâng cao

+ Tiếp theo bạn chọn phần Bật công khai trên web (Bất kỳ ai trên Internet đều có thể tìm và truy cập. Không yêu cầu đăng nhập)

+ Bạn hãy copy đường link, đường link bạn copy được sẽ có dạng tương tự như link của mình bên dưới:

https://drive.google.com/file/d/1PFyl3kYgW0KJ0DXkADuORIiv0DQ-DPao/view

+ Bạn hãy thay đổi chữ file/d thành uc?id=:

https://drive.google.com/uc?id=1PFyl3kYgW0KJ0DXkADuORIiv0DQ-DPao

+ Bạn thay file/d/1PFyl3kYgW0KJ0DXkADuORIiv0DQ-DPao thành uc?id=1PFyl3kYgW0KJ0DXkADuORIiv0DQ-DPao  của bạn copy và dán đường link trên vào vị trí mà bạn muốn chèn hình ảnh là xong.

2. Nhúng file CSS và JavaScript từ Google Drive vào blog hoặc website
Bạn cũng làm lần lượt giống các bước ở trên (cài đặt chia sẻ ở chế độ công khai trên internet)
+ Nhúng file CSS từ google drive thì bạn hãy copy đoạn code sau và nhúng vào blogspot của các bạn

<link rel="stylesheet" href="https://drive.google.com/uc?id=1PFyl                                         3kYgW0KJ0DXkADuORIiv0DQ-DPao" />

+ Bạn thay id=1PFyl3kYgW0KJ0DXkADuORIiv0DQ-DPao thành id file css của bạn.
+ Nếu nhúng file JavaScript từ google drive vào blog thì bạn dùng đoạn mã bên dưới:

<script type="text/javascript" src="https://drive.google.com/uc?id=1PFyl3kYgW0KJ0DXkADuORIiv0DQ-DPao" ></script>

+ Bạn thay id=1PFyl3kYgW0KJ0DXkADuORIiv0DQ-DPao thành id file JavaScript của bạn.

Đây là cách mới nhất mình vừa mới cập nhật thành công. Nếu bạn nào gặp khó khăn không chèn file từ google drive vào blog được thì comment cho mình.