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;
}
0 comments:
Kode Smiley Untuk Komentar
:a :b :c :d :e :f :g :h :i :j :k :l :m :n :o :p :q :r :s :t
Post a Comment