Tutorial menambahkan preview file PDF pada laman blogger blog (iframe)

Maret 27, 2018 Herlambang 0 Comments

Artikel ini dibuat dikarenakan kendala yang saya alami ketika ingin menampilkan preview file PDF pada blog saya. Setelah tanya-tanya ke Mbah Gugel (Google), akhirnya dapet juga caranya untuk menampilkan preview file PDF pada blogger blog. Untuk itu artikel ini dibuat agar teman-teman yang mengalami hal serupa bisa mencoba menerapkannya. Sebelum memulainya pastikan file PDF yang akan ditampilkan sudah diupload di Google Drive, karna akan menggunakan fitur dari Google Drive untuk menampilkan preview-nya.

Tahap Pertama,

silahkan login pada akun google drive anda, lalu pilih file PDF yang akan ditampilkan. (perhatikan gambar berikut)

berikutnya akan dilakukan pengaturan agar file PDF dapat terpublish secara umum, silahkan pilih icon 3 titik di kanan atas, lalu pilih share. silahkan klik get shareable link pada pojok kanan atas jendela pop-up. Lalu akan muncul pilihan Link sharing on, silahkan klik pada pilihan Link Sharing on lalu pilih more. Ketika muncul jendela pop-up, silahkan pilih On - Public on the web lalu klik save setelah itu klik done.

berikutnya pilih kembali icon 3 titik dikanan atas, pilih open in new window. kemudian file PDF tersebut akan terbuka di jendela baru (tab baru). pilih kembali icon 3 titik pada jendela tersebut, lalu pilih Embed Item. Kemudia silahkan copy script HTML yang ada pada jendela Embed Item tersebut.

Tahap kedua,

Silahkan login pada laman akun blogger blog, lalu buat postingan baru atau pilih postingan yang akan di-edit. pada toolbar, pilih HTML. kemudian paste script HTML yang anda dapatkan dari laman Google Drive anda.

untuk kembali ke mode sebelumnya silahkan klik compose pada toolbar sebelah tombol HTML.
setelah selesai silahkan di pratinjau/preview jika sudah sesuai bisa di-simpan dan publikasi.