Tutorial

Cara Menampilkan File PDF

Artikel ini menjelaskan tentang cara Menampilkan file PDF di website/postingan dapat dilakukan dengan menggunakan google drive.

Avatar Written by smujib
· 3 min read >

Tutorial cara menampilkan file PDF di halaman website dengan HTML dan menggunakan tag embed.


Hai warganet perlu kalian 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, layaknya situs penyedia PDF viewer seperti scribd dan academia.edu. Tetapi sekarang kalian sudah bisa mengubah blog atau website menjadi PDF viewer.

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.

Menampilkan file PDF di website/postingan dapat juga dilakukan dengan menggunakan google drive. Nah bagi kalian yang ingin menampilkan artikel/data file yang berbentuk PDF pada website dapat mengikuti langkah-langkah dibawah ini dengan menggunakan Google Drive.

Apa itu Google Drive?

Nah google drive disini merupakan sebuah wadah atau tempat yang dapat digunakan untuk membuat, membagi, mengolaborasikan dan menyimpan data. Nah kapasitas penyimpanan yang dimiliki disini sebesar 15 Gigabyte (GB) dan dapat digunakan gratis. Jika ingin memperbesar kapasitas sebesar 100 GB sampai 16 Terabyte (TB), pengguna dikenai tarif. Google Drive juga menyediakan fasilitas aplikasi pengolah kata atau yang biasa disebut sebagai Google Docs.

Cara Menampilkan File PDF di Postingan WordPress

Blog wordpress yang di maksud disini adalah wordpress premium yang memiliki hosting sendiri dikenal dengan wordpress.org. kalian dapat dengan mudah instal plugin gratis maupun premium dengan menggunakan WordPress.
Disini kalian cukup aktifkan plugin tanpa melakukan setting apapun dan cara pemasangannya di postingan juga cukup mudah, itulah sebabnya mengapa plugin ini dikatakan terbaik.

  Cara Pulsa Gratis Telkomsel

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 Now.
  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. Kemudisn memasukkan pdf ke postingan blog
  4. Terakhir silahkan publikasikan postingan dan lihat hasilnya.Hasilnya kurang lebih seperti gambar dibawah ini:

Keterangan:
Selain plugin diatas, anda bisa menggunakan plugin PDF Viewer atau WP Advanced PDF

Cara Menampilkan File PDF di Postingan Blogger

File PDF di postingan blogger yang ingin kita tampilkan 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.
  3. Kemudian Klik tombol pada “Dapatkan link yang bisa dibagikan” >> lalu klik tanda panah pada “Siapa saja dengan link dapat melihat” >> pilih Lainnya.
  4. Lalu pilih Aktif – Publik di web >> Kemudian Simpan.
  5. Kemudian klik kanan pada file dan pilih Pratinjau.
  6. Lalu klik icon titik 3 dibagian atas sebelah kanan, silahkan pilih Buka di jendela baru.
  7. Pilih kembali icon 3 titik, lalu pilih Sematkan item.
  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.
  10. Selesai dan lihat hasilnya.
  Cara Hack diamond Mobile Legends

Menampilkan file PDF di website/postingan dengan menggunakan google drive

  1. Langkah Pertama ;
    Siapkan file PDF anda Pada Komputer/Laptop Anda
    Setelah itu ketikan URL drive.google.com Pada browser Anda, kemudian login dengan Account Google jika Anda belum mempunyai Account Google diharapkan membuat terlebih dahulu.
  2. Langkah Kedua ;
    Pada Menu Drive yang berada disamping kiri klik tanda panah keatas kemudian klik File cari file PDF Anda kemudian klik Open tunggu beberapa saat sampai file PDF Anda selesai terupload.
  3. Langkah Ketiga ;
    Apabila file yang dipilih sudah berhasil di upload maka nama file PDF akan muncul di dalam menu Google Drive, centang file PDF kemudian klik Lebih Banyak >> Bagikan. Kemudian akan muncul pop-up maka klik Ubah , selanjutnya akan muncul tiga opsi pilih salah satunya.

  4. Langkah Keempat ;
    Langkah selanjutnya disini masih pada centang file PDF yang tadi klik Lebih Banyak kembali >> klik Buka Dengan >> klik Penampil Google Drive.
  5. Langkah Kelima ;
    Setelah file PDF Anda telah terbuka pada Tab baru selanjutnya klik menu File dan pilih Sematkan file PDF ini. Maka akan muncul code HTML.

Apabila anda ingin menampilkan file PDF pada postingan website anda atau ingin ditampilkan di halaman website, lakukan copy paste code HTML yang tadi pada postingan website Anda atau pada file .php yang di buat.


Demikian informasi mengenai cara menampilkan File PDF di Blog atau Website, terimakasih sudah mengunjungi blog ini. Jika ada yang belum paham silahkan tuliskan di kolom komentar dibawah.

Semoga informasi ini dapat bermanfaat bagi kita dan Selamat mencoba.

Written by smujib
Seorang muslim, musisi, dreamer, dan blogger. Tertarik dengan teknologi dan dunia digital khususnya Search Engine Optimization. Saat ini menjadi Chief Executive Officer di jeparaupdate.co Profile

Leave a Reply

Your email address will not be published. Required fields are marked *