Cara Menciptakan Gambar Box Postingan Semoga Terlihat Ibarat Ukuran Sebetulnya Tanpa Efek Cropping
Hari ini saya mau menyebarkan tips wacana bagaimana caranya biar image atau gambar di postingan halaman depan, atau thumbnail di box postingan halaman muka terlihat seluruhnya menyerupai 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 biar terlihat full size? Nah perlu Anda ketahui bahwa ini diakibatkan oleh javascript yang dibentuk oleh si pembuat template itu sendiri. Untuk merubahnya silahkan Anda ikuti cara-cara saya berikut ini:
- Login ke akun Blogger
- Kemudian Klik Template > Edit HTML
- Cari script di template Anda yang menyerupai dengan script di bawah ini:
- Atau untuk lebih detailnya, Anda cari yang menyerupai mirip instruksi di bawah ini:
- Setelah ketemu, Anda cukup ganti saja instruksi "-c" dengan instruksi kode "-a" sehingga menjadi menyerupai ini:
- Setelah itu simpan template Anda
- Sekarang lihat tampilannya di sajian utama blog Anda.
//<![CDATA[
function bp_thumbnail_resize(e,d){var c=280;var a=true;var b="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJi1ikxHqYrswaEDvFqOnKdlCahNVI_3pGKAtKWwFhqWbKdpmzhswgALFUS8KiCPpZU5B3M7cvM_Hrd0rePZ__oq-RYTCotJGiXLv9LN9Vu_jQzv1pIzJ7fbj8oU2ojdrBho08AvQgno/s72-c/default.png";if(a==true&&e==""){e=b}image_tag='<img src="'+e.replace("/s72-c/","/s"+c+"-a/")+'" class="postthumb" alt=" Hari ini saya mau menyebarkan tips wacana bagaimana caranya biar image atau gambar di postin Cara Membuat Gambar Box Postingan Agar Terlihat Seperti Ukuran Sebenarnya Tanpa Efek Cropping"/>';if(e!=""){return image_tag}else{return""}};
//]]>
<img src="'+e.replace("/s72-c/","/s"+c+"-c/")
<img src="'+e.replace("/s72-c/","/s"+c+"-a/")
Bagaimana? Apakah sudah berubah sekarang? Jika ada sebagian image yang tidak tampil full, Anda cukup otak-atik aja instruksi margin di template Anda.
Mungkin itu aja tips dan trik wacana mengubah desain template blogger kali ini. Semoga bermanfaat. Jangan lupa kalau ada pertanyaan silahkan berkomentar di bawah ini ya :)
