About Google Photos

Google, dah lama juga siih, meluncurkan layanan yang disebut google photo. Meski dah lama, saya belum sempat ngulik-ngulik sebenernya apa sih kelebihan google photos ini? Apa bedanya kalo kita upload file foto biasa di google drive dengan di Google Photos? Kemaren-kemaren saya sempet terkaget-kaget gegara foto-foto yang sudah saya upload ke google drive tiba-tiba ditayangkan melalui google photos. Yang lebih keselnya, gegara nongol di google photos, foto tersebut susah banget mau di -attach ke website, hal ini karena mekanisme share google photos itu nggak semudah copas link trus masukin ke kode html kayak biasa. (Sebenernya, sekarang, rata-rata cloud storage itu kayak gitu, nggak bisa langsung nongol di website melalui link satu kali klik).  Cuma, gegara mau mendandani website ini, mau nggak mau akhirnya saya berdamai dengan google photos, karena file foto-foto dlsb sudah terlanjur banyak di google drive, plus lagi, sekarang, susah nyari cloud storage gratisan sampe 15Gb, apalagi yang unlimited kayak Google Photos.

So, mari kita coba si Google photos ini, dengan langkah-langkah sebagai berikut :

  1. Kalo blum pernah, silakan login pake akun google ke situs Google Photos.  Setelah login, kalo belum pernah upload foto, akan tampak layar kosong melompong.  Klik tombol “Upload” di sebelah kanan layar, dan pilih file yang akan diupload. Pada saat pertama upload, google akan menanyakan apakah kita akan menyimpan file tersebut di google drive (kapasitas maks 15Gb), dengan resolusi rendah (meski nggak dibilang), atau di google photos, kapasitas tak terbatas, dan resolusi tinggi.  Saya pilih google photos.

 

  1. Setelah upload beberapa foto, selanjutnya akan dibuat album. Tujuan pembuatan album adalah untuk mengelompokan foto dan memudahkan dalam proses sharing dan publish foto via web (yang bakal di-embed ke tag html).  Klik icon album di sebelah kiri panel.  Klik tombol “Buat Album”.

  1. Pilih foto yang akan disertakan pada album, setelah beberapa foto dipilih, klik “buat”.

  1. Beri nama album foto tersebut. Selanjutnya, kita dapat menambah/menghapus foto dari album (tanpa menghapus dari storage google photos), menambah foto baru (upload dari komputer), ataupun menghapus foto dari storage google photos.

 

  1. Setelah album tersedia, selanjutnya akan diatur agar foto-foto pada album ini dapat dibaca oleh halaman web, dengan cara melakukan “sharing album”. Klik menu titik 3 di kanan atas layar (di sebelah icon “sharing”)  dan pilih menu “Opsi Berbagi”.

  1. Pada panel Opsi berbagi terdapat link, yang dapat disalin sebagai link untuk akses album, dan opsi kolaborasi atau komentar. Kita dapat menambahkan akun lain sebagai pemilik album, atau mengatur agar siapa saja dapat upload foto.  Pada contoh ini, semua opsi saya matikan.
  1. Salin link yang terdapat di panel sebelumnya ke jendela browser baru.

  1. Buka jendela browser hingga foto-foto dapat ditampilkan. Perhatikan alamat link pada jendela browser baru, terdapat kata “share” yang menyatakan bahwa kita membuka link album yang sudah diset sharing.

  1. Agar foto dapat ditempelkan ke halaman web, klik salah satu foto pada jendela browser baru (bukan pada album foto di browser awal yang belum diset “share”), kemudian klik kanan pada area foto dan pilih menu “Inspeksi elemen”.

  1. Pada bagian bawah browser akan terbuka kode html dari elemen foto tersebut.  Perhatikan bagian yang memuat tag image, yaitu <img src=…>

  1. Salin link pada tanda kutip src= ….. hingga di akhir link ada kata “no” (caranya, klik 2x bagian tersebut hingga text mulai dari src=… hingga kata “no” dalam keadaan terpilih/highlight). Link ini adalah link yang dapat digunakan untuk menyisipkan gambar ke tag html.  Contoh link:
