MENAMPILKAN PDF-FILE (View-Mode) pd Blogger/Blogspot-POST! aka Tampilan look a like PDF VIEWER *ChatGPT Explain

^

Blogger/Blogspot can display a PDF inside the post so it looks like a normal PDF Viewer

Although Blogger does not provide a built-in PDF viewer

IT CAN BE DONE YET! ....

To make it appear like a real viewer

Embed the PDF using an External Viewer

Google Drive PDF Viewer
(Recommended & Works Perfectly in Blogger)

✔ Cara konversi URL Google Drive

✔ Cara mendapatkan FILE ID

✔ Cara membuat URL embed mode viewer (/preview)

✔ Cara memasukkan ke Blogger (HTML mode)

📌 PDF contoh:
https://drive.google.com/file/d/1ow6JG06-LZaMr7c3v9V8zBl8RmUJ9DfG/view?usp=sharing




👉 FILE ID-nya: 1ow6JG06-LZaMr7c3v9V8zBl8RmUJ9DfG

👉 Jadi embed link-nya:
https://drive.google.com/file/d/1ow6JG06-LZaMr7c3v9V8zBl8RmUJ9DfG/preview

✅
Panduan Embed PDF dari Google Drive
ke Blogger

📌 1. LINK CONTOH PDF

Gunakan file berikut sebagai contoh:

View URL:
https://drive.google.com/file/d/1ow6JG06-LZaMr7c3v9V8zBl8RmUJ9DfG/view?usp=sharing

---

📌 2. MENDAPATKAN FILE ID

Format standar link Google Drive:

https://drive.google.com/file/d/FILE_ID/view?usp=sharing

Maka FILE ID-nya adalah:

👉 1ow6JG06-LZaMr7c3v9V8zBl8RmUJ9DfG

---

📌 3. KONVERSI LINK MENJADI MODE VIEWER / EMBED

Untuk Blogger, harus menggunakan format:

https://drive.google.com/file/d/FILE_ID/preview

Jadi embed link:

👉 https://drive.google.com/file/d/1ow6JG06-LZaMr7c3v9V8zBl8RmUJ9DfG/preview

INI yang Anda gunakan untuk menampilkan PDF langsung dalam posting.

---

📌 4. KODE FINAL UNTUK BLOGGER (Mode HTML)

Paste kode berikut ke Blogger → Post → HTML view:

<!-- ========================== -->
<!-- GOOGLE DRIVE PDF VIEWER    -->
<!-- ========================== -->

<div style="margin: 20px 0;">
  <iframe 
    src="https://drive.google.com/file/d/1ow6JG06-LZaMr7c3v9V8zBl8RmUJ9DfG/preview"
    width="100%"
    height="650"
    style="border: none;">
  </iframe>
</div>

---

📌 5. RINGKASAN PROSES

Agar lebih mudah, berikut versi super-singkat:

(1) Copy link Google Drive → cari FILE ID

Format: /d/FILE_ID/

(2) Buat embed link:

https://drive.google.com/file/d/FILE_ID/preview

(3) Pasang <iframe> di Blogger (mode HTML)

Selesai.

---

📌 Checklist

✔ Hal yang Wajib Dilakukan

• Set link Drive ke “Anyone with the link – Viewer”
• Temukan FILE ID dengan benar
• Ubah link ke format /preview
• Pasang kode <iframe> di Blogger (HTML mode)
• Jangan gunakan mode Compose

✔ Hasil Setelah Berhasil Embed

• Viewer aktif langsung di halaman
• PDF bisa discroll
• Bisa zoom in/out
• Tampil full-width & mobile-friendly
• 100% kompatibel untuk Blogger

⚠️ Batasan Blogger

• ✘ Tidak bisa upload PDF langsung ke Blogger
• ✘ Tidak ada PDF viewer bawaan
• ✘ PDF harus di-embed dari Google Drive atau hosting lain

---

CONTOH HASIL terVIEW