Code Blogspot Lập Trình & Seo Lập trình Wordpress Wordpress 

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.
Bài trước mình đã hướng dẫn các bạn cách đăng ký tài khoản Google Drive không giới hạn rồi, xem tại đây: https://youtu.be/4S0CkQWFakw
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.

Nhúng hình ảnh từ google drive vào website blog
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ẻ

Nhúng hình ảnh từ google drive vào blog

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

chèn hình ảnh từ google drive vào blog

+ 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)

dùng google drive làm host

+ 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/open?id=1sfK8uWdMa0f1cUzidYiK26Ta8GAD8-Ed0g

+ Bạn hãy thay đổi chữ open thành uc:

https://drive.google.com/uc?id=1sfK8uWdMa0f1cUzidYiK26Ta8GAD8-Ed0g

+ Bạn thay id=1sfK8uWdMa0f1cUzidYiK26Ta8GAD8-Ed0g thành id của bạn 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=1sfK8uWdMa0f1cUzidYiK26Ta8GAD8-Ed0g" /> 

+ Bạn thay id=1sfK8uWdMa0f1cUzidYiK26Ta8GAD8-Ed0g 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=1sfK8uWdMa0f1cUzidYiK26Ta8GAD8-Ed0g" ></script>

+ Bạn thay id=1sfK8uWdMa0f1cUzidYiK26Ta8GAD8-Ed0g 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.

>> Code slide hình ảnh hoặc bài viết mới chạy ngang liên tục cho Blogspot
>> Code cố định Sidebar khi Scroll cuộn chuột lên xuống
>> Code quảng cáo Popup under javascript ẩn đằng sau trình duyệt
>> Công cụ SEO từ khóa website tốt nhất dành cho dân SEO


thiết bị phòng chụp | bán chân đèn flash | bán đèn chụp ngoại cảnh | bán đèn quay phim | bán đèn chụp sản phẩm | remote trigger godox | đèn flash canon speedlite | đèn led chụp hình sản phẩm | bóng đèn flash | túi đựng máy ảnh | phụ kiện máy ảnh | bàn chụp sản phẩm | thiết bị chống rung máy quay phim | máy ép PLASTIC | thang chụp hình | máy chụp hình sản phẩm | máy in ảnh hiti | chân máy ảnh chụp hình | pin sạc máy ảnh | máy đo sáng | tủ chống ẩm máy quay phim | bán đèn flash | đèn flash hylow | Đèn Flash studio | đèn flash Jinbei | đèn flash photon | bộ kít đèn flash Jinbei | bộ kít đèn flash | Chân máy ảnh | setup phòng chụp sản phẩm | softbox | tấm hắt sáng | bán chân đèn studio | dàn treo đèn | chóa đèn tổ ong | phông nền 3d | dù chụp hình | giá treo phông chụp hình | thanh trượt dolly | tay cầm máy quay phim | phông chụp hình 3d | phòng chụp đám cưới |

Leave a Comment