https://lh3.googleusercontent.com/dzL7zC2mLG-vve7uAe_dvE7S29JKWts28qXZYSjsmn9_E3Pt4OH9qcbYjX_1pvU-ZRclGHlf8RKu_om4UpbY73D1XprSf2Wkh3OhWywk3p3oFfqGiMKnhcCfaxlKxXdjHHGgdU_AZBIDCzKdpJivobgJ8aljscvkmPIIfY85nqI_lTo01h7A7DTWqx6bFbaCcXNmDMI7oHM0530iU0eEKo91qs3k1f_RxIZPjpAHGHQuvasy39FFvPATE5wVfuSsavILazjdo9QWFA2F-6kDMXYgV3mmiFNtmsxbjPDLoCOTee-SGduFibU9ogIhO0Nahfz0BsewN0hVtBk3WiWxbcNsOSvX0O_Md9LPDBRTewK0ewo2BUHBsvAh7r1jG3Hipj9L1IFR18N_NBsMeEAyDo7rOfcRaYVfqqTfj5ziiP2xaAYBFwFNIFxtYGMWJ07tnOZ9xqA0Xvae9PaaPHVnNKhmeuRhbwcr_aD0HOr42O341HB7ItQWYS352fuMCY7VTmbFqVa7by6VrtC-uIjuq5CIbSfHRGMFl-rtZeRRsdMJlT81e82jWqGs9YXf0GiNxP8h1bjxFUtuhlIpz_oCdKBWNvjV_BI9Pw_2Fa31jw=w1120-h426-no

Sisipkan kode di atas pada tag html, contoh :

<img class=”aligncenter” src=”https://lh3.googleusercontent.com/FjyINMg9MdXc5wVC………………………………………………………………&lt;/p&gt; &lt;p&gt;……………………………………………………………………………………………………………………………………………………………………………………..-h541-no” alt=”” width=”401″ height=”252″ />

Haduuuh, link nya panjang amaat yak?  Iya siii, kalo pengen lebih pendek bisa pake layanan software pihak ketiga semacam https://ctrlq.org/google/photos/.  Tapi ya sami mawon, beberapa kali kerja.  Kalo mau pake layanan ctrlg.org di atas, langkah-langkahnya sama seperti di atas (sampai langkah no.8) kemudian klik foto pada album yang sudah di share dan klik icon “share”,  setelah didapat link, salin link photo dan pindahkan ke text yang sudah disediakan pada situs ctrlq.org,  klik “generate code”.  Setelah beberapa saat, di bagian bawah situs tersebut, sudah tersedia dua alternatif link, berupa direct link (disertakan dalam tag <img…> pada  html) ataupun embed code (hyperlink).

Contoh direct link :

https://lh3.googleusercontent.com/sq0K_Vcvm9kHDz4zt5G2kbc6M4gey8wMtLAYyuNVf_aO7b_OHr8SmCzDw6D6ZbF8X_WpzQceFMT9qxJCAiTbr0LjRL1pD6lTXvv-Y-lLIL_fVH0gisA5BR_TCFGabTGg7nMwTeEM

Contoh embed code :

<a href=’https://photos.google.com/share/AF1QipNXkvkz4munMMAZCJKwSoIwjXUlYAgcR-aG4HgN9Joy2stBWq7OIUY_nIB5dDQMRA?key=UU1OQUZvSmRIN3M5ekR0Wlpnc2lTUWtoUkxGOXRn&source=ctrlq.org’><img src=’https://lh3.googleusercontent.com/sq0K_Vcvm9kHDz4zt5G2kbc6M4gey8wMtLAYyuNVf_aO7b_OHr8SmCzDw6D6ZbF8X_WpzQceFMT9qxJCAiTbr0LjRL1pD6lTXvv-Y-lLIL_fVH0gisA5BR_TCFGabTGg7nMwTeEM‘ /></a>

Lah sama aja panjangnya geuning? Ya wes, terserah lah pilih yang mana, yang penting gambar tampil di halaman web dan bisa ngirit storage hosting yang minimalis.

 

Posted in Tutorial, web-design.

Leave a Reply

Your email address will not be published. Required fields are marked *