Aneh bukan saat kita melihat sebuah teks atau gambar yang ada pada blog kita keluar dari batasan yang telah ditentukan? Itulah beberapa permasalahan yang kerap terjadi pada seorang blogger dalam menggunakan template tertentu.

Baca Juga: CARA MUDAH MENGATASI GAMBAR BURAM PADA BLOGGER

Permasalahan Gambar dan Teks yang keluar dari jalur postingan blog sudah pernah saya alami. Tentu tidak menjadi sebuah masalah jika keluar dari jalur, keadaan tetap rapih namun yang terjadi malah sebaliknya. Hal ini tentu membuat tampilan blog kita, menjadi kurang Responsive. Ada beberapa penyebab, yang membuat hal ini terjadi diantaranya:

  1. Struktur Elemen pada css blog tidak berfungsi dengan baik
  2. Nilai Value pada Css yang dibatasi

Baca Juga: CARA MUDAH MERUBAH HALAMAN DEPAN BLOG JADI GRID

Hal ini pernah terjadi pada blog saya, hal tersebut terjadi setelah saya mencoba menggunakan template baru untuk blog saya. Dan benar-benar tidak enak dipandang, saat saya menulis judul blog yang cukup panjang judul tersebut malah keluar dari jalur. Hal itu juga terjadi pada gambar yang saya upload, melewati batas yang seharusnya tidak boleh dilewati.

Baca Juga: CARA MUDAH MEMASANG ANTI COPY PASTE DI TEMPLATE BLOG

Membuat Template yang saya gunakan, menjadi tidak enak dipandang dari beberapa perangkat. Untuk mengatasi hal tersebut, ternyata sangat mudah. Langkah-langkah ini daat kamu coba dan terapkan pada blog kamu yang bermasalah tersebut.

Mengatasi Teks yang keluar Jalur:

Silakan kamu copy kode css dibawah ini, dan letakan diatas kode ]]></b:skin> atau </style>.

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

Mengatasi Gambar yang Keluar Jalur:

Silakan kamu copy kode css berikut dan letakan juga diatas kode ]]></b:skin> atau </style>.

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

Nah itulah dia cara mengatasi Gambar dan Teks pada blogger, yang keluar dari jalurnya. Semoga Bermanfaat.