Saturday, March 26, 2011

Cara Mengganti Style Font Blog

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 :  
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;

}
Nah begitulah hasilnya.

NB:
font-family: "Lucida Console", Monospace;
font-size: 11px;
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 : 
h3{
font-size:28px;
text-align:center;
font-family: Comic Sans MS;
}
 Mudahkan? Silahkan Anda berkreasi sendiri.

0 comments:

Post a Comment