Cara Menampilkan PDF, PPT, dan DOC di Website Secara Praktis

Japur SK

Menampilkan file seperti PDF, PPT, atau dokumen Word (DOC/DOCX) langsung di dalam website memberikan pengalaman yang lebih interaktif bagi pengunjung. File tidak hanya bisa diunduh, tetapi juga dapat dilihat secara langsung tanpa harus membuka aplikasi tambahan. Salah satu platform yang paling mudah digunakan untuk tujuan tersebut adalah SlideShare.net, layanan berbagi presentasi yang mendukung format PDF, PPT, DOC, hingga TXT.

Agar kamu bisa menampilkan file tersebut di website atau blog, berikut panduan lengkap mulai dari membuat akun SlideShare, mengunggah file, hingga menampilkan file dalam bentuk embed di Blogger dan WordPress.


1. Membuat Akun SlideShare untuk Upload File

Sebelum bisa menampilkan file di website, kamu harus terlebih dulu mengunggahnya ke SlideShare. Proses ini memudahkan file diubah menjadi tampilan presentasi interaktif yang siap ditanamkan di situs.

A. Masuk ke Situs SlideShare

  1. Buka browser dan kunjungi https://www.slideshare.net
  2. Klik Login / Sign Up di bagian pojok kanan atas.

B. Login Menggunakan LinkedIn

Perlu diketahui bahwa SlideShare hanya dapat digunakan dengan akun LinkedIn, karena platform ini kini sepenuhnya berada di bawah integrasi LinkedIn.

Langkahnya:

  1. Klik Sign in with LinkedIn
  2. Masukkan akun LinkedIn kamu
  3. Beri izin akses dengan menekan tombol Allow

Jika belum memiliki LinkedIn:

  • Klik Create Account
  • Daftarkan email dan isi data singkat
  • Verifikasi email
  • Login kembali ke SlideShare

Setelah ini, akun SlideShare kamu otomatis aktif dan siap digunakan.


2. Mengunggah PDF, PPT, atau DOC ke SlideShare

SlideShare mendukung berbagai format file yang sering digunakan untuk presentasi atau dokumen, antara lain:

  • PDF
  • PPT / PPTX
  • DOC / DOCX
  • ODP
  • TXT

Langkah Mengunggah File

  1. Klik tombol Upload di bagian atas halaman.
  2. Pilih file yang ingin kamu unggah.
  3. Tunggu proses upload berjalan.
  4. Isi informasi dokumen:
    • Judul
    • Deskripsi
    • Tag / kata kunci
    • Kategori
  5. Pilih mode Public agar bisa di-embed.
  6. Klik Publish.

Setelah selesai, file kamu sudah tampil online dalam bentuk viewer SlideShare.


3. Mendapatkan Kode Embed untuk Ditampilkan di Website

SlideShare menyediakan fitur Embed berupa kode HTML iframe yang dapat dipasang di berbagai platform website.

Cara Mendapatkan Kode Embed

  1. Buka file yang sudah kamu upload.
  2. Klik tombol Share.
  3. Pilih tab Embed.
  4. Salin kode iframe seperti contoh berikut:
<iframe src="https://www.slideshare.net/slideshow/embed_code/key/jWYT3n2tBErm9X" width="427" height="356" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> </div>

Kode ini yang nantinya digunakan untuk menampilkan file langsung di halaman web.

Hasilnya:


4. Cara Menampilkan PDF/PPT/DOC di Blogger

Jika kamu menggunakan blogspot.com, kamu bisa menampilkan file dengan sangat mudah.

Langkah Embed di Blogger

  1. Login ke Blogger.com
  2. Pilih blog dan klik Entri Baru
  3. Ubah tampilan editor ke mode HTML
  4. Tempelkan kode embed iframe SlideShare
  5. Kembali ke mode Compose untuk melihat preview
  6. Klik Publish

Saat artikel dipublish, file PDF, PPT, atau DOC akan tampil langsung di halaman blog dalam bentuk viewer SlideShare yang interaktif.


5. Cara Menampilkan PDF/PPT/DOC di WordPress

WordPress juga mendukung embed SlideShare, baik menggunakan iframe maupun fitur oEmbed.

Metode 1: WordPress Self-Hosted (WordPress.org)

  1. Masuk ke Dashboard WordPress
  2. Pilih Posts โ†’ Add New
  3. Tambahkan blok Custom HTML
  4. Tempelkan kode iframe embed
  5. Klik Preview
  6. Publikasikan

Metode 2: WordPress.com

Dalam beberapa paket, WordPress.com membatasi iframe. Namun kamu masih bisa:

  1. Menambahkan blok HTML
  2. Menempelkan kode embed SlideShare
  3. Menyimpan postingan

Jika iframe dibatasi:

  • Cukup paste URL presentasi
  • WordPress akan otomatis mengubahnya menjadi tampilan embed (oEmbed)

Contoh:

https://www.slideshare.net/username/judul-presentasi

6. Tips Agar File Tampil Maksimal di Website

  • Gunakan PDF untuk tampilan terbaik
  • Tambah cover slide agar menarik pengunjung
  • Gunakan judul yang jelas dan SEO-friendly
  • Pilih mode Public agar embed berfungsi
  • Pastikan ukuran iframe sesuai layout website

Dengan langkah-langkah ini, file kamu akan tampil rapi, profesional, dan mudah diakses oleh pengunjung.


Kesimpulan

Menampilkan file PDF, PPT, atau DOC di website kini sangat mudah dengan bantuan SlideShare. Cukup daftar akun, unggah file, salin kode embed, lalu tempel di Blogger atau WordPress. Hasilnya, dokumen kamu dapat dilihat langsung tanpa diunduh dan lebih menarik secara visual.

Editor:

Japur SK

Topik/Niche:

Home Trending Explore Discover Menu
Digipulsa Siap Tampung Order Top Up Game Ramadhan dan Lebaran 2026

Digipulsa Siap Tampung Order Top Up Game Ramadhan dan Lebaran 2026

Kunjungi Artikel