Penulis: Moch Adnan dipublikasikan: 26 Mei 2023
Memperbaiki Kerusakan Tampilan Gambar Di Beranda Blog
Memperbaiki Kerusakan Tampilan Gambar Di Beranda Blog
Blog Moch Adnan - Selesai mengganti template ternyata tiba-tiba mendapati kerusakan pada tampilan beranda blog, dimana gambar dari beberapa postingan terlihat sangat ngeblur bahkan hampir terlihat pecah-pecah begitu. 💔

 
Duh Gusti.... Iki pie? Ekspektasi saya sangat mengharapkan bisa mendapatkan hasil yang memuaskan dengan mengganti tampilan template ini, loh ini malah kebalikannya. Bikin kerjaan aja! Tapi wess gak apa-apa, saya lakoni saja pelan-pelan ( mungkin ini takdir karena ganti template) untuk memperbaiki kerusakan pada tampilan gambar di beranda blog.
Hallo sob, apakah kamu juga saat ini sedang mengalami kendala yang sama dengan apa yang saya alami diatas? 
Tepat sekali, saya sarankan sobat terus membaca artikel ini dibagian paling tengah dari tulisan ini nanti saya share cara memperbaiki kerusakan gambar yang tampil di beranda blog tersebut. 

Baca juga:  Cara membuat gambar bisa berputar ketika terkena kursor


Memperbaiki Kerusakan Tampilan Gambar Di Beranda Blog




Gambar diatas memperlihatkan "before" dan "after" sebelum saya memperbaiki dan sesudah saya memperbaiki kerusakan pada tampilan gambar di halaman beranda blog, semuanya saya lakukan setelah mencermati beberapa sumber yang saya baca. Intinya, kerusakan pada tampilan gambar di bagian beranda ini bisa bermacam-macam disesuaikan dengan bawaan template sobat masing-masing.
Dalam arti ada yang memang harus menambahkan sebuah kode script kedalam direktori template ada juga hanya cukup dengan mengedit beberapa postingan.

Memperbaiki kerusakan tampilan gambar di beranda blog 

Langkah awal yang diperlukan adalah dengan mengakses dasbor blog. Kemudian pilih postingan, (fokuskan pada artikel yang sedang terpasang di beranda blog) urutkan masing-masing gambar yang ada dalam beberapa postingan. Postingan yang tentunya sedang tampil di beranda blog. Ini lebih efisien waktu pengerjaannya, setelah itu baru gambar- gambar lain yang ada dalam postingan (jika diperlukan ). 

Pilih 'Edit' untuk melakukan perubahan pada tatanan gambar, setelah terbuka menu penulisan, klik pada gambar kemudian ubah ukuran gambar menjadi ukuran asli atau ke mode Large, di sini saya lebih memilih merubah gambar ke ukuran asli. 

Memperbaiki Kerusakan Tampilan Gambar Di Beranda Blog
Memperbaiki Kerusakan Tampilan Gambar Di Beranda Blog


Klik kembalikan ke draf  dan kemudian klik publikasikan. 

Tempelkan juga kode script berikut ini ke dalam template sobat tepat diatas kode </body> 
 <script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("Blog1");
theText = bodyText.innerHTML;
theText = theText.replace(/s72-c/gi, "s200-c");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
 

 Pastekan tepat di atas kode </body>

Seperti itulah sob, keberuntungan ternyata masih memihak saya dan dalam tempo dan waktu yang singkat kendala gambar yang ngeblur di tampilan depan halaman blog pun sudah teratasi. Semoga saja dengan cara yang saya uraikan diatas bisa cukup membantu sobat semua, akhirul kalam.... 
Wassalamu alaikum warahmatullahi wabarokatuh.... See you next time