Monday, February 24, 2020

Cara Menampilkan PDF di Blogger Blogspot

Hasan Askari: Cara Menampilkan PDF di Blogger Blogspot

Basa-basi

SEBAGAI pengguna internet, kita tentu tidak asing lagi dengan istilah pdf. Pdf yang kepanjangannya Portable Document Format, merupakan terobosan baru dunia kedokumenan. Bila kita menggunakan file berformat doc atau docx, misalnya, maka ketika kita membukanya di berbagai platform berbeda, sangat mungkin untuk terjadi perubahan dalam hal tata letak. Sedangkan apabila kita menggunakan pdf, maka tata letaknya akan sama, walaupun dibuka oleh aplikasi apapun.

Dengan kelebihan yang ditawarkan, pdf menjadi solusi yang pas dalam hal bertukar dokumen. Sebab pesan yang disampaikan akan terasa utuh seperti saat pembuat mengolahnya.

Menurut saya, pdf pantas diacungi jempol berkat fiturnya tersebut. Saya bisa mengatakan ini karena saya pun pernah mengalaminya. Sempat saat saya menulis naskah puisi berformat docx yang letaknya sengaja saya setting rata kanan – bukan rata kanan kiri (justify) ya. Saya merasa dirugikan, karena waktu diolah di komputer tetap rata kanan, kemudian saat dilihat di hape, malah letaknya menjadi rata kiri. Ini sangat merugikan sekali, sebab penulisan rata kanan yang sengaja saya setting itu akan berbeda feel-nya daripada ketika dibuat rata kiri, apalagi yang saya tulis ini adalah puisi. Lain halnya ketika saya simpan sebagai pdf, maka tata letaknya tetap, yakni rata kanan.

Walaupun hape saya termasuk hape kentang, pdf tetap memberikan keunggulan sebagaimana mestinya.

Selain daripada itu, di era ini, lumayan banyak orang yang sudah memanfaatkan platform Blogger (blogspot) sebagai media informasinya. Mulai dari ingin berbagi pengalaman, curhat, atau sekadar iseng membuat saja. Di Blogger, ambisi mereka untuk berbagi sangatlah besar. Hingga kejadian besar yang dialami, mereka rela membagikannya di sana. Entah tujuannya apa? Yang pasti Popularitas, Uang, dan Pangkat adalah mutlak urusan mereka.

Sebagian dari mereka, ada yang ingin berbagi karya tulis berupa pdf melalui blog. Sehingga mereka tak perlu capek-capek menuliskannya atau menyalinnya di blog.

Ide ini menurut saya brilian, sebab para pembaca, bila ingin membaca karya tulis tersebut secara offline, cukup dengan mendownloadnya saja melalui tombol yang sudah disediakan.

Untuk bisa menampilkan pdf di blog, mungkin ada berbagai macam cara. Namun, pada kesempatan ini, saya akan menyajikan yang menurut saya paling bagus.

Kelebihan

Menampilkan pdf di blog diperlukan kode khusus. Diluaran sana, mungkin banyak sekali kode yang work dan bisa kita gunakan. Akan tetapi, karena yang saya temukan hanya satu yang benar-benar work, maka saya akan menggunakannya dalam tutorial ini. Kode ini memiliki kelebihan sebagai berikut:
  • Ada tombol zoom in dan zoom out
  • Ada tombol search
  • Ada tombol download
  • Ada property dokumennya
  • Bisa diubah orientasinya, digeser vertikal atau horizontal
  • Tersedia jumlah seluruh halaman dan sedang berada di halaman berapa
  • Pdfnya bisa diputar searah jarum jam atau sebaliknya
  • Dan lain-lain

Pokoknya fiturnya lengkap deh untuk sekedar penampil pdf. Dan yang tak kalah penting, kode ini bisa digunakan bukan hanya di blogspot saja, melainkan di platform apapun, selama platform tersebut menyediakan mode html.

Kita bisa menggunakan kode ini dalam pengelolaan website berniche ebook atau ketika kita punya ebook maupun buku buatan kita sendiri dan ingin memberi spoilernya melalui blog.

Bagaimana caranya?

SETELAH membaca basa-basi dan kelebihannya, kini saatnya bagi kita untuk mengetahui cara memasangnya. Dalam tutorial ini, secara khusus akan menyediakan cara menampilkan pdf melalui blogspot. Adapun bila Anda menggunakan platform lain, silakan disesuaikan saja.

Berikut ini ialah langkah-langkah membuat kodenya:
Note:
Saya asumsikan Anda sudah pernah menggunakan dropbox. Adapun bila belum, silakan mencari tutorialnya di blog lain.
1. Upload file pdf di media penyimpanan Dropbox
2. Bagikan file tersebut sehingga kita mendapatkan tautannya. Kurang lebih seperti ini:
https://www.dropbox.com/s/sfucbg9zqd8rksy/PANDUAN%20PUISI%20BATCH%202.pdf?dl=0

BUKAN SEPERTI INI:
https://www.dropbox.com/preview/Lomba/PANDUAN%20PUISI%20BATCH%202.pdf?role=personal

3. Ganti kata www dalam link menjadi dl. Sehingga yang awalnya:
https://www.dropbox.com/s/sfucbg9zqd8rksy/PANDUAN%20PUISI%20BATCH%202.pdf?dl=0

Berubah menjadi:
https://dl.dropbox.com/s/sfucbg9zqd8rksy/PANDUAN%20PUISI%20BATCH%202.pdf?dl=0

4. Masukkan link yang sudah diganti ke dalam kode berikut ini:
<iframe height="100%" src="https://mozilla.github.io/pdf.js/web/viewer.html?file=tautanpdf" width="100%"></iframe>

Silakan ganti kata tautanpdf tersebut dengan link yang sudah diganti serta 100% pada height dan 100% pada width dengan ukuran sesuka Anda. Sehingga dalam contoh ini kodenya menjadi:
<iframe height="100%" src="https://mozilla.github.io/pdf.js/web/viewer.html?file=https://www.dropbox.com/s/sfucbg9zqd8rksy/PANDUAN%20PUISI%20BATCH%202.pdf?dl=0" width="100%"></iframe>

Itulah langkah-langkah pembuatan kodenya. Adapun untuk pemasangannya dalam Blogger (blogspot), ialah sebagai berikut:
1. Buat postingan dengan mengklik tombol entri baru
2. Masuk ke mode HTML lalu letakkan kode yang sudah dibuat
3. Posting

Ingat:
Kode harus dimasukkan ketika dalam mode HTML. Sebaliknya, jika ditaruh pada mode compose, pasti tidak akan berfungsi.

Untuk hasil dari contoh tersebut, bisa kita lihat berikut ini:



Akhir kata

Itulah Cara menampilkan pdf di Blogger Blogspot. Sebagai saran saja, silakan gunakan kode tersebut sebijak mungkin. Intinya, jangan sampai ada pihak yang dirugikan karena kita menampilkan pdf di blog kita masing-masing. Semoga bermanfaat dan sampai jumpa.


Disqus Codes
  • Untuk menulis teks tebal , sila gunakan atau
  • Untuk menulis teks miring, sila gunakan atau
  • Untuk menulis teks bergaris bawah , sila gunakan
  • Untuk menulis teks bergaris tengah , sila gunakan
  • Untuk menulis kode HTML, silakan pakai atau
    or

    dan gunakan parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Dapatkan Kabar Terbaru Melalui Email