Mungkin kamu bertanya-tanya, bagaimana cara menyematkan file PDF di Situs Blogger atau blog kamu? Nah, pada artikel ini saya akan berbagi beberapa cara termudah untuk menyematkan PDF di halaman web BlogSpot.
Seperti diketahui bahwa, BlogSpot tidak dapat mengunggah file pdf ke situsnya. Jadi, untuk ini, kita perlu mengunggah file PDF ke layanan pihak ketiga seperti Google Drive atau dari file yang tersedia di internet.
Ada tiga cara untuk menyematkan file PDF dalam HTML.
- Menggunakan Tag Objek
- Menggunakan iframe
- Menggunakan tag semat
Namun, dalam Tutorial ini, saya akan menjelaskan cara menyematkan file PDF menggunakan iframe HTML di situs Blogger karena didukung secara luas di semua browser.
Langkah-langkah menyematkan file PDF di Blogger dari GoogleDrive.
- Pertama-tama, Unggah file PDF ke Google Drive .
- Lalu ubah izin berbagi tautan ke tampilan publik dan salin tautan ke papan klip.
- Lalu tambahkan kode iframe di bawah ini dalam tampilan HTML postingan blog.
- Kemudian ubah id file Gdrive dengan kode yang diberikan dan simpan postingan.
- Lalu tempel kode HTML di editor HTML halaman blog kamu.
<iframe loading="lazy" width="100%" height="800" src="https://drive.google.com/file/d/1LtZ0sVLWZOiKzno2Xl8Yyy9YGQNoUMoe/preview?usp=sharing"></iframe>
Sekarang file pdf sudah berhasil tertanam di website Blogger.
Langkah-langkah menyematkan file PDF di Blogger dari URL.
Copy kode HTML di bawah ini, kemudian paste di halaman blog dengan editor HTML.
<iframe src="https://docs.google.com/gview?url=file.pdf&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>
Sekarang ganti file.pdf dengan url yang ingin ditampilkan di blog.
Contoh:
<iframe src="https://docs.google.com/gview?url=http://infolab.stanford.edu/pub/papers/google.pdf&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>
Kamu juga dapat mengatur tinggi dan lebar sesuai dengan file pdf dan dimensi halaman web.
