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;
}
Related Post:
Triks Blog
- Membuat Artikel Terkait Dengan Scroll
- Cara Membuat Reply Komentar
- Cara Mensubmit Artikel ke Lintas Berita
- Cara Mendaftar di Lintas Berita
- Cara Menambahkan Headline News di Blog
- Membuat Menu dan Sub Menu Horizontal
- Cara Membuat Tag Cloud Animasi
- Cara Backup Templates
- Cara Membuat Background Pada Widget Blog
- Cara Membuat dan Mengganti Favicon di Blog
- Cara Membuat Pesan Pembuka dan Kotak Dialog
- Cara Membuat Javascript Image Loader for Blog
- Cara Membuat Show-Hidden Widget di Blogspot
- Cara Membuat Artikel Terkait (Related Posts) Bergambar
- Cara Membuat Artikel Terkait (Related Posts)
- Modifikasi Tampilan Read more
- Cara Membuat Spoiler di Blog/Forum
- Menghilangkan Icon Obeng dan Tang / Quick Edit di Blog
Blog
- Ribuan Backlink Gratis dari IMTalk
- Cara Memasang Tweetmeme di Setiap Postingan
- Cara Mendaftarkan Blog ke DMOZ
- Cara Membuat Short URL Google Plus
- Cara Daftar Google Plus (Google+)
- Google Update Pagerank Juli 2011
- Cara Menghapus dan Mengecek Broken Link Pada Blog
- Apa itu Google Plus (Google+) ?
- Tips Menghadapi Komentar Negatif
- Menambah Meta Tag Untuk Perkuat Postingan Kontes SEO
- Kontes SEO, Berbahaya!
- Pentingnya Menjawab Setiap Komentar di Blog
- Kenali Pengunjung Blog Anda
- 10 Artikel Terbaik Bulan Juni 2011
- Metode On Page dan Off Page SEO
- Cara Membuat Link Internal di Setiap Postingan
- Siapa Pengunjung Setia di Blog Anda?
- Tips Mendapatkan Pengunjung Setia di Blog
- Favicon Generate - Fitur Baru Blogger
- Cara Menambah Tombol Google +1
- DAW-XP Toolbar - Akses Cepat Menuju DAW-XP
- Cara Membuat Toolbar Alexa Sendiri
- Cara Memasang Alexa Widget
- Manfaat Alexa Toolbar
- Apa itu Alexa Rank?

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: 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).