Displaying PDF files on your website provides added value for visitors. Pengunjung dapat langsung membacanya di situs web tanpa memerlukan pembaca lain seperti yang dapat Anda lihat di bagian bawah artikel ini.

Dokumen PDF tersebar luas melalui internet, namun diperlukan penampil PDF untuk membuka dan membacanya. Akan sangat menjengkelkan bagi pengunjung untuk membaca PDF apabila diharuskan untuk menginstal pembaca tertentu terlebih dahulu.

Apa itu PDF? Portable Document Format (disingkat PDF) adalah sebuah format berkas yang dibuat oleh Adobe Systems pada tahun 1993 untuk keperluan pertukaran dokumen digital. Format PDF digunakan untuk merepresentasikan dokumen dua dimensi yang meliputi teks, huruf, citra dan grafik vektor dua dimensi.

Bagaimana cara menampilkan file pdf di situs web agar pengunjung dapat langsung membacanya?

Dengan mengikuti panduan singkat ini, Anda dengan mudah dapat menampilkan file PDF di situs web Anda, baik untuk situs web WordPress, Joomla maupun Html.

List of contents:

Langkah-langkah menampilkan file PDF di situs web tanpa Plugin

Untuk menampilkan file PDF di situs web tanpa menggunakan plugin, Anda hanya perlu membagikan link file PDF dengan Google Drive. Ikuti langkah-langkah berikut ini:

Total Waktu 15 minutes

Step 1: Unggah file PDF ke Google Drive

Untuk mengupload PDF ke Google Drive cukup mudah. Buka Google Drive Web, lalu tarik file dari ruang penyimpanan komputer, lalu lepaskan ke Google Drive

Step 2: Bagikan file PDF

Untuk membagikan file PDF, klik kanan file kemudian pilih Bagikan lalu pilih sekali lagi Bagikan

Step 3: Atur Hak Akses file PDF ke Publik dan Salin link

Klik pada pilihan (1) Akses umum lalu ubah ke (2) Siapa saja yang memiliki link agar semua orang dapat membuka file tersebut, then click (3) Salink link untuk mendapatkan link file yang telah dibagikan

Step 4: Buka Link file PDF di Browser

Tempelkan link yang telah disalin ke Browser dengan cara tekan tombol Ctrl + V di bilah alamat Browser. Anda dapat melihat file PDF telah terbuka

Step 5: Salin Kode Semat file PDF

(1) Klik titik-tiga di sudut kanan atas penampil PDF, then click (2) Sematkan item… maka akan tampil layar berisi kode HTML, (3) salin kode HTML tersebut untuk ditempelkan di halaman web

Step 6: Tempelkan Kode HTML ke halaman web

Jika Anda menggunakan CMS WordPress, (1) tambahkan sebuah blok HTML Khusus, lalu (2) tempelkan kode tersebut ke dalamnya. Jika Anda pengguna Joomla, Anda dapat mencari tombol Insert Code or Edit HTML Source di Editor lalu tempelkan kode tersebut ke dalamnya. (3) Opsional: Anda dapat mengubah lebar tampilan ke 100% dan tinggi ke 800 agar tampilan jadi lebih luas