Skip to main content

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)


✅
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

Comments

Post a Comment

Popular posts from this blog

PART 0.1.0 RAD PROTOTYPE Web-App: Post-Video & Comments [program]

Video List — JP Kanji Ultra Translation CONTROL SECTION — Login (Admin) Username: Password: Login CONTROL SECTION — Admin Panel Enable Comments Disable Comments Logout Activity Log Show Video COMMENTS DISABLED BY ADMIN Leave a Comment: Additional Comment Show Video COMMENTS DISABLED BY ADMIN Leave a Comment: Additional Comment Show Video COMMENTS DISABLED BY ADMIN Leave a Comment: Additional Comment Show Video COMMENTS DISABLED BY ADMIN Leave a Comment: Additional Comment
Post a Comment
Read more

My Pending and Delayed POSTs SUMMARY [APPs]
MADE by ChatGPT

🔗 My Pending and Delayed POSTs SUMMARY Sort by Date Sort by Auto Title Sort by My Title Ascending Descending (Newest First) Insert URL: Your Own Title (Optional): Status: Pending Done ➕ ADD ENTRY 💾 SAVE EDIT (MAIN FORM) DATE / TIME AUTO TITLE MY TITLE STATUS URL ACTIONS 📝 TO DO LIST SUMMARY Sort by Date Sort by Header Sort by Detail ...
Post a Comment
Read more

Tablet Holder di Mobil dan Konsep DOUBLE Tablet Holder aka +secondary supporting holder

Gw udah pasang Holder khusus Tablet yg menurut gw sudah pilihan terbaik! Karena memiliki Arm KERAS/RIGID yg dibutuhkan utk menggenggam ERAT Dalam hal menopang Tablet yg lebih berat dr HP biasa Cekidot Lapak (click here!!) Namun .. Setelah gw pasang Bukan tidak bagus Tapi kalau melewati jalan jelek GOYANG (sikit) juga Gan! Akan tetapi .... Gw rasa bisa makin dimaksimalkan KERIGIDAN dengan menambah PENOPANG KEDUA Check it out: Dari searching2 di MarketPlace Gw ketemu yg mirip holder lampu belajar zaman doeloe Dan .. namun .. tiba2 gw menemukan Ide (lanjutan) Mekanisme yg bisa diReApplied kalau suatu saat diperlukan di Kreasi Agan2 lain  Gunakan Kombo 2 Perangkat berikut apabila membutuhkan holdingan tablet tambahan yg memiliki  "hold area"  yg lebih sempit karena holder kedua "takutnya/dirasa" tidak akan muat utk menggenggam Tablet sebagai penopang kedua, sebagai akibat holder pertama/utama sudah "cukup banyak" memakan tempat Perangkat Pertama (kon...
Post a Comment
Read more