Menampilkan Folder Google Drive Pada Webisite/Blog

Google Drive sangat berguna apabila sebuah website/blog ingin menampilkan (embed) sebuah Folder kedalam artikel/halaman website/blog untuk dilihat atau diunduh oleh pengunjung website/blog. Langkah pertama yang dilakukan ialah dengan menggugah (upload) folder yang akan dibagi (share) ke Google Drive. Sebagai informasi, Google Drive mengakomodasi folder apa saja selama tidak mengandung virus. Langkah selanjutnya ialah sebagai berikut :

Pilih folder yang akan dibagi (share) dalam Google Drive, kemudian klik kanan pilihan menu > Bagikan.
Kemudian akan muncul pengaturan berbagi file dan link berbagi (share) sebagai berikut :
Kemudian klik lanjutan

Klik ubah untuk mengubah akses pribadi ke publik agar dapat diakses semua orang di website.
Kemudian pilih Aktif - Publik di web


Salin (Copy) tautan dan klik selesai
Untuk menampilkan (embed) folder Google Drive :
Perhatikan link yang telah disalin
https://drive.google.com/drive/folders/1B3xg9JiAjtl_PIJI_tEt0m7xssES4gxV?usp=sharing
ID folder dari link share adalah 1B3xg9JiAjtl_PIJI_tEt0m7xssES4gxV, Untuk menampilkan (embed) file Google Drive tambahkan elemen "iframe" pada link di atas dan gantilah YOURID sesuai dengan ID folder kemudian letakkan kode di halaman blog/website yang ingin ditambahkan tampilan file Google Drive :
Untuk tampilan list view gunakan kode dinawah ini:
<iframe src="https://drive.google.com/embeddedfolderview?id=YOURID#list" width="200" height="100" frameborder="0"></iframe>
Hasilnya
Untuk tampilan Grid view gunakan kode dinawah ini:
<iframe src="https://drive.google.com/embeddedfolderview?id=YOURID#grid" width="200" height="100" frameborder="0"></iframe>

Sesuaikan ketinggian dan lebar tampilan pada code
width="200" height="100"
Bisa juga menggunakan
width="100%" height="30%"
Semoga bermanfaat

2 comments for "Menampilkan Folder Google Drive Pada Webisite/Blog"

  1. Nah ini yang aku cari, sip langsung berhasil menampilkan kumpulan foto dari google drive ke halaman website makasih banyak kuliahkomputer .com

    hasil setelah saya praktekkan --> suksesmlm .com/templatepromosi

    ReplyDelete

Post a Comment