Buat yang belum tau, anda bisa mengubah baik itu ukuran, bentuk, hingga warna latar belakang pada gambar yang kamu upload di Blogger hanya dengan mengubah struktur parameter di URL nya saja. Hal ini berfungsi untuk melakukan penyesuaian gambar agar bagus ketika ditampilkan di blog anda.
Parameter yang saya maksud di sini adalah kode yang berada di belakang nama gambarnya, contoh:
Bisa kita lihat pada teks yang berwarna kuning, itulah parameter yang kita maksud disini. Kalau anda sering bermain di dunia blogging atau pernah mengalami masalah gambar blur, pasti sudah mengetahui parameter ini, karena biasanya berbentuk
Parameter yang saya maksud di sini adalah kode yang berada di belakang nama gambarnya, contoh:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRwEhNaLJCUlKxxyG2hB5sOU9ICtZWlPNqUbIlVoNnzhqoHx6EOkrqAkrZtEWEc4c-aQlBBHivl1wgK7-O665GDn3F6X7F7ukN8MW658iJLidq-lLoeJaA44xD3-St-tujGhRqpdJ67XY/s1600/KJ%2BLogo%2BRectangle.png
Bisa kita lihat pada teks yang berwarna kuning, itulah parameter yang kita maksud disini. Kalau anda sering bermain di dunia blogging atau pernah mengalami masalah gambar blur, pasti sudah mengetahui parameter ini, karena biasanya berbentuk
/s72-c/.Selain parameter s, anda juga bisa memodifikasi gambar tersebut dalam parameter-parameter lainnya. Berikut saya berikan contohnya.
Parameter yang digunakan untuk menghasilkan gambar dengan ukuran keseluruhan adalah s. Misal, anda menggunaka s1600, maka hal itu berarti gambar akan ditampilkan dalam ukuran 1600 piksel dengan tinggi yang menyesuaikan. Contoh:
Parameter itu menghasilkan gambar dengan ukuran 1500 piksel. Anda bisa mengubahnya menjadi
Untuk mengatur lebar maksimal dari gambar yang diinginkan, anda bisa menggunakan parameter w. Sebenarnya parameter ini mirip-mirip saja dengan parameter s. Hanya saja parameter ini cocok untuk dikombinasikan dengan parameter lainnya, berbeda dengan s yang biasanya hanya berdiri sendiri. Berikut contohnya:
Parameter tersebut menghasilkan gambar dengan maksimal lebar 500 piksel dan dengan ukuran tinggi yang menyesuaikan. Apabila kamu menyetel maksimal lebarnya melebihi gambar aslinya, maka gambar tersebut akan ditampilkan dalam ukuran awalnya.
Selain lebar, anda juga bisa menyetel ukuran tinggi dari gambarnya, yaitu dengan menggunakan parameter h. Cara penggunaannya kurang lebih sama seperti pengaturan lebar. Contohnya pada gambar berikut:
Gambar di atas saya setel tingginya menjadi 150 piksel dari gambar aslinya yang berukuran tinggi 750 piksel. Lalu lebar dari gambar tersebut menyesuaikan dengan rasio gambarnya.
Anda juga bisa melakukan kombinasi pada ukuran tinggi dan lebar dari gambar tersebut dengan menggabungkan parameter
Arti dari parameter tersebut adalah gambar yang dihasilkan akan memiliki maksimal lebar 500 piksel dan maksimal tinggi 100 piksel. Untuk menggabungkannya anda bisa memisahkan tiap parameter menggunakan tanda strip.
Untuk "memaksa" URL agar gambar yang dihasilkan sesuai dengan value yang anda inginkan, maka anda bisa memotongnya menggunakan parameter c. Contohnya sebagai berikut:
Bisa kita lihat, pertama saya membuat ukuran gambar menjadi 500 piksel. Kemudian saya menambahkan parameter c di belakangnya. Hasil yang saya dapatkan adalah gambar berukuran lebar 500 piksel dengan gambar yang terpotong / crop. Parameter ini juga dapat anda gabungkan dengan paramter-parameter sebelumnya.
Sama seperti crop yang telah saya jelaskan pada poin nomor 5, anda juga bisa melakukan crop tetapi dengan hasil yang berbentuk bulat. Contohnya sebagai berikut:
Anda bisa menggunakan parameter cc untuk melakukannya. Parameter ini cocok bagi anda yang ingin membuat foto profilnya menjadi berbentuk lingkaran agar terlihat lebih bagus atau menyesuaikan bentuk sesuatu.
Bahkan anda juga bisa melakukan smart crop. Smart crop sendiri adalah suatu parameter yang dapat melakukan crop pada area terbaik yang ditentukan oleh algoritma Google Photos. Contohnya sebagai berikut:
Walaupun sama-sama memiliki parameter s500, tetapi gambar yang dihasilkan berbeda antara parameter ini dengan parameter crop yang ada di nomor 5 tadi. Sepertinya pada gambar di atas algoritma memotong rapi tulisan Kode Jarwo dan menampilkan sebagian besar logo blog saya. Parameter ini cocok untuk melakukan crop pada gambar yang berisikan wajah. Perlu diingat parameter smart crop ini tidak bisa digabung dengan crop biasa.
Parameter ini berfungsi untuk mengatur warna latar belakang dari gambar. Parameter ini hanya cocok untuk digunakan pada gambar yang memiliki latar belakang transparan seperti logo. Penggunaannya adalah dengan menambahkan -rj-c0xHEX. Ganti kata HEX pada parameter tersebut dengan kode warna HEX (tanpa #) yang ingin anda gunakan sebagai background. Contoh:
Pada contoh di atas saya menggunakan #eee, yang artinya warna background dari gambar tersebut akan menjadi #eee (abu-abu). Bila anda hanya menggunakan rj saja tanpa c0x, maka warna background akan menjadi hitam.
Bila anda ingin memberikan URL yang apabila dibuka maka akan langsung melakukan download secara otomatis, maka anda bisa menggunakan parameter d. Contoh penggunaannnya:
Bila URL tersebut diakses, maka browser secara otomatis akan langsung mendownloadnya. Cara ini cocok buat anda yang memiliki blog niche wallpaper.
Sebenarnya, saya juga kurang paham apa fungsi pasti dari parameter ini. Karena ia hanya berfungsi untuk menampilkan XML Object dari gambar tersebut. Contoh penggunaannya:
Sekian, terima kasih.
Daftar Parameter URL untuk Memodifikasi Gambar Blogger
1. Ukuran keseluruhan - s
Parameter yang digunakan untuk menghasilkan gambar dengan ukuran keseluruhan adalah s. Misal, anda menggunaka s1600, maka hal itu berarti gambar akan ditampilkan dalam ukuran 1600 piksel dengan tinggi yang menyesuaikan. Contoh:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRwEhNaLJCUlKxxyG2hB5sOU9ICtZWlPNqUbIlVoNnzhqoHx6EOkrqAkrZtEWEc4c-aQlBBHivl1wgK7-O665GDn3F6X7F7ukN8MW658iJLidq-lLoeJaA44xD3-St-tujGhRqpdJ67XY/s1500/KJ%2BLogo%2BRectangle.png
Parameter itu menghasilkan gambar dengan ukuran 1500 piksel. Anda bisa mengubahnya menjadi
s72, s360, s888, dan seterusnya menyesuaikan keinginan. Biasanya, widget popular post dan featured post di Blogger menggunakan s72 untuk gambarnya.2. Lebar - w
Untuk mengatur lebar maksimal dari gambar yang diinginkan, anda bisa menggunakan parameter w. Sebenarnya parameter ini mirip-mirip saja dengan parameter s. Hanya saja parameter ini cocok untuk dikombinasikan dengan parameter lainnya, berbeda dengan s yang biasanya hanya berdiri sendiri. Berikut contohnya:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRwEhNaLJCUlKxxyG2hB5sOU9ICtZWlPNqUbIlVoNnzhqoHx6EOkrqAkrZtEWEc4c-aQlBBHivl1wgK7-O665GDn3F6X7F7ukN8MW658iJLidq-lLoeJaA44xD3-St-tujGhRqpdJ67XY/w500/KJ%2BLogo%2BRectangle.png
Parameter tersebut menghasilkan gambar dengan maksimal lebar 500 piksel dan dengan ukuran tinggi yang menyesuaikan. Apabila kamu menyetel maksimal lebarnya melebihi gambar aslinya, maka gambar tersebut akan ditampilkan dalam ukuran awalnya.
3. Tinggi - h
Selain lebar, anda juga bisa menyetel ukuran tinggi dari gambarnya, yaitu dengan menggunakan parameter h. Cara penggunaannya kurang lebih sama seperti pengaturan lebar. Contohnya pada gambar berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRwEhNaLJCUlKxxyG2hB5sOU9ICtZWlPNqUbIlVoNnzhqoHx6EOkrqAkrZtEWEc4c-aQlBBHivl1wgK7-O665GDn3F6X7F7ukN8MW658iJLidq-lLoeJaA44xD3-St-tujGhRqpdJ67XY/h150/KJ%2BLogo%2BRectangle.png
Gambar di atas saya setel tingginya menjadi 150 piksel dari gambar aslinya yang berukuran tinggi 750 piksel. Lalu lebar dari gambar tersebut menyesuaikan dengan rasio gambarnya.
4. Kombinasi Lebar dan Tinggi - w & h
Anda juga bisa melakukan kombinasi pada ukuran tinggi dan lebar dari gambar tersebut dengan menggabungkan parameter
w dan h. Contohnya sebagai berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRwEhNaLJCUlKxxyG2hB5sOU9ICtZWlPNqUbIlVoNnzhqoHx6EOkrqAkrZtEWEc4c-aQlBBHivl1wgK7-O665GDn3F6X7F7ukN8MW658iJLidq-lLoeJaA44xD3-St-tujGhRqpdJ67XY/w500-h100/KJ%2BLogo%2BRectangle.png
Arti dari parameter tersebut adalah gambar yang dihasilkan akan memiliki maksimal lebar 500 piksel dan maksimal tinggi 100 piksel. Untuk menggabungkannya anda bisa memisahkan tiap parameter menggunakan tanda strip.
5. Crop di Tengah - c
Untuk "memaksa" URL agar gambar yang dihasilkan sesuai dengan value yang anda inginkan, maka anda bisa memotongnya menggunakan parameter c. Contohnya sebagai berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRwEhNaLJCUlKxxyG2hB5sOU9ICtZWlPNqUbIlVoNnzhqoHx6EOkrqAkrZtEWEc4c-aQlBBHivl1wgK7-O665GDn3F6X7F7ukN8MW658iJLidq-lLoeJaA44xD3-St-tujGhRqpdJ67XY/s500-c/KJ%2BLogo%2BRectangle.png
Bisa kita lihat, pertama saya membuat ukuran gambar menjadi 500 piksel. Kemudian saya menambahkan parameter c di belakangnya. Hasil yang saya dapatkan adalah gambar berukuran lebar 500 piksel dengan gambar yang terpotong / crop. Parameter ini juga dapat anda gabungkan dengan paramter-parameter sebelumnya.
6. Crop berbentuk bulat - cc
Sama seperti crop yang telah saya jelaskan pada poin nomor 5, anda juga bisa melakukan crop tetapi dengan hasil yang berbentuk bulat. Contohnya sebagai berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRwEhNaLJCUlKxxyG2hB5sOU9ICtZWlPNqUbIlVoNnzhqoHx6EOkrqAkrZtEWEc4c-aQlBBHivl1wgK7-O665GDn3F6X7F7ukN8MW658iJLidq-lLoeJaA44xD3-St-tujGhRqpdJ67XY/s500-cc/KJ%2BLogo%2BRectangle.png
Anda bisa menggunakan parameter cc untuk melakukannya. Parameter ini cocok bagi anda yang ingin membuat foto profilnya menjadi berbentuk lingkaran agar terlihat lebih bagus atau menyesuaikan bentuk sesuatu.
7. Smart crop - p
Bahkan anda juga bisa melakukan smart crop. Smart crop sendiri adalah suatu parameter yang dapat melakukan crop pada area terbaik yang ditentukan oleh algoritma Google Photos. Contohnya sebagai berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRwEhNaLJCUlKxxyG2hB5sOU9ICtZWlPNqUbIlVoNnzhqoHx6EOkrqAkrZtEWEc4c-aQlBBHivl1wgK7-O665GDn3F6X7F7ukN8MW658iJLidq-lLoeJaA44xD3-St-tujGhRqpdJ67XY/s500-p/KJ%2BLogo%2BRectangle.png
Walaupun sama-sama memiliki parameter s500, tetapi gambar yang dihasilkan berbeda antara parameter ini dengan parameter crop yang ada di nomor 5 tadi. Sepertinya pada gambar di atas algoritma memotong rapi tulisan Kode Jarwo dan menampilkan sebagian besar logo blog saya. Parameter ini cocok untuk melakukan crop pada gambar yang berisikan wajah. Perlu diingat parameter smart crop ini tidak bisa digabung dengan crop biasa.
8. Warna Latar Belakang - rj c0x
Parameter ini berfungsi untuk mengatur warna latar belakang dari gambar. Parameter ini hanya cocok untuk digunakan pada gambar yang memiliki latar belakang transparan seperti logo. Penggunaannya adalah dengan menambahkan -rj-c0xHEX. Ganti kata HEX pada parameter tersebut dengan kode warna HEX (tanpa #) yang ingin anda gunakan sebagai background. Contoh:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRwEhNaLJCUlKxxyG2hB5sOU9ICtZWlPNqUbIlVoNnzhqoHx6EOkrqAkrZtEWEc4c-aQlBBHivl1wgK7-O665GDn3F6X7F7ukN8MW658iJLidq-lLoeJaA44xD3-St-tujGhRqpdJ67XY/s500-rj-c0xeee/KJ%2BLogo%2BRectangle.png
Pada contoh di atas saya menggunakan #eee, yang artinya warna background dari gambar tersebut akan menjadi #eee (abu-abu). Bila anda hanya menggunakan rj saja tanpa c0x, maka warna background akan menjadi hitam.
9. Langsung download - d
Bila anda ingin memberikan URL yang apabila dibuka maka akan langsung melakukan download secara otomatis, maka anda bisa menggunakan parameter d. Contoh penggunaannnya:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRwEhNaLJCUlKxxyG2hB5sOU9ICtZWlPNqUbIlVoNnzhqoHx6EOkrqAkrZtEWEc4c-aQlBBHivl1wgK7-O665GDn3F6X7F7ukN8MW658iJLidq-lLoeJaA44xD3-St-tujGhRqpdJ67XY/s500-d/KJ%2BLogo%2BRectangle.png
Bila URL tersebut diakses, maka browser secara otomatis akan langsung mendownloadnya. Cara ini cocok buat anda yang memiliki blog niche wallpaper.
10. XML - g
Sebenarnya, saya juga kurang paham apa fungsi pasti dari parameter ini. Karena ia hanya berfungsi untuk menampilkan XML Object dari gambar tersebut. Contoh penggunaannya:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRwEhNaLJCUlKxxyG2hB5sOU9ICtZWlPNqUbIlVoNnzhqoHx6EOkrqAkrZtEWEc4c-aQlBBHivl1wgK7-O665GDn3F6X7F7ukN8MW658iJLidq-lLoeJaA44xD3-St-tujGhRqpdJ67XY/s500-g/KJ%2BLogo%2BRectangle.png
Sekian, terima kasih.