Cara Mengatur Jarak Spasi Huruf, Kata dan Baris di Blogspot

Dalam menuliskan artikel di blog biasanya kita membutuhkan pengaturan khusus agar artikel yang kita posting bisa dibaca dengan sangat mudah dan menarik.

Kadang kala beberapa blogger kurang memperhatikan hal ini, sehingga tulisan yang bagus kurang diminati oleh para pembaca.

Banyak pembaca langsung malas meneruskan membaca artikel yang ada, dikarenakan text artikel yang terlalau rapat dan paragraf yang terlalu panjang.

Kalau kondisinya seperti itu biasanya para pembaca langsung pusing dan cepat-cepat meninggalkan halaman artikel anda dan mencari website lainnya.

Bayangkan apabila blog anda adalah blog iklan, maka akan sangat disayangkan apabila pengunjung anda pergi begitu saja dan mampir hanya beberapa detik saja di blog anda.

Apabila artikel atau tulisan anda rapi, maka para pengunjung akan betah berlama-lama di website anda dan hal itu akan menambah ranking anda di mata mesin pencari.

Nah untuk mengatasi masalah ini, kita perlu melakukan beberapa pengaturan pada blog kita, dimana kali ini kita masih fokus untuk pengaturan pada blogspot saja dulu ya…

Baiklah langsung saja kita ke pokok permasalahan yaitu mengatur jarak spasi di blogspot, berikut langkah-langkahnya:


Edit Kode HTML di Blogger

Pertama sekali login ke account blogger anda yaitu dengan memasukkan alamat email dan password gmail anda. 

Bagi anda yang belum punya account blogger anda bisa lihat cara membuat blog di blogger blogspot.

  • Setelah login maka akan muncul halaman dasboard blog anda
  • Kemudian klik menu Template
  • Lalu klik Edit html, maka akan muncul kode html blogger anda
  • Selanjutnya cari kode ]]></b:skin> dengan menekan Ctrl+F pada keyboard komputer anda, kemudian copy kode tersebut diatas di kolom pencarian, lalu tekan enter.
  • Maka kode tersebut akan diberi warna berbeda oleh browser
  • Selanjutnya copy kode CSS berikut dan paste di atas kode ]]></b:skin>

.post-body {
line-height:1.8em;
letter-spacing: 0.1px;
Word-spacing:0.5px;
}
  • Kemudian klik tombol Save Template
  • Maka dengan demikian mengatur jarak spasi di blogspot  sudah selesai.


Anda juga bisa melakukan beberapa modifikasi dari pengaturan yang telah diatur oleh kode CSS yang anda paste-kan tadi.

Anda bisa mengubah nilai pada kode CSS tersebut untuk menyesuaikan jarak spasi sesuai dengan kebutuhan blog anda.

Terlebih dahulu saya akan menjelaskan fungsi dari kode CSS tersebut sehingga anda bisa mengerti dan tahu yang mana yang harus anda ubah untuk kebutuhan blog anda.

Penjelasan Kode CSS di Blogger

.post-body = Merupakan deklarasi yang dibuat oleh blogspot untuk menjelaskan bahwa bagian tersebut merupakan area dari artikel di blogspot.

{} = Kurawal buka dan tutup merupakan tempat dimana kita mengatur nilai-nilai yang akan diberikan untuk post-body tersebut diatas.

line-height
= Disini kita memberikan nilai untuk mengatur jarak dari baris pertama dengan baris kedua dan seterusnya.

letter-spacing = Bagian ini berfungsi untuk mengatur jarak antara huruf dengan huruf, jadi kita bisa mengatur nilainya untuk mengatur jarak huruf-huruf  tulisan blog kita agar lebih rapi.

word-spacing = Bagian ini berfungsi untuk mengatur jarak antara kata dengan kata dalam paragraf tulisan di blog kita. Apabila standar jarak kata dengan kata di blog tidak sesuai dengan harapan, maka dengan cara ini kita bisa mengaturnya.

Satuan yang biasa digunakan untuk nilai dari kode CSS ini ada beberapa yaitu: em, px dan %. Anda bisa memilih salah satu dari satuan ini dan mulailah mengatur jarak spasi di blogspot  kesayangan anda.
Terima Kasih Atas Kunjungan Anda
Judul: Cara Mengatur Jarak Spasi Huruf, Kata dan Baris di Blogspot
Ditulis Oleh: Chris Medianto Purba
Jika mengutip harap berikan link yang menuju ke artikel Cara Mengatur Jarak Spasi Huruf, Kata dan Baris di Blogspot ini. Sesama blogger mari saling menghargai. Terima kasih atas perhatiannya

4 comments: