Cara Merubah Jenis Font Pada Judul Blog
Bagi
sahabat blogger yang merasa tampilan blognya kurang menarik dikarenakan
gaya atau style pada judul postingan terlihat membosankan maka kali
saya akan memberitahukan bagaimana cara agar dapat mengganti jenis font
pada judul blog sahabat.
Ikuti toturial berikut ini:
1. Buka Edit HTML/Template Blogger.
2. Cari elemen CSS yang ingin di ubah, letaknya antara <b:skin><![CDATA[ dan ]]></b:skin>
3.
Setiap elemen CSS di template Blogger memiliki nama berbeda sesuai yang
telah diberikan oleh pembuatnya, tapi secara umum, nama-nama itu hampir
mirip dan memiliki deklarator umum yang sama:
Misalnya: Untuk elemen judul posting, biasanya dituliskan dengan .post h3, .post h2, #post h3, #post h2, .h3, .h2,
(h menyatakan header atau judul/title, berlaku pula untuk judul
sidebar, dll), dan masih banyak lagi. Untuk isi posting biasanya
dinyatakan dengan .post. Demikian dengan sidebar, ada banyak variasi
namun dapat dipastikan semua mengandung kata yang sama: sidebar.
3.
Setelah menemukan element yang dicari, selanjutnya cari property
font-family atau fontyang di belakangnya ada definisi font atau nama
variable seperti contoh variable diatas. Ganti dengan jenis-jenis font
baru pada bagian tersebut.
Contoh:
.post h3 {font-family: Georgia, times, serif;...;}
Ganti bagian font yang berwarna merah dengan font-font lain.
atau biasanya juga ditampilkan dengan nama variable:
.post h3 {font-family: $postTitleFont;}
Ganti bagian font yang berwarna merah dengan font-font lain.
4. Anda juga dapat menambahkan jenis font baru pada elemen yang belum memiliki aturan font-family.
Misalnya.
bagian comment blog saya belum memiliki aturan jenis font khusus, maka
saya dapat menambahkan font-family/font di dalam aturan CSS-nya:
Sebelumnya:
#comments {margin: 0px 0px 0px 0px; padding: 15px 20px 15px 20px; text-align: left; color: #4c4c4c; border: 1px solid #ccc;background:#fff;}
Sesudahnya:
#comments {margin: 0px 0px 0px 0px;padding: 15px 20px 15px 20px; text-align: left; color: #4c4c4c; font: "Times New Roman", Trebuchet, Serif; border: 1px solid #ccc; background:#fff;}
5. Untuk mengetahui jenis-jenis font, cek CSS Web Safe Fonts.
6. Jika telah selesai mengubah atau menambah font, save template
Sumber : http://junedalbughisy.blogspot.com
Langganan:
Posting Komentar (Atom)
