Contact Form
Popular Post
related Post
Total comment
Pada kesempatan kali ini, saya ingin sharing permasalahan dan solusi nya, yakni bagaimana saya menampilkan PDF.Js.Viewer ke Blogger ?. OK langsung saja.
1. Anda bisa Upload Document anda yang sudah format PDF ke media penyimpanan Dropbox.
2. Dapatkan Url dokumen PDF anda dari Drobox tsb. Caranya pertama, silahkan anda Log In/sign in dulu , lalu Upload dokumen dengan format PDF ke Dropbox. Sejauh ini, hanya dukungan format PDF saja yg dapat ditampilkan PDF.Js. Viewer, bentuk format dokumen selain PDF saya tidak tahu. Misal pada Document saya bernama artikel Bitcoin bentuk PDF. Anda Klik yang saya lingkari agar dapatkan URL nya.
3. Setelah anda klik lingkaran diatas, maka akan keluar tampilan seperti gambar dibawah ini, lalu klik lingkaran hitam dibawah ini bertuliskan (bagikan).
4. Setelah anda klik lingkaran hitam bertuliskan (bagikan), anda akan mendapatkan URL, lalu anda drag dan copy url tersebut, seperti contoh lingkaran hitam dibawah ini.
5. Lalu ganti Url yang berada di dalam lingkaran hitam gambar diatas, saya screenshoot seperti dibawah ini, anda dapat edit dimanapun, word, notepad, notepad++ yang sifatnya sementara, hati-hati dalam menuliskan pengejaan, tanda/simbol, karena ini script.
yang harus di ubah posisinya adalah seperti gambar dibawah ialah www itu diganti dl lalu seusai tulisan dropbox ditambah kalimat usercontent tanpa dipisah.
Hasilnya menjadi https://dl.dropboxusercontent.com/s/4zeyyhf81w3saf9/bitcoin.pdf?dl=0
yang harus di ubah posisinya adalah seperti gambar dibawah ialah www itu diganti dl lalu seusai tulisan dropbox ditambah kalimat usercontent tanpa dipisah.
Hasilnya menjadi https://dl.dropboxusercontent.com/s/4zeyyhf81w3saf9/bitcoin.pdf?dl=0
Mengapa di ubah URL nya?
Karena URL yang semula statusnya hanya tautan biasa kalau mau lihat rupa isinya harus di download berubah menjadi tautan yang bisa screenshot/bisa dilihat tanpa harus didownload dulu.
Karena URL yang semula statusnya hanya tautan biasa kalau mau lihat rupa isinya harus di download berubah menjadi tautan yang bisa screenshot/bisa dilihat tanpa harus didownload dulu.
6. lalu masukkan script ke entri baru seperti gambar di bawah (saya drag/block biru) sebagai berikut.
ini scriptnya langsung copy (masukkan ke entri, ingat mode on HTML bukan Compose) :
<iframe height="500" src="http://mozilla.github.io/pdf.js/web/viewer.html?file=https://dl.dropboxusercontent.com/s/4zeyyhf81w3saf9/bitcoin.pdf?dl=0" width="600"></iframe>
catatan :
1. Script bertanda merah itu link URL pada langkah no 5 (yang nanti masukkan URL anda sendiri)
2. INGAT !!! Posisi entri anda ketika masukkan script diatas harus aktif mode HTML nya bukan Compose.
3. Pada Height dan width/ panjang dan lebarnya bisa kalian rubah sesuai keinginan
7. Setelah itu klik Terbitkan/Perbaharui, hasilnya seperti gambar dibawah ini.
ini scriptnya langsung copy (masukkan ke entri, ingat mode on HTML bukan Compose) :
<iframe height="500" src="http://mozilla.github.io/pdf.js/web/viewer.html?file=https://dl.dropboxusercontent.com/s/4zeyyhf81w3saf9/bitcoin.pdf?dl=0" width="600"></iframe>
catatan :
1. Script bertanda merah itu link URL pada langkah no 5 (yang nanti masukkan URL anda sendiri)
2. INGAT !!! Posisi entri anda ketika masukkan script diatas harus aktif mode HTML nya bukan Compose.
3. Pada Height dan width/ panjang dan lebarnya bisa kalian rubah sesuai keinginan
Lokasi posisi script nya tidak harus dibawah bisa anda sematkan ditengah, atau Atas |
Semoga mengerti dan selamat mencoba.
Popular Post
related Post
Total comment
Popular Posts
-
Tumbuhan Pepaya yang berbuah Taksonomi Tanaman Pepaya Menurut Dirjen Hortikultura (2007), klasifikasi tanaman, pepaya termasuk dalam fa...
-
Pendidikan ketamansiswaan merupakan salah satu Pendidikan Budi Pekerti bagi siswa-siswi Tamansiswa. Melalui Pendidikan Ketamansiswaan par...
-
Sumber gambar: www.fineartamerica.com Chloroplast. Coloured scanning electron micrograph (SEM) of a section through a plant cell, sho...
Popular Posts
-
Tumbuhan Pepaya yang berbuah Taksonomi Tanaman Pepaya Menurut Dirjen Hortikultura (2007), klasifikasi tanaman, pepaya termasuk dalam fa...
-
Pendidikan ketamansiswaan merupakan salah satu Pendidikan Budi Pekerti bagi siswa-siswi Tamansiswa. Melalui Pendidikan Ketamansiswaan par...
-
Sumber gambar: www.fineartamerica.com Chloroplast. Coloured scanning electron micrograph (SEM) of a section through a plant cell, sho...