Blogroll

Layanan Webhosting Murah

Cara menampilkan File Ebook .pdf di Halaman Web

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.

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 :

<a href="http://www.syakirurohman.net/files/cerita.pdf" target="blank">Cerita.pdf</a>

ebook .pdf di halaman web penuh

2. Cara Kedua

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


ebook .pdf di antara elemen web lain

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~




Terima pemberitahuan update artikel ke email anda!

Delivered by FeedBurner

Dilarang menyalin artikel tanpa sumber!

DMCA.com

9 Komentar:

  1. wah mantab mas.. bisa sharing makalah" di blog sekarang

    BalasHapus
    Balasan
    1. yaap, silahkan dicoba mas agar lognya lebih interaktif :)

      Hapus
  2. Apa cara yg kedua itu juga butuh instal pdf reader di pc?

    BalasHapus
    Balasan
    1. Iya, 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.
      kalau cara yang langsung bagian dari web (.html) saya belum pernah nemu

      Hapus
  3. Ini yang aku cari....Trims Gan.

    BalasHapus
  4. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  5. klo cara nampilin file pdf yanf di ambil dari database gimana,

    BalasHapus
    Balasan
    1. Kode htmlnya tetep sama kaya gitu, yang beda cuma di path urlnya dimanipulasi kode php dan data dari database

      Hapus
  6. Kalo localhost OK. tp kalo udah hosting mending pake google viewer atau phpdocx

    BalasHapus

Peraturan Berkomentar!
- Gunakanlah kata-kata yang baik, sopan dan santun.
- Komentar yang berbau SARA, Pornografi, Pelecehan dan Kekerasan dilarang keras.
- Dilarang Anonymous dan SPAM! Berkomentarlah yang berkualitas.

Template Designed and Created by Muhammad Syakirurohman | Syakirurahman