Tại sao nên dùng Google Drive làm Host lưu trữ hình ảnh?
Thông thường, khi tải ảnh lên Google Drive, thầy cô chỉ nhận được link chia sẻ để "xem". Để ảnh có thể hiển thị trực tiếp trên bài viết của Blogger, chúng ta cần một Direct Link (Link trực tiếp). Việc này giúp ảnh tải nhanh, sắc nét và không bị phụ thuộc vào các dịch vụ lưu trữ ảnh bên thứ ba dễ bị xóa.
Quy trình 3 bước lấy Direct Link từ Google Drive
Thầy cô hãy thực hiện đúng theo các bước khoa học dưới đây để ảnh hiển thị 100%:
- Bước 1: Thiết lập quyền công khai. Chuột phải vào ảnh trên Drive > Chia sẻ > Chọn "Bất kỳ ai có đường liên kết". Đây là bước quan trọng nhất, nếu không ảnh sẽ bị lỗi trắng trang.
- Bước 2: Lấy ID của file ảnh. Link gốc của Drive thường có dạng:
.../file/d/1A2B3C4D5E6F/view. Dãy ký tự ở giữa chính là ID. - Bước 3: Chuyển đổi sang Link nhúng. Thay thế ID vào cấu trúc sau:
https://lh3.googleusercontent.com/u/0/d/ID_CỦA_BẠN
Ví dụ minh họa chi tiết
Hãy cùng so sánh sự khác biệt giữa Link thường và Link nhúng để thầy cô dễ hình dung:
| Loại Link | Cấu trúc đường dẫn | Kết quả hiển thị |
|---|---|---|
| Link chia sẻ gốc | drive.google.com/file/d/ID/view |
Chỉ mở ra trang xem của Google, không nhúng được. |
| Link trực tiếp (Cũ) | googledrive.com/host/ID |
Lỗi 404 (Google đã ngừng hỗ trợ). |
| Link nhúng (Mới nhất) | lh3.googleusercontent.com/u/0/d/ID |
Hoạt động tốt, ảnh hiển thị ngay lập tức trên Blog. |
Mẹo nhỏ: Cách nhúng ảnh vào mã HTML Blogger
"Để ảnh trông đẹp nhất trên Blog Vi tính Đam Yi, hãy luôn đặt ảnh trong thẻ img với thuộc tính width='100%' để tự động co giãn trên điện thoại."
Ví dụ mã nhúng hoàn chỉnh:
<img src="https://lh3.googleusercontent.com/u/0/d/ID_CỦA_BẠN" style="width:100%; border-radius:10px; shadow: 0 4px 8px rgba(0,0,0,0.1);" />
Lời kết cho giáo viên làm Blog
Tận dụng Google Drive không chỉ giúp thầy cô tiết kiệm chi phí mà còn giúp quản lý dữ liệu dạy học tập trung một chỗ. Hãy thử ngay với những tấm ảnh bài giảng đầu tiên của mình!
Thầy cô gặp khó khăn khi lấy ID ảnh?
Sử dụng công cụ Get Link tự động của Vi tính Đam Yi