Sobat blogger pasti pernah mengganti / mengutak-atik font di post editor. Namun kali ini berbeda, kita akan mempelajari bagaimana caranya mengganti style font di blog. Kita bisa mengganti font yang ada di header, title, dll.
Mengganti font ada dua cara, yaitu :
Pertama, dengan metode kode CSS yang kita akan menggunakan font yang bisa kita pilih.
Kedua, dengan metode Cufon yaitu metode yang menggunakan jenis fontnya bisa kita upload dan kreasikan sendiri. Kita akan membahas metode ini pada artikel selanjutnya, jadi harap bersabar.
Berikut tutorial dengan menggunakan metode CSS.
1. Login akun blogger kamu.
2. Masuk ke Rancangan > Edit HTML.
3. Lalu cari kode CSS body {
Sobat blogger tinggal ganti jenis text/font (font-family, font-size, letter-spacing, word-spacing, line-height). Biasanya kita kesulitan untuk mengatur font-family, font-size, letter-spacing, word-spacing, line-height yang tepat buat blog kita . Oleh karena itu, Saya sudah menyiapkan beberapa alat bantu untuk font di bawah ini.
Nah gampang kan ? tinggal pilih, generate lalu copy code nya ke dalam body {
Misal :
Nah begitulah hasilnya.body {
background:#E7E2DA
font-family: "Lucida Console", Monospace;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}
font-family: "Lucida Console", Monospace;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
Untuk Mengatur Font antar judul blog dan judul posting, sobat blogger bisa cari css h1{ untuk judul blog dan h3{ untuk judul posting .
Seperti di atas, sobat blogger tinggal masukin css kode fontnya,
Misal :
Seperti di atas, sobat blogger tinggal masukin css kode fontnya,
Misal :
Mudahkan? Silahkan Anda berkreasi sendiri.h3{
font-size:28px;
text-align:center;
font-family: Comic Sans MS;
}
5 comments
oke sob, membantu banget nih..tak coba" dulu
Reply@Horier
ReplyOK Sob, jangan lupa kembali lagi.
thanks infonya sekarang jadi tau tapi belum di uji coba nihh...
Reply@Triyono : hihi ok gan ..
ReplySilahkan dicoba .. :)
makasii infonya ... :D
ReplyPost a Comment
Silahkan Anda kritik dan sarannya pada kolom komentar di bawah ini. Karena setiap satu kata Anda berkomentar sangat berarti untuk kemajuan blog ini (baca: Cara Berkomentar yang Baik).