Berikut adalah cara untuk menyematkan [embed] dokumen pdf yang terdapat dalam Google Drive kita ke dalam blog atau website:
1. Bukalah dashboard Blogger dan juga file pdf yang ada di Googl Drive anda
2. Buatlah postingan atau bisa juga laman [page], dan tampilkan dengan mode html.
3. Bukalah preview dokumen pdf anda di Googe Drive. Caranya dengan klik kanan kemudian klik preview atau double klik saja dokumen pdf tersebut
4. Bukalah preview tersebut di jendela baru dengan klik ikon titik tiga di daerah pojok kanan atas
5. Setelah dokumen pdf terbuka di jendela yang baru, kliklah embed atau sematkan
6. Salinlah kode yang muncul setelah itu
7. Tempel atau pastekan kode yang disalin tadi ke postingan. Disarankan untuk merubah pengaturan lebar sematan [atribut width] menjadi dalam bentuk angka persen, misal 100% atau terserah, tujuannya adalah agar tampilannya nati menjadi responsive
8. Publikasikan dan selesai
Demikianlah cara untuk menyematkan dokumen pdf yang ada di Google Drive, kita sematkan di blog. Semoga bermanfaat, salam literasi....
Tulisan ini ditulis oleh Ahmad Fata untuk dipublikasikan di blog ahmadfata.blogspot.com dan man2kebumen.sch.id
🗓 Published at : January 01, 2021
Jika kita berselancar di dunia maya, kita sering menjumpai berbagai macam tipe file dokumen, seperti audio, picture, pdf, ppt, docx, dan lain sebagainya. Sebagai pelajar atau mahasiswa pasti sangat sering menemukan dokumen tersebut jika sedang mencari tugas di internet.
Orang-orang dapat menemukan file tersebut tidak lain karena sumbangsih dari para author di Internet yang melakukan upload dokumen. Dokumen tersebut sejatinya hanya bisa di download, namun ada cara agar para penjelajah internet dapat menikmatnya tanpa harus melakukan download terlebih dahulu.
Nah, pada artikel ini, akan dibahas cara untuk menampilkan PDF tanpa JavaScript di Browser
Html Object element
Pada HTML, mungkin tidak banyak dari kita
yang mengetahui sebuah element , dengan adanya element
ini, kita dapat menanamkan [embed] file PDF yang kita miliki ke dalam HTML tanpa pustaka pihak ketiga. Caranya sangat mudah :
- Pastikan kita sudah memiliki URL file pdf yang ingin ditampilkan.
- Tambahkan attribute
type
dengan valueapplication/pdf
keobject
element. - Tambahkan attribute
data
dengan value URL pdf yang ingin ditampilkan keobject
element. - Set
height
andwidth
sesuai keigininan.
Embedding pdf
My pdf
Output - Menampilkan Pdf tanpa JavaScript
Demo
//stackblitz.com/edit/js-yuvqcj?embed=1&file=index.html
Want to start a conversation?
Send us an email at [email protected] We never stops checking our email and whatsapp, even though we could be sleeping or showering.
Get in touch
© 2022, Built with ❤️