Mengatur Spasi Paragraf Pada Artikel Postingan Blog
Pada sebuah artikel yang mengandung banyak kode - kode html terkadang susah untuk kita menyalinnya dikarenakan jarak antara spasi kalimat satu dengan yang lainnya terlalu berdekatan. Dan juga faktor dari sensitivitas layar gadget yang terlalu sensitiv sehingga membuat kode html ataupun kalimat yang ingin kita copy menyebabkan permasalahan seperti kekurangan kode sehingga dapat membuat kode tersebut tidak bekerja secara optimal.
Pada saat edit artikel dilayar blogger spasi antara baris kalimat tidak disertakan atau secara default blogger tidak ada di menu layar edit artikel. Sehingga bagi orang awam harus merelakan ataupu membiarkan spasi artikel mereka diatur secara default oleh blogger.
Permasalahan yang timbul karena terlalu dekatnya antara spasi kalimat menurut pengalaman saya pribadi, ditemukan masalah kebergunaan seluler pada Google Search Control yaitu item kalimat terlalu berdekatan sehingga dapat membuat kurangnya SEO blog melalui Perangkat Seluler. Ataupun penyebab yang paling fatal adalah blog atau artikel kita tidak bisa diindeks oleh google karena masalah ini.
Nah untuk mengatur spasi dari artikel kalian saya kasih sedikit tutorial, silahkan simak tutorial mengatur spasi pada artikel postingan blog.
Langkah Pertama
Untuk membuat spasi pada artikel kalian sebenarnya cukup mudah, kalian tinggal tambahkan tag <p> dan diakhiri dengan </p>.
Langkah Kedua
Gunakan atribut style="line-height: dengan nilai menggunakan satuan em, px atau %;" dalam paragraf sehingga hasilnya setelah dibungkus dengan tag <p>.....</p>.
<p style="line-height: 2.5em;">Ini hanyalah contoh jarak spasi antar baris dalam satu paragraf dengan nilai 2em. Jangan Lupa Mengunjungi www.nyampling.com</p>Hasilnya :
Ini hanyalah contoh jarak spasi antar baris dalam satu paragraf dengan nilai 2.5em. Ini hanyalah contoh jarak spasi antar baris dalam satu paragraf dengan nilai 2.5em. Ini hanyalah contoh jarak spasi antar baris dalam satu paragraf dengan nilai 2.5em. Jangan Lupa Mengunjungi www.nyampling.com
Langkah Ketiga
Gunakan atribut text-align: justify; untuk mengatur rata kiri dan rata kanan paragraf, karena menggunakan 2 atribut sekaligus maka dibungkus dengan <div> .........</div> sehingga jika digabungkan maka menjadi seperti berikut:
Gunakan atribut text-align: justify; untuk mengatur rata kiri dan rata kanan paragraf, karena menggunakan 2 atribut sekaligus maka dibungkus dengan <div> .........</div> sehingga jika digabungkan maka menjadi seperti berikut:
<div style="line-height: 2.5em; text-align: justify;">Ini hanyalah contoh jarak spasi antar baris dalam satu paragraf dengan nilai 2.5em. Ini hanyalah contoh jarak spasi antar baris dalam satu paragraf dengan nilai 2.5em.Ini hanyalah contoh jarak spasi antar baris dalam satu paragraf dengan nilai 2.5em.Jangan Lupa Mengunjungi www.nyampling.com</div>Hasil menggunakan spasi 2.5em
Ini hanyalah contoh jarak spasi antar baris dalam satu paragraf dengan nilai 2.5em. Ini hanyalah contoh jarak spasi antar baris dalam satu paragraf dengan nilai 2.5em. Ini hanyalah contoh jarak spasi antar baris dalam satu paragraf dengan nilai 2.5em. Jangan Lupa Mengunjungi www.nyampling.com
Hasil menggunakan spasi 50px
Ini hanyalah contoh jarak spasi antar baris dalam satu paragraf dengan nilai 50px. Ini hanyalah contoh jarak spasi antar baris dalam satu paragraf dengan nilai 50px. Ini hanyalah contoh jarak spasi antar baris dalam satu paragraf dengan nilai 50px. Jangan Lupa Mengunjungi www.nyampling.com
Hasil menggunakan spasi 200%
Ini hanyalah contoh jarak spasi antar baris dalam satu paragraf dengan nilai 200%. Ini hanyalah contoh jarak spasi antar baris dalam satu paragraf dengan nilai 200%. Ini hanyalah contoh jarak spasi antar baris dalam satu paragraf dengan nilai 200%. Jangan Lupa Mengunjungi www.nyampling.com
SEMAKIN BESAR NILAI MAKA SEMAKIN JARANG SPASI PARAGRAFPemasangan Atribut ini di halaman edit HTML
Penutup
Demikian sedikit postingan tentang "Mengatur Spasi Paragraf Pada Artikel Postingan Blog" Jangan lupa membaca post saya yang lainnya dengan membaca DAFTAR ISI. Semoga postingan ini dapat bermanfaat.