Setelah beberapa hari saya mencari cara untuk memasang atau menampilkan file .pdf di web, akhirnya ketemu juga. Saya kira awalnya harus memakai plugin jquery tambahan. Namun, ternyata hanya dengan sebaris tag kode html pun kita sudah bisa menampilkan sebuah ebook .pdf di halaman web :). Tentu saja, untuk bisa menampilkan file .pdf, sebelumnya anda harus memastikan bahwa di komputer ana sudah terinstall pdf reader seperti Adobe Reader dan Foxit Reader.
Kode berwarna merah adalah letak dari sebuah file .pdf, sedangkan kode warna hijau adalah pengaturan untuk lebar(width) dan tinggi(height) elemen yang menampilkan ebook .pdf-nya.
Nah, selamat mencoba. Semoga bermanfaat.
~Muhammad Syakirurohman~
1. Cara Pertama
Cara ini adalah dengan menampilkan ebook .pdf sebagai 1 halaman web penuh. Artinya tidak dalam elemen web lainnya. Caranya tinggal ketikkan letak url file .pdf itu di address bar, atau melalui klik link seperti dibawah :
Cara ini adalah dengan menampilkan ebook .pdf dalam sebuah halaman web sebagai elemen sisipan dan berdampingan dengan elemen atau markup web lainnya. Caranya dengan menggunakan tag html <embed> seperti dibawah ini.
<embed src="http://www.syakirurohman.net/files/cerita.pdf" type="application/pdf" width="500" height="700"/>
Kode berwarna merah adalah letak dari sebuah file .pdf, sedangkan kode warna hijau adalah pengaturan untuk lebar(width) dan tinggi(height) elemen yang menampilkan ebook .pdf-nya.
Nah, selamat mencoba. Semoga bermanfaat.
~Muhammad Syakirurohman~
wah mantab mas.. bisa sharing makalah" di blog sekarang
BalasHapusyaap, silahkan dicoba mas agar lognya lebih interaktif :)
HapusApa cara yg kedua itu juga butuh instal pdf reader di pc?
BalasHapusIya, tetep harus terinstall. Ada juga sih yang ga harus terinstall pdf reader. Di convert dulu ke file .swf pakai jquery. Tapi sama aja itu juga kan harus terinstall flash playernya :D.
Hapuskalau cara yang langsung bagian dari web (.html) saya belum pernah nemu
Ini yang aku cari....Trims Gan.
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusklo cara nampilin file pdf yanf di ambil dari database gimana,
BalasHapusKode htmlnya tetep sama kaya gitu, yang beda cuma di path urlnya dimanipulasi kode php dan data dari database
HapusKalo localhost OK. tp kalo udah hosting mending pake google viewer atau phpdocx
BalasHapus