Hiện nay rất nhiều người có dự định xây dựng các web site học tập nhưng họ không biết cách chèn các file đính kèm vào blog mà độc giả có thể đọc nó như các trang chía sẻ tài liệu trực tuyến. Nếu bạn cũng đang có dự định xây dựng cho mình một blog hay trang web chuyên về học tập và chia sẻ tài liệu thì đừng nên bỏ lỡ bài viết này, Namkna chắc chắn bạn sẽ thấy nó có ích nhiều hơn có hại....
Bài viết này mình sẽ hướng dẫn các bạn cách để nhúng tài liệu PDF, Microsoft Word (.doc), Spreadsheets, PowerPoint Slides(.ppt), and Excel Spreadsheetsg (.xls) vào trong blog hoặc website của bạn chỉ với vài thao tác rất đơn giản. Các bạn hãy bắt đầu theo các bước bên dưới:
Bài viết này mình sẽ hướng dẫn các bạn cách để nhúng tài liệu PDF, Microsoft Word (.doc), Spreadsheets, PowerPoint Slides(.ppt), and Excel Spreadsheetsg (.xls) vào trong blog hoặc website của bạn chỉ với vài thao tác rất đơn giản. Các bạn hãy bắt đầu theo các bước bên dưới:
» VIEW DEMO
Bước 1: Chuẩn bị tài liệu để nhúng vào blog
- Tài liệu bạn sử dụng có thể là một file PDF, Microsoft Word (.doc), Spreadsheets, PowerPoint Slides(.ppt), and Excel Spreadsheetsg (.xls),... Sau khi chuẩn bị xong tất cả những gì bạn cần là làm theo các bước bên dưới.
Bước 2: Đăng ký một host miễn phí để chứa tài liệu của bạn.
Nói đến host thì có rất nhiều loại từ miễn phí đến tính phí, Tiêu chuẩn để chọn cho minh một host thì nên căn cứ vào mục tiêu của bạn. Nếu hướng đến lượng độc giả lớn trên thế giới và Việt Nam thì hãy mua cho mình một host bởi nó không giới hạn dung lượng xem và tải xuống.
Trong khuôn khổ bài viết này nhằm hướng dẫn cho những người mới làm quyen và đang có ý định xây dựng một trang chia sẻ tài liệu hay đơn giản là để học tập, với lượng độc giả ban đầu chưa nhiều thì mình sẽ giới thiệu cho các bạn host Google Drive. Tuy nhiên hãy lưu ý nó là miễn phí nên cái gì cũng có giới hạn như chỉ lưu tối đa được 10 Gb (Tài liệu PDF, Microsoft Word (.doc), Spreadsheets, PowerPoint Slides(.ppt), and Excel Spreadsheetsg (.xls) mà dùng hết 10GB thì chắc cũng phải chứa được một tủ sách ) Khi nào lượng độc giả tăng lên hãy tính tới chuyện mua host nha. Cách đăng ký cực kỳ đơn giản bạn có thể làm theo link hướng dẫn bên dưới:
Sau khi đăng ký thành công bạn tiến hành các bước tiếp theo nha.
Bước 3: Tải file của bạn lên host vừa đăng ký được:
1. Đầu tiên, bạn truy cập địa chỉ https://drive.google.com/ và tạo ra một thư mục mới. Tại sao mình lại bảo tạo một thư mục vì để thuận tiện cho việc phân loại các file của bạn và không phải cài đặt riêng lẻ cho từn file tải lên.
Để làm điều này nhấp chuột vào nút lớn màu đỏ có chữ Create và nhấp chọn tùy chọn Folder từ trình đơn xổ xuống.
2. Đặt tên cho thư mục, điều này không quan trọng vì tên mà bạn sử dụng sẽ không xuất hiện trong các URL của trang web.
3. Nhấp chuột phải vào thư mục mới được tạo ra, và từ menu ngữ cảnh bấm vào Chia sẻ (Share) => Chia sẻ (Share). Bạn có thể truy cập vào menu từ nút More ở phía trên cùng của trang Google Drive, một khi thư mục của bạn được chọn.
4. Từ đây, sẽ mở ra trang Cài đặt chia sẻ (Sharing settings), với một liên kết dẫn đến các thư mục chia sẻ, bây giờ hãy sao chép liên kết vào clipboard của bạn.
- Thư mục hiện nay là riêng tư, bạn sẽ phải làm cho chúng trở thành công cộng nếu bạn muốn lưu trữ một trang web để mọi người có thể truy cập. Hãy nhấn vào liên kết Thay đổi (Change) như hình trên để thực hiện điều này.
(Đây chính là lý do tại sao bạn nên tạo thư mục công cộng để chứa file, bởi nếu tải lên riêng lẻ bạn sẽ phải cài đặt cho từng file như trên rất mất thời gian).
(Đây chính là lý do tại sao bạn nên tạo thư mục công cộng để chứa file, bởi nếu tải lên riêng lẻ bạn sẽ phải cài đặt cho từng file như trên rất mất thời gian).
5. Trên cửa sổ pop-up tiếp theo, chọn tùy chọn mà bạn muốn. Ở đây, đã chọn công khai trên web (Public on the web) nhưng bạn cũng có thể chọn Anyone with the link nếu bạn muốn chia sẻ các trang web chỉ với một nhóm được lựa chọn của riêng bạn. Phải biết rằng, bất cứ ai cũng có thể xem trang web này nếu họ có liên kết và họ cũng không cần đăng nhập Google để xem.
- Như vậy là bạn đã tạo được một thư mục để chưa các file của bạn rồi công việc tiếp theo là làm thế nào để Upload file và sử dụng link của nó. Để làm được điều đó ta tiến hành bước tiếp theo nha.
» TẢI VÀ LẤY LINK FILE CỦA BẠN
6. Bấm vào nút tải lên bên trái và chọn tải lên dạng tệp hay thư mục ở ví dụ này mình chọn tải lên một tệp (tất nhiên bạn có thể chọn tải lên cả một thư mục).
- Sau đó chọn file để tải lên.
7. Sau khi tải lên bạn tiếp tục click chuột phải vào file cần lấy link sau đó vào Chia sẻ (Share) => Chia sẻ (Share)
- Khi đó có một cửa sổ popup mở ra các bạn hãy bấm vào Thay đổi để cài đặt chía sẻ là Công khai trên web để tất cả mọi người đều có thể xem nó. Phần nữa các bạn cần chú ý chính là Liên kết chia sẻ màu xanh như trong hình.
Bước 4: Chuyển đổi link thành link trực tiếp để sử dụng.
Đến đây bạn có thể dùng công cụ chuyển đổi link Google drive thành link host mà mình đã cung cấp Tại đây hoặc tại đây để thuận tiện trong quá trình thiết kế. Nếu không bạn có thể làm thủ công theo các bước bên dưới.
- Hãy Copy Liên kết chia sẻ đó bạn sẽ được một link có dạng tương tự như bên dưới:
https://drive.google.com/file/d/0B23iNT4ecDGWTUp0NXllSHRmYmc/edit?usp=sharing
- Bạn chỉ cần chú ý cho mình phần màu đỏ như sau 0B23iNT4ecDGWTUp0NXllSHRmYmc Đây là phần đường dẫn của file khi chuyển đổi sang file xem trực tiếp.
- Để sử dụng link với nội dung thu gọn bạn thêm phần màu đỏ ở trên vào sau đường dẫn sau:
https://googledrive.com/host/
- Khi đó các bạn sẽ được một link mới như sau:
https://googledrive.com/host/0B23iNT4ecDGWTUp0NXllSHRmYmc
Giờ hãy nhớ link này để tiến hành bước tiếp theo nha các bạn.Bước 5: Nhúng file bạn cần vào bài viết.
Bạn hãy Tạo một bài viết mới - Bấm vào phần HTML của bài viết và chèn đoạn mã nhúng bên dưới vào đó.<iframe src="https://googledrive.com/host/0B23iNT4ecDGWTUp0NXllSHRmYmc" style="width:650px; height:550px;" frameborder="0"></iframe>
Tùy chỉnh:
- https://googledrive.com/host/0B23iNT4ecDGWTUp0NXllSHRmYmc Chính là link bạn đã chỉnh sửa ở bước trên.
- width:650px; Là chiều rộng của file khi chèn vào trong blog của bạn.
- height:550px; Là chiều cao của file khi chèn vào trong blog của bạn.
Giờ hãy xuất bản bài đăng và xem thành quả bạn đã làm được nha. Rất đẹp và hấp dẫn.
Nhận xét
Bài viết rất hay. Cám ơn bạn nhiều...
Trả lờiXóaweb em về học tập nên rất cần cái này, cảm ơn anh đã share 1 bài viết bổ ích
Trả lờiXóanhưng cái này phải tắt bỏ IDM thì mới hiện ra anh ạ, nếu bật IDm thì nó sẽ hỏi download và cái link nhúng sẽ k hiện ra
Trả lờiXóaKhông liên quan đến IDM đâu em. Em vào phần Options của IDM sau đó chọn File types và xóa phần PDF trong đó đi là được. Lần sau IDm nó không tự bắt link nữa.
XóaNhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaAnh ơi. Khi vào xem thì trình duyệt tự động download về thì àm thế nào
Trả lờiXóaEm có thể dùng cách đơn giản sau bằng file flash. XEM
XóabÀI VIẾT tới anh sẽ viết code bằng xml.
Bài viết hay và thanks bạn nhiều
Trả lờiXóaPptx, docx hay prc thì có nhúng đc không bạn
Trả lờiXóaĐược hết bạn ak. File văn bản file nào cũng nhúng được hết.
Xóacảm ơn Nam Ta nhé ! Bài viết rất hữu ích
Trả lờiXóaBÀI NÀY RẤT BỔ ÍCH ĐỐI VỚI BLOG CỦA EM - CẢM ƠN NHỮNG ĐÓNG GÓP CỦA ANH CHO CỘNG ĐỒNG BLOGER
Trả lờiXóaanh nam ơi cái chỗ mà chuyển đổi để lấy code link đó em thấy hơi bất tiện - liệu anh có viết được tiện ích chuyển mã mà chỉ cần coppy link gốc dán vào chuyển đổi là nó ra cái link cuối cùng đó luôn không anh --anh hiểu ý em không
Trả lờiXóaOke em mấy hôm nay bận quá. Khi nào rảnh anh viết tut cho nha.
XóaVâng anh - mong nhận tin sớm - vì bài này rất tiện lợi cho vấn đề đưa về host của mình và cả bài anh đang viết đây nữa - thanks anh trước !!!!!!!!!!!
Trả lờiXóaBài này hay quá Nam Kha ạ
Trả lờiXóabài viết hay quá, cám ơn Nam, mình làm theo các bước bạn hướng dẩn, nhưng cuối cùng báo lổi 404 not found, mình thử lại bằng link của Nam làm thì kết quả rất tốt.
Trả lờiXóakhông biết phải khắc phục như thế nào, nhờ Nam hướng dẩn giúp, thanks
Mình pr chút được không?
Trả lờiXóaNếu cách trên không làm được bạn có thể thử cách của mình (Hơi khác một chút nhưng nếu quen rồi thì khá nhanh đó)
Cách lấy direct link từ google drive
Còn nếu khó chịu với một vài lỗi khi dán link trực tiếp lên bài đăng bạn có thể sử dụng Google Docs Viewer. Nếu chưa biết cách sử dụng bạn có thể đọc hướng dẫn của mình
Nhúng file pdf vào blog bằng Google Docs Viewer
anh Nam cho em hỏi còn đối với cấc mẫu form đăng kí của google thì sao nhỉ? em cũng làm như vậy nhưng khi lấy link chèn vào thì bị lỗi:"404. That’s an error.
Trả lờiXóaThe requested URL was not found on this server. That’s all we know."
anh xem giúp em với :-(
Form của Google nó có phần cung cấp mã nhúng rồi mà em. Không cần phải sử dụng cách này. XEM HƯỚNG DẪN GOOGLE DOC
Xóaak, em đã hiểu rồi, cám ơn anh Nam nhiều :-)
Trả lờiXóaMình đã làm được rồi. Cám ơn bạn nhiều lắm.
Trả lờiXóaNam cho hỏi có cách nào chỉ cho xem không cho tải về không? Hoặc tùy chọn người đó cho hay không cho tải?
Trả lờiXóaTrong phần tùy chọn click chuột phải có mục không cho tải đó bạn.
XóaÝ của mình là khi xem bằng firefox hoặc Google Chrom nó đều xuất hiện một nút tải tài liệu đó. Nếu mình tùy chọn không cho tải khi clck phải chuột thì nó cũng không load cho xem luôn. Nó báo như thế này: "404. That’s an error.
XóaThe requested URL was not found on this server. That’s all we know."
Oke để mình thử lại với cách khác xem sao đã nha.
XóaĐã cập nhật ở cuối bài viết rồi đó bạn ak. bạn đọc và tham khảo nha.
Xóaanh Nam có thể hướng dẫn cho em cách gắn biểu tượng loa lên hình ảnh, dạng như khi mình kích vào biểu tượng loa trên hình đó thì nó phát ra âm thanh. Vì blog em thiên về học tiếng anh nên em muốn làm một pick về học từ vựng đó mà. cám ơn anh trước.
Trả lờiXóaBài viết tới anh sẽ hướng dẫn nha em.
XóaThanks bạn rất nhiều. Bài viết rất hay. Mình đã làm làm được rồi :D
Trả lờiXóahay
Trả lờiXóaNhận xét này đã bị tác giả xóa.
Trả lờiXóa1
Trả lờiXóaChào bạn Mình có thể nào bỏ cái phần hiển thị các trang của file ở khung bên trái của Frame hiển thị nội dung không?
Trả lờiXóaTrong bài mình có hướng dẫn mà bạn.
Xóa1- bạn chuyển đổi thành link trực tiếp (file wold thì chỉ cần một bước này là được)/
2- bạn chuyển đổi link lần thứ 2 theo công cụ trong bài viết là đươc.
Không có nút like comment, để like nhể? :)
Trả lờiXóaMình không tích hợp tính năng đó bạn ak. :)
XóaĐã thử PowerPoint Slides(.ppt) được rồi. Cơ mà, chất lượng hình ảnh bị giảm đi rất nhiều, có cái còn bị vỡ, dẫn đến hiện tượng nhoè. Khắc phục bằng cách nào, hả đ/c Nam?
Trả lờiXóahiện tượng đó sảy ra khi những hình ảnh được sử dụng trong file .ppt có chất lượng khá thấp nên khi nén trên godri nó sẽ giảm đi một phần, khắc phục hiệu quả là hãy dùng những hình ảnh có chất lượng khá hơn chút.
XóaNhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaanh Nam! sao blog em ko thể chèn word toàn là pdf, word thì ko xem đc chỉ download thoi
Trả lờiXóahttp://stu247.blogspot.com/
E Xem hướng dẫn ở cuối bài viết nha.
XóaRất cám ơn bạn đã hướng dẫn
Trả lờiXóabai viet hay do
Trả lờiXóaHướng dẫn ở các 1,2,3,4 rất chi tiết nhưng đến bước thứ 5 đã bị hỏng. CẦN CHÚ Ý: bước 5 của bài hướng dẫn này hiện đã bị lỗi, ai cần nhúng excel chỉ làm y hệt như hướng dẫn ở bước 4 và bôi đen toàn bộ kết quả bước 4 dán vào ô Enter a document URL below to generate a link to view it trong Google Docs LogoViewer sau đó copy kết quả ở dòng For an embedded viewer, use this HTML tag instead: dán vào THML là ok
Trả lờiXóaNếu tải file lên host của mình thì làm thế nào bạn, ở đây m mới thấy hướng dẫn sử dụng host của google drive
Trả lờiXóaBay gio chiu chet khong the nhung duoc nua moi buoc deu khac hoan toan tra biet dang nao ma lan. ADM có thời gian hướng dẫn lại thì tốt quá.
Trả lờiXóaCác bác nói không chả thấy chỉ cụ thể...bố ai làm được.
Trả lờiXóacó ai làm được Word với Excel không chỉ với ! Thank
Trả lờiXóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaSào mình làm như thế vào đường link thì nó cú bắt tải về nhi? chèn vào code thì không hiển thị à
Trả lờiXóaNhúng vào máy tính thì ok nhưng trên Di Động thì khong được gì cả
Trả lờiXóaCảm ơn. Bài viết rất bổ ích.
Trả lờiXóaThank you for giving guide, are there a way to convert blog as PDF. Generally I save blog page as JPEG and then convert it to PDF follow an image to PDF conversion guide. Do you have better way of it?
Trả lờiXóaĐang định làm cái cho con web bình tích áp Varem đọc đươc bài này hay quá hé hé
Trả lờiXóa