Giml (Google Images Links) là một công cụ giúp bạn tạo mã HTML (hoặc liên kết trực tiếp) để nhúng ảnh từ Google Drive vào bài viết trên website, đặc biệt phù hợp với các nền tảng như Gan Jing World (viết các bài báo - Articles) hay Truyenthong.edu.vn (tạo bài học, giới thiệu sản phẩm, bài viết trên diễn đàn...). Với Giml, bạn chỉ cần cung cấp link ảnh từ Google Drive, và công cụ sẽ tạo ra mã HTML sẵn sàng để chèn vào bài viết. Ảnh sẽ được lưu tạm thời trên server Truyenthong.edu.vn để hiển thị trong bài viết, đồng thời có thể tự động tải lại từ Google Drive khi cần.

Trong hướng dẫn này, chúng tôi sẽ hỗ trợ bạn từng bước sử dụng Giml, từ việc chia sẻ link Google Drive đúng cách đến việc chèn mã HTML vào bài viết. Nên đọc kỹ và làm theo để đảm bảo ảnh hiển thị chính xác!

1. Chuẩn bị link ảnh Google Drive

Để Giml hoạt động, bạn cần cung cấp một link Google Drive hợp lệ cho file ảnh (hỗ trợ định dạng JPG, PNG, GIF). Quan trọng nhất, link này phải được chia sẻ công khai với quyền "Anyone with the link can view". Dưới đây là cách thực hiện:

Bước 1: Xác định vị trí thư mục chứa ảnh trên Google Drive

• Đăng nhập vào Google Drive của bạn (drive.google.com), đi tới thư mục mà bạn chứa ảnh.
• Nếu chưa có ảnh, nhấn nút + New > File upload, chọn file ảnh từ máy tính (ví dụ: my_image.png).
• Chờ ảnh tải lên hoàn tất.

Bước 2: Thiết lập quyền chia sẻ

• Nhấp chuột phải vào file ảnh, chọn Share → Share.
• Trong cửa sổ chia sẻ, nhấn Change to anyone with the link (hoặc "Anyone with the link" > "Viewer").
• Nhấn Done để lưu.

Lưu ý: Nếu file không được chia sẻ công khai, Giml sẽ báo lỗi "Không thể tải ảnh từ link Google Drive". Để kiểm tra nếu bạn chưa quen, hãy mở link trong cửa sổ mới của trình duyệt; nếu ảnh hiển thị mà không yêu cầu đăng nhập thì link đã hợp lệ.

Bước 3: Lấy link chia sẻ

