Hari ini admin mau berbagi tips tentang bagaimana caranya agar image atau gambar di postingan halaman depan, atau thumbnail di postingan halaman home terlihat seluruhnya seperti ukuran sebenarnya, tanpa ada efek cropping.
Langkah - Langkah nya :
1. Login ke akun Blogger
2. Kemudian Klik Template > Edit HTML
3. Cari script di template sobat 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/AVvXsEjqC3axX0FptprDAGJLNJYqBo_jP34zOL8dS1eus4PNSKJqhpTqBK6XShcJcBnzBQFBHKXV93zgsTfp0BNhLbYrO-CZgG9NwZYgLffWDhQuwKb3Q8ZESMvsiWYZt7wKTptc4FgsFu9GXoI/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, sobat cari yang mirip seperti kode di bawah ini:
<img src="'+e.replace("/s72-c/","/s"+c+"-c/")
5. Setelah ketemu, sobat 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 sobat
7. Sekarang lihat tampilannya di menu utama blog sobat.
Bagaimana? Apakah sudah berubah sekarang? Jika ada sebagian image yang tidak tampil full, sobat cukup otak-atik aja kode margin di template sobat.
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 :)
EmoticonEmoticon