.jpeg "Cara Menampilkan File PDF di Html")
1. Upload File PDF ke Google Drive.
2. Kemudian kita salin link File PDF nya dan pastikan akses nya untuk umum
Artikel Menarik Lainnya :
3. Sekarang kita akan menampilkan file PDF nya dengan tag <iframe>. Namun ada beberapa code tambahan agar file PDF ini bisa ditampilkan.
4. Contoh link asli File PDF dari Google Drive nya seperti ini
https://drive.google.com/file/d/1qE8hS_TmdfqhwZXI7u7L6kA9LqpJ-6LI/view?usp=sharing
5. Jika kamu langsung menambahkan link pada property src, maka hasilnya not found. Lihat codingan dibawah ini
<!DOCTYPE Html>
<html>
<body>
<iframe src="https://drive.google.com/file/d/1qE8hS_TmdfqhwZXI7u7L6kA9LqpJ-6LI/view?usp=sharing"></iframe>
</body>
</html>
Hasilnya dibawah ini
Kalau dilihat memang codingan nya benar, namun tergantung dari file dan sumber yang akan kita tampilkan. Lalu bagaimana codingan yang benar untuk menampilkan file PDF nya ? Perhatikan codingan dibawah ini.
<!DOCTYPE Html>
<html>
<body>
<iframe src="https://docs.google.com/viewer?srcid=1qE8hS_TmdfqhwZXI7u7L6kA9LqpJ-6LI&pid=explorer&efh=false&a=v&chrome=false&embedded=true" style="height: 100%; width: 100%;"></iframe>
</body>
</html>
Coba kita perhatikan setelah code srcid, mengapa code nya diberikan tanda ? karena itu adalah ID dari File PDF yang akan ditampilkan. Bagaimana cara mengetahui ID File PDF nya ? Perhatikan link file PDF dibawah ini dan yang saya tandai itu adalah ID File PDF nya.
https://drive.google.com/file/d/1qE8hS_TmdfqhwZXI7u7L6kA9LqpJ-6LI/view?usp=sharing
Jika penulisan dan ID File PDF nya benar, maka hasilnya juga akan berhasil. Lihat hasilnya dibawah ini.
Bagaimana ? Mudah kan ? Jika masih belum mengerti, silahkan bertanya pada kolom komentar yang sudah tersedia. Sekian dan Terimakasih.