Cara Menampilkan File PDF di Blog atau Website

Update Terbaru, 20 Januari 2020

Cara Menampilkan File PDF di Blog atau Website – Perlu anda ketahui file atau dokumen PDF juga bisa di buka melalui blog atau website, cara ini sering digunakan untuk memberikan informsi yang jelas melalui file PDF. Seperti halnya situs penyedia PDF viewer seperti scribd dan academia.edu. Tetapi sekarang anda sudah bisa mengubah blog atau website menjadi PDF viewer.

Saya sudah banyak membuat tutorial tentang file PDF mulai dari cara membuat PDF, cara convert pdf menjadi word, cara membuat file pdf tanpa software, dll. Setelah anda berhasil membuat PDF, kali ini saya akan memberikan tutorial singkat untuk menampilkan file PDF di postingan blog dengan mudah dan cepat.

Tutorial ini saya persembahkan untuk anda yang mengelola blog blogger atau wordpress, mana yang paling mudah penggunaannya? nanti anda bisa menilai sendiri mana pilihan blog terbaik untuk menampilkan file PDF.

PDF viewer ini sering digunakan oleh website instansi pemerintahan yang selalu menyajikan informasi data kepada masyarakat seperti portal pemerintahan kabupaten, kementerian atau yang paling sering adalah website KPU, karena selalu memberikan informasi tentang pemilu mulai dari nama calon tetap, peraturan, dan informasi penting lainnya.

Cara Menampilkan File PDF di Postingan WordPress

Blog wordpress yang saya maksud disini adalah wordpress premium yang memiliki hosting sendiri dikenal dengan wordpress.org. Dengan menggunakan wordpress anda bisa dengan mudah instal plugin gratis maupun premium. Kali ini saya akan berbagi PDF viewer gratis yang bisa anda gunakan dan update kapan saja tanpa mengeluarkan biaya sedikitpun.

Plugin ini bisa dikatakan terbaik, karena anda cukup aktifkan plugin tanpa melakukan setting apapun dan cara pemasangannya di postingan juga cukup mudah.

Berikut langkah-langkahnya:

  1. Instal dulu pluginnya Embed PDF Viewer
  2. Silahkan masuk menu Plugins >> Add New, pencarian dengan mengetik WP Advanced PDF, lalu instal plugi tersebut dengan klik tombol Install Nowmenampilkan pdf di blog
  3. Setelah terinstal langsung aktifkan dengan klik tombol Activate.menampilkan pdf di wordpress
  4. Plugin sudah aktif tanpa melakukan setting apapun.

Cara Menampilkan PDF di Postingan

  1. Buat halaman postingan, kemudian letakkan kursor dimana file pdf nanti ditampilkan (sama prosesnya dengan menambah gambar)
  2. Upload file pdf dengan menekan tombol Add Media (seperti menambah gambar) >> lalu pilih file pdf dan tunggu proses upload file sampai selesai. Kalau sudah selesai upload file pdf tadi, silahkan klik tombol Insert into post.menampilkan pdf di wordpress
  3. Maka akan muncul URL file pdf / link file pdf tersebut.memasukkan pdf ke postingan blog
  4. Terakhir silahkan publikasikan postingan dan lihat hasilnya.

Hasilnya kurang lebih seperti gambar dibawah ini:menampilkan pdf di website

Update Terbaru Januari 2020

Jika dengan plugin Emben PDF Viewer tidak bisa, anda bisa menggunakan plugin Document Embedder yang sudah saya uji coba dan berhasil. Plugin ini bisa untuk menampilkan beberapa dokument sehingga plugin ini saja katakan plugin viewer dokumen terbaik untuk wordpress.

Berikut jenis file yang bisa ditampilkan:

