Cách nhúng file pdf, word, exel, powerpoint vào blog bằng google docs viewer

Rất nhiều bạn muốn chia sẻ tài liệu lên blog nhưng chưa biết cách nào để xem trực tiếp. Hôm nay mình sẽ hướng dẫn bạn một cách rất đơn giản. Trước hết bạn cần có một host để có thể lấy được link trực tiếp (direct link). Mình đã từng giới thiệu vài host khá tốt mà miễn phí cho các bạn là Google Drive và SkyDrive. (Nếu chưa biết bạn có thể xem hướng dẫn). Xong rồi.
Có thể bạn đã biết cách nhúng link trực tiếp bằng cách viết code sau trong phần html:

<iframe height="950" scrolling="no" src="

https://googledrive.com/host/0B3pWVOsaVGoAbnJFYVR5S0M3MDQ/Chuyen La.pdf" style="border: none;" width="710"></iframe>

Thông số:
" 950 " là chiều cao
" 710 " là chiều rộng
" https://googledrive.com/host/0B3pWVOsaVGoAbnJFYVR5S0M3MDQ/Chuyen La.pdf " đây là nguồn (link direct) của file.

Nói chung cách này khá đơn giản, nhanh gọn. Tuy nhiên có một vài nhược điểm:
- Thằng IDM thấy link trực tiếp bắt liền về chén.
- Mình thấy chỉ được file .pdf còn thử với .doc, .docx thì trình duyệt tự động tải về, không đọc được.
- Phụ thuộc vào trình duyệt (Mỗi trình duyệt hiện 1 kiểu).

Trong cái rủi có cái may, khi tìm cách khắc phục mình phát hiện ra thằng Google Docs - Viewer (GDV). Nó khắc phục được khá nhiều nhược điểm của cách trên, đặc biệt là giao diện khá dễ sử dụng.
Đầu tiên bạn vào
https://docs.google.com/viewer
Nó hiện ra như này này

Google Docs Viewer

Bạn chỉ cần copy direct link và dán vào ô dưới dòng "Enter a document URL below to generate a link to view it" sau đó click "Generate link". Như vậy bạn sẽ có 3 code:
- Code đầu tiên để cho vào mail (bỏ qua).
- Code thứ 2 để cho vào blog nhưng kệ nó
- Code 3 ta mới dùng vì nó có thể chỉnh sửa được

<iframe src="http://docs.google.com/viewer?url=https%3A%2F%2Fgoogledrive.com%2Fhost%2F0B3pWVOsaVGoAbnJFYVR5S0M3MDQ%2FChuyen%20La.pdf&embedded=true" width="600" height="780" style="border: none;"></iframe>

Thấy nó chả khác mấy cách chèn link trực tiếp đúng không? Đó là lý do ta có thể làm nhanh bằng cách:

<iframe src="http://docs.google.com/viewer?url=direct link&embedded=true" width="600" height="780" style="border: none;"></iframe>

Nhược điểm:
- Không thể đọc được file quá nặng

Xem Demo

Hãy thử và sẽ thấy cách này khá hay đó. Chúc bạn làm thành công!