Menampilkan File pada Google Drive pada blog atau web

B-KREATIF - Ditulisan kali ini saya akan membuat sebuah sharing tutorial yang cukup sederhana sih tapi bermanfaat banget bagi kalian yang punta blog penyedia file atau blog download.

menampilkan file di google drive

Saya akan membagikan sedikit tutorial menampilkan file google drive di blog dan web yang nantinya file tersebut akan menampilkan bentuk dari file yang akan kalian download. contohnya seperti pada link ini : Download undangan aqiqah. Langsung aja ke caranya bagaimana membuat live preview pada blog anda. yuk simak tutorialnya.

CARA MENAMPILKAN FILE GOOGLE DRIVE PADA BLOG

Google Drive sangat berguna apabila sebuah website/blog ingin menampilkan (embed) sebuah/beberapa file dalam artikel/halaman website/blog untuk dibaca ataupun dilihat/diunduh oleh pengunjung website/blog. untuk menampilkanya ada beberapa cara sebagai berikut :


  • Langkah pertama yang dilakukan ialah dengan menggugah (upload) file yang akan dibagi (share) ke Google Drive. Sebagai informasi, Google Drive mengakomodasi file apa saja selama tidak mengandung virus. 
  • Setelah File sudah terupload silahkan (centang) file yang akan dibagi (share) dalam Google Drive, kemudian klik pilihan menu More --> Share --> Share.
  • Setelah anda merubah share kepublik selanjutnya masuk ke blog anda dan pilih mode HTML pada postingan blog..
  • Untuk menampilkan (embed) file Google Drive :
  • Perhatikan link yang telah dikopi :https://drive.google.com/file/d/0B-wrkvPrI0SQM1RiandKXzVuM2M/edit?usp=sharing
    • Untuk menampilkan (embed) file Google Drive tambahkan elemen "iframe" pada link di atas dan letakkan kode di halaman blog/website yang ingin ditambahkan tampilan file Google Drive:
       <iframe src="https://drive.google.com/file/d/0B-wrkvPrI0SQM1RiandKXzVuM2M/preview" style="border:0;height:800px;width:600px"></iframe>
  • Dan simpan.
Ganti tulisan berwarna merah dengan id pada file yang di simpa pada google drive anda 

0 Response to "Menampilkan File pada Google Drive pada blog atau web"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel