Menampilkan Folder Google Drive Pada Webisite

  

Google Drive sangat berguna apabila sebuah website/blog ingin menampilkan (embedsebuah 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 

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>


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

Post a Comment

0 Comments