Cara Mengatur Ukuran Font Postingan & Sidebar di Blogspot

 

Ukuran font sangat memengaruhi kenyamanan membaca blog. Font yang terlalu kecil melelahkan mata, sementara font terlalu besar membuat tampilan terasa tidak proporsional. Di Blogger, pengaturan font bisa dilakukan dengan dua cara: melalui Tema Designer dan melalui CSS.

Artikel ini membahas cara yang realistis, aman, dan mudah dikontrol, terutama untuk blog yang ingin terlihat rapi dan profesional.

1. Mengatur Ukuran Font Lewat Tema Designer (Cara Paling Aman)

Cara ini cocok jika kamu tidak ingin mengutak-atik kode HTML.

Langkah-langkah:

1. Masuk ke Dashboard Blogger
2. Pilih Tema → Sesuaikan
3. Masuk ke menu Lanjutan
4. Pilih bagian yang ingin diubah:
• Post Title (judul postingan)
• Post Body (isi artikel)
• Sidebar atau Gadget Text (teks sidebar)
5. Atur ukuran font sesuai kebutuhan
6. Klik Terapkan ke Blog

Kelebihan cara ini adalah aman dan minim risiko. Kekurangannya, kontrol ukuran font kadang terbatas tergantung template yang digunakan.

2. Mengatur Ukuran Font Postingan Melalui CSS

Jika ingin ukuran font lebih presisi, CSS adalah pilihan yang lebih fleksibel.

Langkah awal:

1. Masuk ke Tema → Edit HTML
2. Klik di dalam kode, lalu tekan Ctrl + F
3. Cari tag ]]></b:skin>
4. Tambahkan kode CSS tepat di atasnya

Contoh pengaturan font isi artikel:

.post-body {

  font-size: 16px;

  line-height: 1.7;

}

Ukuran 16px adalah ukuran aman untuk kenyamanan membaca di desktop dan masih nyaman di mobile.

3. Mengatur Ukuran Font Judul Postingan

Untuk judul artikel, gunakan ukuran yang tegas namun tidak berlebihan.

.post-title {

  font-size: 26px;

}

Jika judul terlalu besar di mobile, sebaiknya dikombinasikan dengan media query, bukan sekadar memperbesar ukuran.

4. Mengatur Ukuran Font Sidebar

Sidebar sering diabaikan, padahal terlalu kecil akan sulit dibaca.

.sidebar {

  font-size: 14px;

}

Untuk judul widget sidebar:

.sidebar .widget-title {

  font-size: 16px;

}

Ukuran ini cukup proporsional tanpa membuat sidebar terlihat penuh.

5. Hal yang Perlu Diperhatikan

• Jangan mengubah terlalu banyak ukuran font sekaligus
• Selalu cek tampilan desktop dan mobile
• Gunakan satuan px untuk konsistensi
• Simpan salinan template sebelum mengedit HTML

Mengatur font bukan soal besar atau kecil, tetapi soal kenyamanan dan keseimbangan tampilan blog secara keseluruhan.