Cara Membuat Gambar Box Postingan Agar Terlihat Seperti Ukuran Sebenarnya Tanpa Efek Cropping

Hari ini saya mau berbagi tips tentang bagaimana caranya agar image atau gambar di postingan halaman depan, atau thumbnail di box postingan halaman muka terlihat seluruhnya seperti ukuran sebenarnya, tanpa ada efek cropping.

Biasanya hal ini terjadi entah itu template dengan bentuk List ataupun template dengan bentuk Grid. Seperti apa contohnya? Coba Anda lihat di bawah ini:

Tampilan image awal

Setelah di edit ulang

Pernahkah terbersit di benak Anda untuk merubah ukuran image yang terpotong tersebut agar terlihat full size? Nah perlu Anda ketahui bahwa ini diakibatkan oleh javascript yang dibuat oleh si pembuat template itu sendiri. Untuk merubahnya silahkan Anda ikuti cara-cara saya berikut ini:

1. Login ke akun Blogger
2. Kemudian Klik Template > Edit HTML
3. Cari script di template Anda yang mirip dengan script di bawah ini:

//<![CDATA[
function bp_thumbnail_resize(e,d){var c=280;var a=true;var b="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyrxKZ-8vTHztiTNb-vAdf5BnC7PlhyTKs4-7Bwq4JvKwGHKofC-JVvfvk0n29m_NLNQY7zD5yM_Ux3olJ7zAnxjSLmxtcYjMcYdhwIdhNQmcf0400rBXOX9Me4uXFZS7Gn1O4PNOLNlA/s72-c/default.png";if(a==true&&e==""){e=b}image_tag='<img src="'+e.replace("/s72-c/","/s"+c+"-a/")+'" class="postthumb" alt="'+d+'"/>';if(e!=""){return image_tag}else{return""}};
//]]>

4. Atau untuk lebih detailnya, Anda cari yang mirip seperti kode di bawah ini:

<img src="'+e.replace("/s72-c/","/s"+c+"-c/")



5. Setelah ketemu, Anda cukup ganti saja kode "-c" dengan kode kode "-a" sehingga menjadi seperti ini:



<img src="'+e.replace("/s72-c/","/s"+c+"-a/")



6. Setelah itu simpan template Anda
7. Sekarang lihat tampilannya di menu utama blog Anda.

Bagaimana? Apakah sudah berubah sekarang? Jika ada sebagian image yang tidak tampil full, Anda cukup otak-atik aja kode margin di template Anda.

Mungkin itu aja tips dan trik tentang mengubah desain template blogger kali ini. Semoga bermanfaat. Jangan lupa jika ada pertanyaan silahkan berkomentar di bawah ini ya :)

Artikel Terkait

Cara Membuat Gambar Box Postingan Agar Terlihat Seperti Ukuran Sebenarnya Tanpa Efek Cropping

4/ 5

Oleh Bonita Benz