contact
WA: 0822-8846-7823
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: D7DB3491
ebsofmail@gmail.com

Cara Menampilkan File PDF di halaman Web HTML

Posted in HTML & CSS Life at 08 Desember 2017 With 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

▼ Download Source Code Dibawah Ini ▼


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------------------

Artikel Rekomendasi



Artikel Terkait

Diskusi