Cara Mengatasi Gambar Samar Dan Tidak Jelas Di Blog masalah ini pasti pernah di alami oleh seorang blogger yang sedang edit atau merubah tampilan tema pada blognya, biasanya gambar samar dan tidak jelas tersebut sering terjadi dan kelihatan pada halaman awal blog dengan auto readmore. Yang sebelum di edit gambar tampak normal dan setelah di edit gambar tiba-tiba samar dan tidak jelas pada saat preview blog tersebut. Biasanya edit tema blog yang dilakukan adalah merubah ukuran lebar blog dan otomatis juga harus merubah lebar widget dan lainya untuk menyesuaikan agar serasi lebar keseluruhannya.
Dan penyebab gambar samar dan tidak jelas terutama di halaman blog adalah resolution pixel gambar artikel dengan tampilan tema blog yang tidak sesuai. Untuk mengatasi masalah tersebut dengan cara resize gambar thumbnail menggunakan sebuah kode script yang di tambahkan ke tema blog. Langkah-langkahnya sebagai berikut.
Cara Mengatasi Gambar Samar Dan Tidak Jelas Di Blog
- Login ke Blogger
- Pilih menu Tema kemudian Edit HTML
- Selanjutnya cari kode </body> dan copas kode dibawah ini diatas kode </body> 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>
//<![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 selesai Simpan Tema kemudian lihat hasilnya
Demikianlah Cara Mengatasi Gambar Samar Dan Tidak Jelas Di Blog semoga masalah dapat terselesaikan seperti yang pernah saya alami. Semoga bermanfaat,.. terimakasih,..
No comments:
Post a Comment