Microsoft Word (.DOC and .DOCX)
Microsoft Excel (.XLS and .XLSX)
Microsoft PowerPoint (.PPT and .PPTX)
Adobe Portable Document Format (.PDF)
Apple Pages (.PAGES)
Adobe Illustrator (.AI)
Adobe Photoshop (.PSD)
Image files (.JPEG, .PNG, .GIF, .TIFF, .BMP)
Video files (WebM, .MPEG4, .3GPP, .MOV, .AVI, .MPEGPS, .WMV, .FLV)
Text files (.TXT)
Markup/Code (.CSS, .HTML, .PHP, .C, .CPP, .H, .HPP, .JS)
Tagged Image File Format (.TIFF)
Autodesk AutoCad (.DXF)
Scalable Vector Graphics (.SVG)
PostScript (.EPS, .PS)
TrueType (.TTF)
XML Paper Specification (.XPS)
Archive file types (.ZIP and .RAR)

Jika anda tertarik ikuti langkah berikut:

  1. Instal dulu pluginnya Document Embedder By Abu Hayat Polash
  2. Kemudian aktifkan
  3. Setelah aktif maka akan muncul menu di dashboard dengan nama Document Embedder
  4. Untuk membuat file baru silahkan pilih menu Document Embedder kemudian pilih Add New Docmenampilkan dokumen di postingan wp
  5. Silahkan isi judul file, masukkan file dari komputer atau laptop bisa juga link eksternal. Untuk ukuran bisa disesuaikan dengan lebar halaman postingan atau biarkan default. Jika pengaturan sudah selesai terakhir klik save.menampilkan pdf di wordpress
  6. Untuk menampilkan file pdf di halaman postingan wordpress, silahkan copy shortcode file yang sudah anda buat tadi kemudian copy dan paste pada halaman postingan.menampilkan file di postingan wordpress
  7. Selesai dan lihat hasilnya.

Cara Menampilkan File PDF di Postingan Blogger

Untuk dapat menampilkan PDF di postingan blogger, kita harus menggunakan bantuan layanan Google Drive kemudian kita masukkan embed ke dalam postingan.

Langkah-langkahnya sebagai berikut:

  1. Silahkan buka situsnya Google Drive kemudian upload file dengan menekan tombol + Baru >> lalu pilih Upload File.embed file pdf
  2. Tunggu sampai selesai upload, Setelah itu atur privasinya menjadi publik dengan cara klik kanan pada file yang sudah anda upload tadi lalu pilih bagikan.menampilkan pdf di blogger
  3. Kemudian Klik tombol pada “Dapatkan link yang bisa dibagikan” >> lalu klik tanda panah pada “Siapa saja dengan link dapat melihat” >> pilih Lainnya…cara menampilkan pdf di blog
  4. Lalu pilih Aktif – Publik di web >> Kemudian Simpanmenampilkan pdf di blog
  5. Kemudian klik kanan pada file dan pilih Pratinjaumenampilkan pdf pada postingan
  6. Lalu klik icon titik 3 dibagian atas sebelah kanan, silahkan pilih Buka di jendela barumenampilkan dokumen pdf di blog
  7. Pilih kembali icon 3 titik, lalu pilih Sematkan item…cara menampilkan pdf di blog
  8. Silahkan pasang kode yang didapatkan pada postingan blog.menampilkan pdf di blog
  9. Selanjutnya memasang pada postingan blogspot, silahkan buka postingan baru kemudian paste kode yang kamu dapatkan tadi pada mode HTML lalu publikasikan.cara menampilkan pdf di blogspot blogger
  10. Selesai dan lihat hasilnya.

Keterangan:

Jika lebarnya terlalu panjang kamu bisa mengaturnya lebih pendek pada bagian width, seperti contoh width=”600″ atau bisa sesuaikan dengan lebar halaman postingan.

Demikian penjelasan lengkap untuk menampilkan file pdf di blog blogger dan wordpress lengkap dengan gambar, namun jika anda masih kurang jelas bisa ditanyakan melalui kolom komentar.

Semoga dapat bermanfaat dan jangan lupa share tutorial ini agar diketahui banyak oarang. Terima kasih

17 Comments

Tinggalkan Balasan ke Mas Zain Batalkan balasan