Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / computer / Tips / Tips dan Trick

Tips Menampilkan-EMBED Isi Google Drive di halaman Blog / Website

Posting Komentar

 






cek

1. Script Embed (Tampilan List/Daftar)

Gunakan kode ini jika Anda ingin file ditampilkan dalam bentuk urutan daftar ke bawah:

HTML
iframe src="https://drive.google.com/embeddedfolderview?id=1DoBLfvSjd7JKb9OrN_dLO_NtBkLjqb9j#list" width="650" height="800" frameborder="0" style="border:0;" allowfullscreen></iframe

2. Script Embed (Tampilan Grid/Ikon)

Gunakan kode ini jika Anda ingin file ditampilkan dalam bentuk kotak-kotak (thumbnail):

HTML
iframe src="https://drive.google.com/embeddedfolderview?id=1DoBLfvSjd7JKb9OrN_dLO_NtBkLjqb9j#grid" width="650" height="800" frameborder="0" style="border:0;" allowfullscreen></iframe

Hal Penting yang Perlu Diperhatikan:

  1. Izin Akses (Penting): Agar pengunjung website Anda bisa melihat isi foldernya, pastikan folder tersebut di Google Drive sudah diatur status berbaginya menjadi "Siapa saja yang memiliki link" (Anyone with the link) dengan akses sebagai "Pengakses Lihat-Saja" (Viewer). Jika masih "Dibatasi", maka folder tidak akan muncul di website Anda.

  2. Cara Pemasangan:

    • Jika menggunakan WordPress: Tambahkan blok "Custom HTML" dan tempel kode di atas.

    • Jika menggunakan Blogger: Masuk ke mode "Tampilan HTML" saat membuat postingan/halaman, lalu tempel kode tersebut.

    • Jika menggunakan Website HTML Manual: Tempelkan di dalam bagian <body>.

  3. Responsif: Jika ingin lebarnya otomatis menyesuaikan layar HP (responsif), Anda bisa mengganti width="650" menjadi width="100%" dan membatasi ukuran maksimalnya menggunakan CSS.

Posting Komentar untuk "Tips Menampilkan-EMBED Isi Google Drive di halaman Blog / Website"