cara menampilkan preview dokumen di postingan blog
Jumat, 02 Februari 2018
Add Comment
menampilkan file berekstensi pdf, ppt, ataupun doc di postingan website anda caranya cukup mudah.
hal yang harus kalian lakukan pertama adalah memiliki akun google drive dahulu, kenapa? karena yang kita tampilkan sebagai preview dokumen tersebut adalah file dari akun google drive kalian .
nah, untuk membuat akun langsung saja kalian sign up atau login jika sudah punya akun ke https://drive.google.com.
cara untuk mengupload file akan saya jelaskan di artikel selanjutnya
tapi ingat sebelumnya kalian harus merubah setelan di google drive kalian menjadi publik dan bisa dilihat di web ya.
setelah itu kalian copy kode berwarna merah seperti contoh diatas . lalu pastekan ke kode html di bawah ini dan ganti kode berwarna merah dengan kode link file kalian di google drive
<iframe height="500" src="https://docs.google.com/viewer?srcid=0B8RL4ha-gcXwc0hJaWhQMUZYaXc&pid=explorer&chrome=false&embedded=true" width="6500"></iframe></div>
dan hasilnya akan seperti dibawah ini :
gimana mudah kan? semoga bermanfaat
hal yang harus kalian lakukan pertama adalah memiliki akun google drive dahulu, kenapa? karena yang kita tampilkan sebagai preview dokumen tersebut adalah file dari akun google drive kalian .
nah, untuk membuat akun langsung saja kalian sign up atau login jika sudah punya akun ke https://drive.google.com.
cara untuk mengupload file akan saya jelaskan di artikel selanjutnya
cara menampilkan preview dokumen di postingan blog
copy link file dari google drive kalian contohnya seperti dibawah ini, copy kode hanya yang berwarna merahhttps://drive.google.com/file/d/12Gcp1DISNTomCdXYTBJgbA2S0Oe6bzRt/view?usp=sharing
tapi ingat sebelumnya kalian harus merubah setelan di google drive kalian menjadi publik dan bisa dilihat di web ya.
setelah itu kalian copy kode berwarna merah seperti contoh diatas . lalu pastekan ke kode html di bawah ini dan ganti kode berwarna merah dengan kode link file kalian di google drive
<iframe height="500" src="https://docs.google.com/viewer?srcid=0B8RL4ha-gcXwc0hJaWhQMUZYaXc&pid=explorer&chrome=false&embedded=true" width="6500"></iframe></div>
dan hasilnya akan seperti dibawah ini :
list
- cara menampilkan dokumen di postingan blog
- cara menampilkan pdf di postingan blog
- cara menampilkan file google drive di postingan blog
- kode html tampilkan file dokumen di postingan blog
- how to preview documen in the post
- cara menampilkan preview dokumen di postingan
0 Response to "cara menampilkan preview dokumen di postingan blog"
Posting Komentar