Cara merubah ukuran font tulisan untuk tampilan mobile template blogger Notable

Notable adalah template blogger terbaru yang cantik jika kalian pandai memodifikasi antarmukanya. Dan itu dapat kalian lakukan melalui dua cara:

1. Melalui pengaturan dasbor blogger 'Desainer Tema Blogger'

Masuk ke pengaturan dasbor blogger =>Pilih Tema atau Theme=>Pilih Sesuaikan atau Custom. Kalian akan di bawa ke pengaturan warna, lebar layout, ukuran font dsb

2. Melalui pengaturan 'EditHTML'

Masuk kepengaturan dasbor blogger dengan asumsi kalian telah menggunakan dasbor atau pengaturan terbaru blogger maka =>pilih theme=>Pada sisi kanan pengaturan ada terdapat titik 3  bersusun (⋮) =>Klik titik tiga tersebut akan terdapat 5 opsi pengaturan lalu pilih 'EditHTML' 

Untuk topik yang sedang kita bahas pengaturan font atau ukuran huruf Notable pada ukuran layar hape terlalu kecil dan sulit di baca. Dan sayangnya pada opsi 'Desainer Tema Blogger' pada dasbor blogger opsi pengaturannya tidak tersedia, aneh juga sih. Jadi mau tidak mau kalian harus merobah pengaturan ukuran huruf tersebut melalui opsi halaman editor HTML blogger. Jika ingin tahu caranya ikuti artikel singkat ini sampai selesai.

Caranya masuk kepengaturan blogger seperti cara kedua diatas: 

pilih theme=>Pada sisi kanan pengaturan ada terdapat titik 3  bersusun (⋮) =>Klik titik tiga tersebut akan terdapat 5 opsi pengaturan lalu pilih 'EditHTML' 

Cari kode berikut atau dengan cara Tekan CTR+F pada kotak pencarian masukan kode berikut di bawah dan lalu enter (ada terdapat tiga kode serupa terdapat di dalam template notable, kode yang dimaksud adalah kode yang ketiga)

body.item-view .Blog .post-title{

Kode di bawahnya terlihat sebagai berikut:

font-size:$(item.title.font.size * 24 / 48)
}
body.item-view .Blog .post-body{
font-size:$(body.text.font.size * 14 / 20)

Robah nilai atau angka *24/48 dan *14/20
Menjadi: 24/38 dan 18/24. 

Save tema

Arti daripada perubahan nilai atau angka tersebut diatas adalah:  24/48 perbandingan ukuran judul mobile dan deskstop sedangkan 14/20 perbandingan ukuran huruf (font) antara mobile dan desktop saya sarankan 18-20 atau 17-20 agar mudah di baca. Perbandingan perubahan ukuran font pada perangkat mobile (hape) akan terlihat seperti gambar berikut:

perbandingan sesudah dengan sebelum di modifikasi HTML

Merobah ukuran font komentar

Pada template Notable merobah ukuran font komentar dapat di lakukan melalui cara:

Masuk ke pengaturan dasbor blogger =>Pilih Tema atau Theme=>Pilih edit HTMLdi dalam halaman editor HTML blogger cari kode berikut:

#comments a,#comments cite,#comments div{

Tambahkan atau sisipkan di bawahnya dengan berikut:

font-size:20px; font-family:IM Fell English}

Pada template editblogtema akan tampak sebagai berikut:

#comments a,#comments cite,#comments div{
font-size:20px; font-family:IM Fell English}
line-height:1.4
}

SAVE template.

Bagaimana? Simpel saja bukan?

Tolong di share ya..