File PDF biasanya digunakan untuk mempublikasikan jurnal ilmiah, paper, skripsi, tutorial, proposal, invoice pembayaran dan lain sebagainya. Jadi sangat efektif jika sebuah halaman website bisa langsung menampilkan file PDF tanpa perlu menampilkan permintaan untuk mendownload terlebih dahulu.
Menampilkan file PDF di halaman website HTML juga bisa berguna untuk orang-orang yang ingin membuat website seperti aplikasi perpustakaan, persuratan dan lain-lain.
Berikut adalah cara memasangkan file PDF pada halaman web/blog kita, cara pemasangannya cukup sederhana, sebagai berikut:
Cara 1
Copy paste kode dibawah ini:<object data="Letak_file.pdf" type="application/pdf" width="100%" height="100%"></object>
Cara 2
Cukup membuat sebuah file html dengan nama index.html.Lalu tuliskan script seperti berikut ini:
<!DOCTYPE html>Bagian yang perlu diperhatikan adalah pada baris ke-8 yang berisikan tag embed, disitu kita bisa menentukan lebar(width), tinggi(height) dan url dari file PDF yang ingin ditampilkan.
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Menampilkan File PDF ke Webpage HTML PHP</title>
</head>
<body>
<embed src="LOKASI_FILE.pdf" width="550" height="600"> </embed>
</body>
</html>
Tag object dan tag embed juga bisa digunakan untuk menampilkan file-file lain seperti file audio dan video.
Source Code lengkapnya dapat kamu download pada link berikut:
DOWNLOAD SOURCE CODE
Semoga bermanfaat.
Komentar
Posting Komentar