• Nhấp chuột phải vào file ảnh, chọn Share → Copy link (hoặc ngay trong hộp thoại Share ở bước trước đã có nút Copy link.

• Google Drive sẽ có thông báo việc copy thành công (Link copied). Link sẽ có dạng: https://drive.google.com/file/d/xxx/view?usp=sharing

  (Trong đó xxx là ID file, ví dụ: 1DJK4ndJBQj9uSHgECZaL2ak9DU2LFtoD).

2. Truy cập Giml và tạo mã HTML

Giml được truy cập trực tiếp trên website truyenthong.edu.vn. Dưới đây là cách sử dụng:

Bước 1: Mở Giml

• Truy cập: https://www.truyenthong.edu.vn/apps/giml.
• Bạn sẽ thấy giao diện với tiêu đề Giml - Google Images Links và một ô nhập liệu.

Bước 2: Nhập link Google Drive

• Trong ô Nhập link ảnh từ Google Drive, dán link vừa sao chép (ví dụ: https://drive.google.com/file/d/1aF-bMPvAVCKS1o8RGV_0VQzaK6iN-k3Q/view?usp=sharing).
• Nhấn nút Tạo mã HTML.

Lưu ý: Nếu link không hợp lệ hoặc file không chia sẻ công khai, bạn sẽ thấy thông báo lỗi như "Link Google Drive không hợp lệ" hoặc "Không thể tải ảnh từ link Google Drive". Bạn xem xét quay lại Mục 1 để kiểm tra quyền chia sẻ.

Bước 3: Sao chép mã HTML

• Nếu thành công, Giml sẽ hiển thị mã HTML, ví dụ: 
  <img src="https://www.truyenthong.edu.vn/apps/giml/images/image.php?file=1aF-bMPvAVCKS1o8RGV_0VQzaK6iN-k3Q" alt="Image from Google Drive" style="max-width:100%;height:auto;">
• Nhấn nút Sao chép để sao chép mã HTML vào bộ nhớ tạm. Bạn sẽ thấy thông báo "Đã sao chép mã HTML!".
• Nếu chỉ cần link ảnh trực tiếp, chỉ cần sao chép phần: https://www.truyenthong.edu.vn/apps/giml/images/image.php?file=1aF-bMPvAVCKS1o8RGV_0VQzaK6iN-k3Q

3. Chèn mã HTML vào bài viết

Để hiển thị ảnh trong bài viết, bạn cần chèn mã HTML vào phần mã nguồn của bài viết trên nền tảng Gan Jing World (phần Articles) hoặc Truyenthong.edu.vn (phần bài học, post hoặc bài viết trên diễn đàn).

Bước 1: Mở bài viết & tìm chỗ chèn ảnh hoặc nút HTML

• Đăng nhập vào hệ thống Gan Jing World (vào phần Articles) hoặc Truyenthong.edu.vn.
• Mở bài viết cần chỉnh sửa, hoặc tạo bài viết mới.
• Tìm nút HTML hoặc chuyển sang chế độ chỉnh sửa mã nguồn (HTML editor).
• Nếu chỉ dán link ảnh trực tiếp thì tìm chỗ chèn ảnh (thường là bấm vào nút chèn ảnh).

Bước 2: Dán mã HTML / Dán link ảnh trực tiếp

• Dán mã HTML từ Giml vào vị trí mong muốn trong mã nguồn bài viết (hoặc chèn link ảnh trực tiếp).
• Lưu bài viết.

Bước 3: Kiểm tra bài viết

• Truy cập bài viết để xác nhận ảnh hiển thị đúng.
• Nếu ảnh không hiển thị, kiểm tra lại link Google Drive (phải chia sẻ công khai) hoặc tạo lại mã HTML từ Giml.

4. Cơ chế tự động xóa và tải lại ảnh (Dành cho ai tò mò)

Giml có cơ chế tự động quản lý ảnh:

• Tự động xóa: Ảnh được lưu tạm tại server và sẽ tự động xóa sau 30 phút nếu không có truy cập đến bài viết. Điều này giúp tiết kiệm dung lượng lưu trữ.
• Tự động tải lại: Nếu ảnh đã bị xóa trên server Truyenthong.edu.vn và người dùng truy cập lại bài viết, Giml sẽ tự động tải lại ảnh từ Google Drive để hiển thị vào bài viết (miễn là link Google Drive vẫn hợp lệ và chia sẻ công khai).

Để kiểm tra cơ chế này:

• Sau 30 phút không truy cập bài viết, truy cập lại https://www.truyenthong.edu.vn/apps/giml để kích hoạt xóa ảnh hết hạn.
• Mở Tab mới trên trình duyệt, sử dụng link trực tiếp để kiểm tra ảnh đã bị xoá (ví dụ: https://www.truyenthong.edu.vn/apps/giml/images/1DJK4ndJBQj9uSHgECZaL2ak9DU2LFtoD.png sẽ báo lỗi không hiển thị ảnh 404 - Not found).
• Mở lại bài viết để xác nhận ảnh được tải lại từ Google Drive (trong bài viết đã xuất hiện ảnh, và link https://www.truyenthong.edu.vn/apps/giml/images/1DJK4ndJBQj9uSHgECZaL2ak9DU2LFtoD.png cũng sẽ hiển thị ảnh).

5. Lưu ý quan trọng

• Link Google Drive phải hợp lệ: Luôn đảm bảo file ảnh được chia sẻ công khai ("Anyone with the link can view"), nếu không, Giml không thể tải ảnh.
• Định dạng hỗ trợ: Chỉ hỗ trợ PNG, JPG, GIF. Các định dạng khác sẽ báo lỗi "Định dạng file không được hỗ trợ". Bạn nên chuyển ảnh sang các định dạng này trước (khuyến khích PNG).
• Kiểm tra mã HTML: Nếu dán mã HTML vào trình chỉnh sửa trực quan (visual editor), ảnh đa phần không hiển thị. Luôn dùng chế độ mã nguồn HTML.
• Lưu ý pháp lý: Chỉ sử dụng link Google Drive chứa nội dung hợp pháp và do bạn sở hữu hoặc được phép chia sẻ. Việc tải nội dung vi phạm bản quyền có thể dẫn đến khóa tài khoản Google Drive hoặc hạn chế dịch vụ.
• Hỗ trợ kỹ thuật: Nếu gặp lỗi, liên hệ quản trị viên hoặc tìm kiếm hướng dẫn chi tiết tại https://gjw.cx/TrEduWict.

6. Kết luận

Giml là công cụ đơn giản nhưng có thể giúp bạn nhúng ảnh từ Google Drive vào bài viết mà không cần lưu trữ lâu dài trên server. Bằng cách cung cấp link Google Drive hợp lệ và chèn mã HTML hoặc link ảnh trực tiếp vào bài viết, bạn có thể dễ dàng hiển thị ảnh với cơ chế tự động quản lý ảnh. Hãy trải nghiệm Giml xem sao nhé.

© 2025 Giml. All rights reserved. Developed by Nguyễn Đăng Minh Phúc.