Cara Mengatasi Teks Keluar Jalur Dari Postingan Blog

Tutorial: Tips & Trik Cara Mengatasi dan Memperbaiki Teks (Kata/Kalimat) Keluar Jalur dari Ukuran Postingan Blog

Suatu template blogger yang dibentuk dan dibangun dengan sentuhan CSS3, nyatanya mempunyai beberapa masalah; khususnya pada arahan dibagian ini:

.post-body { ...; ...; ...;}

Bisa jadi arahan tersebut lupa dipasang, atau memang tidak dipakai (terpakai) sama sekali oleh desainer tema blogger tersebut.

Masalahnya, banyak para blogger -- khususnya blog dengan topik metablogging, membutuhkan arahan CSS3 tersebut untuk menunjang kerapian artikel yang akan dibentuk nantinya.

Coba lihat gambar dibawah ini:

Melalui gambar diatas, sanggup ditemukan problem yang dimaksud pada artikel kali ini; yakni problem teks (kata/kalimat) yang melebar -- keluar dari batas postingan blog.

Pertanyaannya yaitu bagaimana cara mengatasi goresan pena yang keluar dari jalur artikel blog?

Cara Mengatasi Teks Keluar Jalur dari Postingan Blog

Cukup mudah, kok! Ikuti langkah-langkah cara memperbaikinya di bawah ini dengan secama.

• Login ke Blogger, kemudian masuk ke Theme
• Ketuk sajian Edit HTML, dan akan muncul seluruh Coding dari tema blog
• Cari arahan .post atau arahan .post-body
• Selanjutnya Copy atau Salin arahan CSS3 yang ada di bawah ini
• Lalu tempatkan (Paste/Tempel) di atas arahan ]]></b:skin> atau berdekatan dengan arahan .post atau .post-body

Kode CSS3 yang dimaksud yakni arahan ini:

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

Jika ternyata masalahnya yaitu gambar postingan blog yang melebar (keluar jalur) dari ukuran/area BlogPosting, cukup tambahkan arahan ini:

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

Cara meletakkannya sama menyerupai tutorial yang ada di atas. Demikian cara mengatasi teks keluar jalur dari postingan blog. Ada hal yang mau ditanyakan?
Sumber http://addbloggerthemes.blogspot.com

Share this post