Cara mengatasi Gambar Thumbnail atau Image (img) yang blur di blog
Untuk anda para blogger khusus nya pecinta Template (themes) blogger,apakah anda pernah mengalami kesulitan ketika anda mencoba memperbesar Gambar Thumbnail (image) pada blog anda,jika anda pernah mengalami hal tersebut itu berarti masalah nya sama denga sayaPada tempo hari saya pernah mengalami kesulitan dengan Gambar Thumbnail blog yang saya miliki mengalami Blur alias tidak jelas ketika saya mencoba untuk membesarkan size Thumbnail tersebut,bukan nya semakin bagus tapi malah gambar Thumbnail tersebut malah menjadi Blur atau tidak jelas
Hal ini akan terjadi baik itu pada bagian Gambar Thumbnail post bagian depan ataupun pada img yang berada di bagian Post-body template anda,hal tersebut terjadi ketika anda ingin memperbesar ukur img atau gambar Thumbnail tersebut
Jika anda mengalami hal tersebut anda hanya perlu meletakan kode di bawah ini,dan untuk penerapan nya bisa anda ikuti langkah-langkah berikut
- Masuk ke bagian blogger dengan email / pasword anda
- setelah itu silahkan anda klik Template yang berada di bagian kiri blogger
- setelah itu silahkan anda klik lagi edit html,setelah anda berada di bagian edit html silahkan anda cari kode </head> atau </body> untuk mempermudah pencarian anda silahkan anda tekan kode Ctrl+F secara bersamaan,kemudian letakan kode berikut sebelum kode tersebut
<script>
//<![CDATA[
function resizeThumb(parentID, size) {
var parent = document.getElementById(parentID),
image = parent.getElementsByTagName('img');
for (var i = 0; i < image.length; i++) {
image[i].src = image[i].src.replace(/\/s72\-c/, "/s" +
size + "-c");
image[i].width = size;
image[i].height = size;
}
} resizeThumb('Blog1', 300);
//]]>
</script>
- Setelah itu silahkan anda Save template dan lihat hasil nya
ads1
Previous
Posting Lebih BaruNext
Posting Lama
Posted by 02 Juli and have
0
komentar
, Published at
* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi