Resize Gambar Thumbnail Blog dan Image Otomatis Blogger

Saya yakin para blogger pasti berurusan dengan image terutama untuk foto, image jpg, gif, png dll di blogger. lalu bagaimana jika kita ingin me resize gambar-gambar tersebut secara otomatis agar tampil penuh ataupun tampil terpotong telah di crop. Sebelumnya blogger pemula mesti memahami kode berikut klik:

 s1600 adalah ukuran gambar default pada gambar yang biasanya ditampilkan otomatis dari posting atau background image di blog. blogger bisa merubah s1600 sesuai keinginan.  untuk mencoba merubah s1600  bisa dengan pixel lain langsung di address browser. 

Coba blogger lihat width style element gambar dengan cara klik kanan pada gambar populer post blog ini pilih inspect element.




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxPHrc13A4vQZztpx04q_DJcsXYBP0ncjaKtB-Oka2ltjMTB8DL9UTGba6-uZDy6lp4HYZURIuULUVWaIzzGhcb9ZGoKnnZz2lnfMQVGFOprZ5bZYviAhol5zxboH0MGx8pi8PqJDkiE/s1600/indonesia.jpg

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxPHrc13A4vQZztpx04q_DJcsXYBP0ncjaKtB-Oka2ltjMTB8DL9UTGba6-uZDy6lp4HYZURIuULUVWaIzzGhcb9ZGoKnnZz2lnfMQVGFOprZ5bZYviAhol5zxboH0MGx8pi8PqJDkiE/s800/indonesia.jpg

s72-c adalah size gambar di blogg. S72-c berarti ukuran gambar adalah 72 x 72 px. Dan arti -c adalah gambar tersebut di crop membentuk sebuah gambar 72 x 72 px juga dapat menggunakan w72-h72-c, yang berarti memiliki width 72px lebar dan height 72px tinggi. kemudian, kali ini kita harus mengubah s72-c tersebut dengan ukuran yang kita butuhkan.Cari atau Tempel kode berikut: Kemudian blogger mesti memahami kode berikut: 

 "<script type="text/javascript"> $(document).ready(function() {$('.bp_thumnail resize').attr('src', function(i, src) {return src.replace( 's72-c', 'w1600' );});}); </script>"


 

 atau

"<script type="text/javascript"> $(document).ready(function() {$('.bp_thumnail resize').attr('src', function(i, src) {return src.replace( 's72-c', 'w1600-h1600-c' );});}); </script>"

Pengambilan ini akan di lakukan memotong ukuranmisal 1600px menjadi 250px kemudian memotong selebar 250px dan suatu saat kita butuh misal ukuran gambar 250x250px maka cara yang dilakukan adalah dengan mengubah url image penambahan -c contohnya /s1600/ di ganti dengan /s250-c/ Perhatikan pengaturan image pada rules img pixel atau persen anda. 

Sumber Referensi Artikel: link noval link bloggersragen