Judul: Berbagi Info Seputar Memotong Kalimat Yang Keluar dari Postingan Blog Full Update Terbaru
link: Memotong Kalimat Yang Keluar dari Postingan Blog
Artikel Terbaru Memotong Kalimat Yang Keluar dari Postingan Blog Update Terlengkap 2017
Beberapa hari yang lalu saya mengganti template salah satu blog saya. Namun ada yang agak aneh dengan isi postingan saya tersebut. Yakni kata atau kalimat yang sangat panjang menjadi meluber keluar area postingan dan menjadi tidak teratur. Coba perhatikan blog yang saya ganti templatenya berikut ini:
Kalimat/link yang sangat panjang itu terlihat keluar dari batas tulisan yang seharusnya bukan? Biasanya hal ini terjadi ketika template yang kita pasang tidak menyertakan css untuk memotong baris yang terlalu panjang di dalam postingan blog. Tetapi untuk menangani hal ini sebenarnya ada trik yang mudah untuk memotong baris yang terlalu panjang itu. Coba ikuti langkah langkah di bawah ini.
Langkah pertama:
1. Masuk Akun blog kamu.
2. Cari blog kamu yang mempunyai postingan meluber tersebut.
3. Langsung saja kamu cari menu Template di baris menu sebelah kiri (menu ke-8) dan klik menu tersebut.
Langkah kedua:
1. setelah bearada di halaman Template, silahkan cari menu Customize atau Ubahsuaikan jika berbahasa Indonesia, klik
2. Maka anda akan masuk ke menu Blogger Template Designer atau Perancang Template Blogger.
3. Cari mmenu Advanced atau Tingkat Lanjut, maka akan muncul kotak isian untuk menuliskan kode CSS kustom untuk blog kamu.
Langkah ketiga:
1. Tuliskan kode CSS berikut dalam kotak tersebut:
.post-body.entry-content {
word-wrap:break-word;
word-break:hyphenate;
}
2. Setelah selesai memasukkan kode CSS di atas, klik menu Aply to This Blog atau Terapkan.
3. Tunggu sebentar, kemudian klik menu Back to Blogger atau Kembali ke Blogger.
Maka persoalan kalimat yang meluber keluar area postingan tersebut sudah terselesaikan. Coba lihat hasil dari kode tersebu pada gambar berikut:

Jika kamu penasaran dengan apa arti kode CSS tersebut maka silahkan di lanjutkan membaca penjelasan saya berikut ini:
Kode pertama,
baris kode ini menunjukkan kelas area(div class) dimana postingan kamu di tempatkan.
Kode kedua,
baris kode ini medefinisikan perintah kira kira seperti ini: jika kamu menemukan kalimat yang terlalu panjang hingga meluber keluar batasan (word-wrap), maka potonglah kata tersebut (break-word).
Kode ketiga,
baris kode ini memberikan perintah begini: jika kamu menemukan kata atau kalimat yang di potong (word-break) oleh perintah memotong kata(break-word) maka berikanlah tanda hubung (hyphenate).
Bagaimana? Mudahkan mempelajari kode CSS?
untuk mendalami lebih lanjut tentang apa itu CSS class silahkan baca artikel di wh3school bagian selector
Jika masih ada yang belum jelas silahkan di tanyakan di page idlohuhaqDOTcom atau berikan komentar di bawah ini
Note: ini artikel lama, saat itu blog ini masih menggunakan domain idlohulhaq.com
Itulah sedikit Artikel Memotong Kalimat Yang Keluar dari Postingan Blog terbaru dari kami
Semoga artikel Memotong Kalimat Yang Keluar dari Postingan Blog yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Apps Android Games. jangan lupa baca juga artikel-artikel lain dari kami.
Terima kasih Anda baru saja membaca Artikel Tentang Memotong Kalimat Yang Keluar dari Postingan Blog