Embed Gambar / Video / File Lain Google Drive di Blog

Gak Pake Ribet !!!

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)

gambar 1 - dapatkan link bagikan drive

  • 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 !

tunggu sebentar...
POS Lainnya:

4
Tinggalkan Komentar

avatar
Mas Key
Visitor
Mas Key

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

Abc
Visitor
Abc

kagak bisa di copy paste codenya

Situs ini menggunakan Cookie untuk meningkatkan pengalaman setiap pengunjung SETUJU & TUTUP Lihat Privasi