Secara default, setiap media yang diunggah ke Google Drive hanya tersimpan saja dan dapat dilihat oleh pemilik. Pemilik dapat membagikan alias share media tersebut ke siapapun dengan membagikan link share yang dibuat, tapi link tersebut akan mengarahkan ke halaman preview dari media yang dimaksud. Jika ingin menyematkannya di HTML / blog / WordPress / sejenisnya, perlu disesuaikan dengan langkah dibawah ini:
Embed File Google Drive
Asumsikan kita ingin menampilkan gambar di blog pribadi yang mana gambar tersebut telah diupload ke Google Drive, silahkan buka Google Drive seperti biasa lalu arahkan ke file ingin dieksekusi.
- Klik kanan pada gambar
- Pilih Dapatkan link yang bisa dibagikan (jika menggunakan bahasa Indonesia)
- Akan menghasilkan link yang dapat dibagikan ke orang lain, contohnya seperti ini https://drive.google.com/open?id=1QuGg5ZWQus5DIbXeybGB6oLibYnoyDP7 (jika pada smartphone, cari saja ikon link seperti pada gambar diatas)
- Simpan link yang didapatkan di tempat yang aman
- Selanjutnya salin kode berikut ke tempat dimana ingin menyematkan gambar pada blog https://drive.google.com/uc?export=view&id=
- Pada bagian akhir (setelah tanda sama dengan), tambahkan id gambar (dari link yang dapat dibagikan). Jika menggunakan link yang kita dapatkan diatas, maka id gambar adalah 1QuGg5ZWQus5DIbXeybGB6oLibYnoyDP7
- Nah, tambahkan id tersebut di akhir setelah tanda sama dengan (=), maka akan menjadi seperti ini:
https://drive.google.com/uc?export=view&id=1QuGg5ZWQus5DIbXeybGB6oLibYnoyDP7
Salin kode tersebut sebagai source image dimana ingin menampilkan gambar, (lihat: Cara menampilkan gambar di HTML CSS). Jika pada HTML CSS, sederhananya akan seperti ini: <img src="https://drive.google.com/uc?export=view&id=1QuGg5ZWQus5DIbXeybGB6oLibYnoyDP7">
Tapi URL yang di quotes diatas juga dapat digunakan dimana pun, karena itu adalah link menuju gambar di Google Drive yang dapat di embed / sematkan.
Embed Google Drive Media di WordPress
Misalnya pada CMS WordPress, jika ingin menyematkan gambar dari Google Drive silahkan klik tombol Tambahkan Media diatas editor kemudian pilih Sisipkan dari URL. Tempelkan URL yang sudah berhasil kita buat diatas dan lihat hasilnya, jika belum muncul harap bersabar mungkin lagi loading atau memang URL yang kamu buat masih salah.
Intinya, URL yang kita buat tadi adalah source image yang kita ambil dari file Google Drive dan akan tampil di platform mana pun sebagai embedded media. Kalo diperhatikan, cara ini sebetulnya cara embed ini tidak berbeda jauh dengan cara membuat link download file Google Drive.
Selamat mencoba !
Makasih atas panduannya
Work! Makasih tutornya ya bang.
tks untuk gambar sdh dicoba dan berhasil tapi bagaimana untuk file html kok yg kebuka scripnya? mhn bantuannya tks
ngga bisa langsung embed folder ya gan? contoh ane buat folder “test” dengan isi gambar 10 gitu, jadi ngga perlu satu2 masukin link ke web nya lewat add media
kalau di buat iframe bisa gak ya buat menampilkan galery foto foto yang tersimpan di google drive?
Bisa
Belum bisa gan
kagak bisa di copy paste codenya
Code mana yang gak bisa di-copy?