-->

Cara Menampilkan File Pdf di Blog Responsif

Cara Menampilkan File Pdf di Blog Responsif

Apakah masih ada yang belum mengetahui Apa itu PDF?
S
aya rasa diera digital ini, mayoritas individu telah mengetahui file yang berekstensi Pdf ini, PDF adalah singkatan dari Portable Document Format, file ini sangat ramah dengan dokumen-dukumen digital dunia industri karena memang file format ini diciptakan dengan standar industri mudah dikelola seperti pengeditan, perubahan, pelindungan dan lain-lain dengan tujuan untuk memudahkan organisasi / perusahaan melakukan pengelolaan dan sharing dokumen.
Pada kesempatan ini Nurul Huda akan share tutorial bagaimana cara menampilkan file pdf di halaman postingan blog atau website dengan tampilan yang responsif, sebenarnya ada beberapa alternatif atau cara untuk menampilkan file pdf di halaman postingan blog tetapi menurut saya cara ini adalah yang paling mudah dan simpel.
Syarat utama yang harus dipenuhi untuk menampilkan file pdf di halaman postingan blog atau website adalah mengupload file pdf tersebut terlebih dahulu ke penyedian penyimpanan online, namun jangan kawatir terdapat banyak lanayanan cloud hosting gratis kok, seperti gdrive, onedrive, drobox, box, mega dan lain sebagainya. namun disini saya akan mencontohkan salah satu saja cara mengupload file pdd dari beberapa alternatif cloud gratis yang telah saya sebutkan tadi disini saya memilih gdrive karena layanan cloud ini yang saya anggap paling familiar, sedangkan untuk cara mengupload file di cloud yang lain sebenarnya caranya hampir sama saja kok tetapi jika ingin lebih jelas bisa search di google ya hehehe, oke lanjut pada tutorial bagaimana cara menampilkan file pdf dihalaman postingan blog ikuti langkah-langkahnya sebagai berikut:

Pada langkah pertama silahkan kunjungi: https://drive.google.com lalu masukan surel gmail seperti gambar dibawahi ini

gdrive

Langkah kedua klik berikutnya lalu masukan kata sandi surel gmail dan klik berikutnya

masukan sandi gdrive

Langkah selanjutnya setelah masuk gdrive klik tambah file seperti gambar dibawah ini

tambah file di gdrive

Selanjutnya cari dan masukan file pdf yang ingin diupload di google drive

upload file di gdrive

Setelah selesai mengupload file pdf, pastikan file pdf tersebut tesedia untuk publik, lihat gambar yang dilingkari berikut ini untuk mengatur setelan publiknya

share publik gdrive

Jika sudah dipastikan dapat dilihat oleh pulik, kemudian klik tanda titik tiga pilih buka jendela baru untuk mengetahui kode emblem Pdfnya

buka jendela baru gdrive

Kopi kode emblem seperti gambar yang dilingkari dibawah ini, untuk mempermudahnya silahkan pastekan saja terlebih dahulu di notepad

kode emblem gdrive

Pada langkah kedelapan masuk pada halaman postingan blog, lalu pilih mode HTML bukan mode compose ya

mode html

Langkah selanjutnya kode emblem dibawah ini serta jangan lupa untuk mengganti kode xxx berikut ini seperti gambar diatas dengan kode yang didapatkan dari gdrive yang telah disimpan notepad tadi
//Salin Kode Emblem berikut ini
//Untuk mengatur tinggi dan lebar pada iframe gantilah kode height="600" dan width="100%' sesuai dengan kebutuhan

<iframe height="600" src="https://docs.google.com/viewer?srcid=xxxxxxxxxxxxxxxxxxxx&amp;pid=explorer&amp;chrome=false&amp;embedded=true" width="100%"></iframe>
Dan langkah terakhir klik posting nati hasilnya akan tampak seperti dibawah ini



Demikian tutorial bagaimana cara menampilkan file pdf di blog dengan tampilan yang responsif, namun jika sahabat masih kurang jelas bisa menanyakan melalui formulir komentar dibawah ini.
Semoga artikel Nurul Huda ini dapat memberikan manfaat dan jangan lupa dishare ke media sosial ya agar sahabat kita yang lain juga mengetahuinya. Terima kasih

Anda mungkin menyukai postingan ini

Posting Komentar