Thumbnail Blog merupakan sesuatu yang sangat penting di dalam blog. Biasanya thumbnail ini digunakan pada related post bergambar dan popular post bergambar. Thumbnail di blog ini biasanya berukuran 72 x 72 pixel. Jika anda ingin membuat sebuah popular post dengan gambar yang lebar, anda membuat ukuran gambar popular post melebar lewat CSS. Memperbesar ukuran gambar yang kecil dengan CSS akan mengakibatkan gambar tersebut pecah-pecah dan gambar tersebut bukan merupakan sebuah gambar vektor. Nah, untuk blogspot tidak disediakan fitur seperti Wordpress yang dapat menentukan ukuran thumbnail yang diperlukan.
Thumbnail tersebut biasanya memiliki link gambar sendiri dan terdapat ukuran gambar pada link tersebut. Misalkan link thumbnail untuk gambar pada artikel di Noval Official seperti berikut.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk00HHAcsBzONwveMG-9h_6JJefBX4GoiuRR0TezoMvlNAOPtqgoLpcr5vFs5_vQEwB6YgHmhqy0BydC-ac5F-kzSlrYn3q7jP1SrwqJUwto1LbxfmI-QBT9wENf8bk55_h3dedEjJZmo/s72-c/b-con.png
Nah, tulisan yang saya tebalkan, s72-c merupakan penentu ukuran (size) ukuran gambar tersebut pada blogger. S72-c berarti ukuran gambar tersebut adalah 72 x 72 px. Dan arti -c adalah gambar tersebut dicrop. Untuk membentuk sebuah gambar 72 x 72 px juga dapat menggunakan w72-h72-c, yang berarti memiliki ukuran panjang (width) 72px dan tinggi (height) 72px. Nah, pada masalah kali ini kita harus mengubah s72-c tersebut dengan ukuran yang kita inginkan.
Kita membutuhkan sebuah script untuk mengubah link tersebut. Kurang lebih letakkan kode berikut di </head>.
<script type="text/javascript">
$(document).ready(function() {$('.PopularPosts img').attr('src', function(i, src) {return src.replace( 's72-c', 'w350-h175-c' );});});
</script>
atau bisa juga dengan script berikut
<script type="text/javascript">
$(".PopularPosts img").each(function () {
$(this).attr("src", $(this).attr("src").replace(/\/s[0-9]+(\-c)?\//, "/w350-h175-c/"))
});
</script>
Ubah w350-h175-c sesuai dengan ukuran yang anda inginkan, dan maksud dari .PopularPosts img adalah gambar popularpost yang ingin diubah ukurannya. Jika anda ingin mengubah selain gambar popularpost juga bisa. Semoga bermanfaat