Notable adalah template blogger terbaru yang cantik jika kalian pandai memodifikasi antarmukanya. Dan itu dapat kalian lakukan melalui dua cara:
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:
Bagaimana? Simpel saja bukan?
Tolong di share ya..
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'
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)Robah nilai atau angka *24/48 dan *14/20
}
body.item-view .Blog .post-body{
font-size:$(body.text.font.size * 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:
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{SAVE template.
font-size:20px; font-family:IM Fell English}
line-height:1.4
}
Bagaimana? Simpel saja bukan?
Tolong di share ya..
pas yang aku cari. terimakasih infonya :D
BalasHapusMasih nyaman pakai ukuran font bawaan sih, biarpun sebenarnya agak besar, jadinya loading halaman lebih lama
BalasHapusKhusus untuk pengguna template Notable, font bawaan untuk versi hape (mobile) di komplain oleh banyak pembaca karena tulisannya terlalu kecil. Berbeda dengan font pada versi desktop, laptop dan tablet (@mediascreen max 730px).
HapusPengaturannya juga tidak ada pada dasbor blogger. Jadi cara di atas adalah opsi dari saya. Dan itu bekerja sangat baik.
Terimakasih telah berkunjung
Ini kalau ngerubah size FONT, ya?
BalasHapusKalau ngerubah FONT gimana? Apakah dengan cara yang sama di opsi Theme, ya?
Saya ingin merubah font jadi bulet-bulet besar jadi enak dibaca dan dilihat, hehehe.
Jika menggunakan template Notable, cukup melalui pengaturan blogger saja. Namun jika ingin merobah ukuran font versi mobilenya maka tidak ada pilihan lain selain mengikuti cara di atas.
HapusPerlu di catat, mengecilkan ukuran font pada opsi tampilan desktop atau laptop akan membuat ukuran font tampilan mobile (layar ponsel) menjadi semakin mengecil. Jadi lakukan cara diatas.
Kalau saya masih pakai template bawaan sih, jadi ubah-ubah gituan lebih nyaman dari dashboard yang nggak pakai utak atik kode.
BalasHapusSoalnya bisa lebih cepat dan responsive alias langsung keliatan bedanya, dan nggak pakai nyari-nyari kode, abis itu salah ganti kode, eror deh hahahaha
Rey, template premium juga memiliki opsi pengaturan melalui dasbor blogger lho...
HapusIni diterapkan pada template template buatan solaris, kita dapat mengganti menu dan sub menu navbar blogger, beda sama viomagz buatan mas sugeng yang masih harus melalui edit HTML.
Saya juga membuat material template yang dapat di edit dengan mudah melalui dasbor pengaturan blogger.
Misal dengan page pada template bawaan kita dapat membuat navigasi menu. Nah dengan mendesain ulang tampilannya kita tetap akan dapat melakukan pengeditan dengan cara yang sama.
Itulah keajaiban seni desain
Saya suka Artikelnya gan.. bermanfaat.
BalasHapusAdakah cara lain...?
BalasHapuscara paling mudah:
HapusMasuk ke pengaturan dasbor blogger
Pilih tema
Pilih 'customize'
pada menu sidebar kiri pilih advance dan klik.
Klik mata panah mennghadap ke bawah scroll sampai ketemu 'Add Css'
tambahkan kode berikut ke dalam kolom add css tadi:
font-size:$(item.title.font.size * 24 / 48)
}
body.item-view .Blog .post-body{
font-size:$(body.text.font.size * 14 / 20)
Teknik ini namanya overrade karena menghindari opsi edit HTML
Kalo ngerubah ukuran font template masih terjaga gimana mas
BalasHapusmasih terjaga? Pernah dengar apakah maksudnya template dari halaman blog 'masih terjaga?'
HapusTemplate blogger masih terjaga buatan mas dista.. demonya kaya blognya renovasi otak
HapusIya bang bener
Hapusapakah di halaman HTMLnya tidak terdapat kode blog.post atau post.body atau yang mirip mirip seperti itu?
HapusJika ada tinggal merubah font.size pada statemen CSS di bawahnya. Saya rasa dia masih menggunakan layout versi 2 alih alih layout versi ke 3 yang lebih baru
Pak mau tanya,
BalasHapusSaya kan pakai template Soho, nah bagian judulnya kan kapital semua. Bagaimana cara mengubahnya agar yang kapitalnya itu pada awal huruf saja, tidak semuanya?
Kalau di contempo dan emporio kan sudah otomatis bagian judulnya gak kapital semua seperti Soho.
Mohon bantuannya, Pak.
Coba cara beikut:
Hapus# Merubah Judul Postingan
1. Silahkan cari kode html h1 atau .post h1
2. Silahkan hapus kode text-transform:uppercase kurang lebih seperti berikut:
h1{font-size:160%;text-align:center;text-transform:uppercase}
atau:
.post h1 {
font-size: 150%;
line-height: 1.2;
font-weight: normal;
background-color:#2D7FFB
background-position: 0 100%;
background-repeat: repeat-x;
padding-bottom: 15px;
text-transform:uppercase;
}
Save template
untuk kode seperti di atas tidak ada pak.
HapusSaya coba search dengan kata: "Uppercase" ada yang mengarah ke post.tittle. Lalu saya coba ganti menjadi "propercase" hasilnya muncul notif:
The widget settings in widget with id PageList3 is not valid. Page title is invalid.
aha benar! SOHO adalah template desain generasi ketiga, maaf maaf...saya mungkin membuatkan artikel saja ya...soalnya sedang coba coba ke template sendiri dulu..
Hapussaya ada mencoba memasukan kode berikut ke kolom CSS di pengaturan:
Hapus.post-title {
text-transform: none
}
lalu save.
Dalam kasus saya malah manjur, karena logikanya adalah:
text-transform: none
Ya kan
Coba link soho saya:
Hapushttps://carak4.blogspot.com/2020/11/pallet-kode-warna.html
Tidak bisa di save juga Pak,
Hapusjawabannya masih sama: The widget settings in widget with id PageList3 is not valid. Page title is invalid.
oh...mengerti sekarang, karena widget Palgelist3 sudah ada lebih dari satu! Maka salah satu widget harus di ganti namanya misalnya PageList4, atau Pagelist5 dst...sampai tidak sama lagi dengan nama Pagelist sebelumnya. Tak akan bisa di save kalau ID nya sama dan itu memang aturan dari halaman HTML nya blogger
HapusTerima kasih, benar pak ada yang double, jadinya setelah dihapus baru bisa save template.
HapusOh iya, pak ada tutorial cara membuat "Next - Previous" di blog untuk template Emporio? Saya cek artikel di emporio belum ketemu. Atau mungkin saya miss.