22 November 2012
Jika anda bosan dengan tampilan Font Standar . Kini sudah ada cara untuk mengganti font blog anda. Salah satu penyedia font untuk blog kita yaitu Google Web Fonts
Oke langsung ke langkahnya.
0. Sebelum mengikuti tutorial ini, sebaiknya anda melakukan Back-up pada Template anda.
0. Sebelum mengikuti tutorial ini, sebaiknya anda melakukan Back-up pada Template anda.
1. Klik link ini Google Web fonts , lalu pilih font yang anda sukai dan ingin di pasang buat blog anda.
2. Jika sudah memilih font yang anda pilih, klik tombol "Add to collection"
3. Lalu klik tombol "Use" di menu bar kanan atas layar anda
4. Scroll layar anda kebawah, lalu anda akan melihat kotak biru seperti di bawah ini.
Block codenya, lalu Copy codenya
5. Jika sudah di copy. Buka blog anda lagi lalu pilih Menu "Template" -> "Edit HTML" -> Proceed
6. Pastekan code yang anda dapat dari Google Web Fonts tepat di bawah kode <head>
7. Lalu tambah simbol "/" setelah code css'
8. Cari code untuk pengaturan font nya. biasanya berawalan dengan kata "Font-family"
(Biar lebih cepat pencarian tekan CTRL + F lalu isi "Font-family")
9. Lalu ganti font standar yang didalam tanda kutip 'xxxx' menjadi font costum yang kita buat.
pada tutor kali ini saya menggunakan font-family 'paprika'
10. Kalau sudah di paste, klik "Save Template" dan lihatlah perubahan font pada blog anda.
NB : tutorial ini hanya mengubah font pada menu bar blog saja. Tiap template berbeda-beda.
Jika anda ingin mengubah semua font, anda cukup ganti semua font-family pada template anda menjadi (contoh = 'paprika').
Sekian tutorial saya kali ini. :)
2. Jika sudah memilih font yang anda pilih, klik tombol "Add to collection"
3. Lalu klik tombol "Use" di menu bar kanan atas layar anda
4. Scroll layar anda kebawah, lalu anda akan melihat kotak biru seperti di bawah ini.
Block codenya, lalu Copy codenya
5. Jika sudah di copy. Buka blog anda lagi lalu pilih Menu "Template" -> "Edit HTML" -> Proceed
6. Pastekan code yang anda dapat dari Google Web Fonts tepat di bawah kode <head>
7. Lalu tambah simbol "/" setelah code css'
8. Cari code untuk pengaturan font nya. biasanya berawalan dengan kata "Font-family"
(Biar lebih cepat pencarian tekan CTRL + F lalu isi "Font-family")
9. Lalu ganti font standar yang didalam tanda kutip 'xxxx' menjadi font costum yang kita buat.
pada tutor kali ini saya menggunakan font-family 'paprika'
10. Kalau sudah di paste, klik "Save Template" dan lihatlah perubahan font pada blog anda.NB : tutorial ini hanya mengubah font pada menu bar blog saja. Tiap template berbeda-beda.
Jika anda ingin mengubah semua font, anda cukup ganti semua font-family pada template anda menjadi (contoh = 'paprika').
Sekian tutorial saya kali ini. :)
