Cara Menampilkan File PDF di halaman Web HTML

Publish Date : 08-12-2017 , dibaca 36002 kali, Hari ini dibaca : 1 kali ,0 comments

Cara Menampilkan FIle PDF di website..File PDF merupakan file yang kerap menjadi output laporan pada aplikasi WEB...TIps kali ini admin akan Share Cara Menampilkan File PDF di halaman Web HTML,

Sebenarnya hal ini sama seperti website  slideshare, dosctoc dan sejenisnya , dimana document pdf di tampilkan di halaman website..  dalam Hal ini kita menggunakan fungsi <embed> yang ada di HTML5, Dengan Menggunakan fungsi ini kita akan dengan mudah menampilkan document PDF di halaman website kita

menampilkan pdf di website

Cara Menampilkan Document / File PDF di Website

Untuk menampilkan documnet pdf , seperti yang saya ungkapkan di atas , kita menggunakan tag <embed>, dimana tag ini dapat menampilkan file eksternal seperti file MP3, Video , atau file multimedia di halaman website

Script yang digunakan untuk menampilkan document PDF :

<embed width="600" height="450" src="mypdf.pdf" type="application/pdf"></embed>

Yang Perlu di perhatikan :

  1. width : merupakan atribut lebar size pdfnya
  2. height : merupakan atribut tinggi size pdf
  3. src : file pdf yang ingin di tampilkan

Cara Disable dan Hide Toolbar PDF di Web

Untuk men-disable dan menyembunyikan Toolbar pada saat menampilkan PDF di website ialah :

<embed src="files/file-nya.pdf#toolbar=0&navpanes=0&scrollbar=0" type="application/pdf" width="100%" height="600px" />

Bagaimana.. Cukup mudah bukan untuk menampilkan file ekstensi PDF di halaman Website... ?............keep coding------------------

Produk Rekomendasi

Artikel Terkait

Diskusi



wa