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)

📌 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

Comments

Post a Comment

Popular posts from this blog

[ERROR BUG]
ChatGPT+Gemini: TikTok → Blogger Embed Converter using Cloudflare/Online Server

🔄 Refresh Page ERROR BUG: The connection is blocked because it was initiated by a public page to connect to devices or servers on your local network. Planning: Revise Program CODE Code USING Javascript/Online Server Code NOT USING Javascript Sample Working Code aka Already Repaired! Temporary Solution is by Asking AI Assistant to do REPAIR CODE of (Not yet Repaired) Current Conversion Program Code-Output TikTok Archive – Embedded Preview TikTok Embed ▶ View this video on TikTok ⚠️ DISCLAIMER: INPUT URL LIMITATION This program is currently restricted to processing Full Browser URLs only. It does not support TikTok’s mobile "short-link" format (e.g., vt.tiktok.com ). Required Action: Users must open the video in a web browser and copy the expanded URL from the address bar before pasting it into this program. URL Conversion Example ❌ UNSUPPORTED: https://vt.tiktok.com/ZSaXoFyov/ ✅ REQ...
Post a Comment
Read more

Repost! Web-Based to Android Apps Convertion (MEDIAN.CO etc.)

CONTOH HASIL Android APK "PROGRAM" SAMPLE: Youtube and Instagram EMBEDded to Blogger/Blogspot.com SOURCE CODE Click this box to download Contoh Sample SHORTCUT-APPs "precise" click to download : median.co R8: ronin1985.blogspot.com R2M: ronin-manu.blogspot.com Gw udah coba Median.co utk mengubah Website gw menjadi Aplikasi Android Keren bet!! Median.co Cekidot Software lain yg mirip! ChatGPT : If you're looking for tools similar to Median.co to convert websites into Android apps, here are some top alternatives, especially for no-code or low-code users: 🔧 Best Tools Like Median.co to Convert Website to Android Apps 1. WebViewGold Platform: Windows/macOS (Xcode/Android Studio) Key Feature: Converts any website into iOS/Android app via WebView. Pros: One-time purchase Custom splash screen, push notifications Can open external links in external browser Cons:  Requi...
Post a Comment
Read more

REPOST: Studying WATER PUMP by ROMAN ENGINEERING

*^ Ini yg Asli Gan! Mekanisme pada Concrete Pump: Kok ky Sistem Mekanik Romawi ya?! Tapi malah bisa HANYA pake PER aka bukan "MATA BOR look a like" Mekanisme Drill yg Cost Pembuatan bikin REPOT aka harus Tool SUPER Khusus Dari Material Besi yg digunakan terlihat langsung secara kasat mata Jauh Lebih Banyak drpd Per Biasa seperti yg ditunjukkan pd Video Alternatif dgn Penggunaan PER Video dr Instagram: Source: YouTube Rome's drainage machines #history #romanempire #engineering
Post a Comment
Read more