Cara mengatasi teks dan gambar keluar jalur dari postingan blog

Apakah kalian pernah melihat postingan suatu blog keluar dari jalurnya dalam arti keluar dari zona postingan?? Atau bahkan blog kalian mengalaminya?? Jika begitu tidak ada salahnya kalian membuka web yang tepat.

Pada dasarnya suatu tema atau template blogger yang dibuat dan dibangun dengan sentuhan css3, dan nyatanya memiliki beberapa masalah, walaupun tidak terlalu besar namun hal ini cukup mengganggu bagi para pembaca seperti contoh dibawah ini:

Dari kasus diatas timbul pertanyaan bagaimana cara mengatasinya??

Cara mengatasi teks dan gambar keluar jalur dari postingan blog

Kasus teks keluar jalur
Tenang, cukup mudah kok, untuk itu ikuti langkah-langkah cara memperbaikinya dibawah ini:

Copy kode dibawah ini lalu pastekan diatas kode ]]></b:skin>

.post,.post-body { overflow: hidden; word-wrap: break-word }

Lalu simpan template.

Kasus gambar melebar keluar jalur
Nah jika masalahnya adalah gambar yang melebar (keluar jalur) dari area postingan kurang lebih caranya sama dengan yang diatas

Copy kode dibawah ini lalu pastekan diatas kode ]]></b:skin>

.post-body img { overflow:hidden; width: auto; max-width: 100%; height:auto }

Demikianlah cara mengatasi teks dan gambar keluar jalur dari postingan blog, semoga bermanfaat untuk kalian dan blog milik kalian.
Trimakasih sudah berkunjung.

Share this post