Selama bertahun-tahun, Blogger dan pengguna blogger yang menggunakan font tersebut selalu sederhana dengan gaya blog dan template yang sederhana juga. Mereka tidak memiliki pilihan untuk mengubah font tersebut karena hanya ada beberapa font yang diterima seluruh dunia sebagai font web. Mustahil untuk menggunakan font lain pada halaman web seperti blogger.com.
Tapi sekarang Google telah meluncurkan layanan baru font web Google dengan slogan - 'Making the Web Beautiful!'. Layanan ini akan memungkinkan Anda untuk menggunakan font kustom pada direktori font google pada blog kita / website tanpa sign up atau apa pun. Seperti dari 'Google', hal ini tidak memiliki komplikasi dan juga benar-benar gratis untuk penggunaan komersial
dan swasta, Tidak ada pembatasan yang diadakan atau tidak tindakan hukum yang keras.. Ini bisa membuat blog Anda terlihat lebih menarik dan berlaku untuk blog blogger juga. Jangan heran, Ini Benar! Saya akan menunjukkan cara untuk melakukannya dengan blogger.
dan swasta, Tidak ada pembatasan yang diadakan atau tidak tindakan hukum yang keras.. Ini bisa membuat blog Anda terlihat lebih menarik dan berlaku untuk blog blogger juga. Jangan heran, Ini Benar! Saya akan menunjukkan cara untuk melakukannya dengan blogger.
Oke guys..langsung aja kita ke pokok permasalahan.
1. Login ke blogger.com dengan account anda (jangan lupa back-ut template anda)
2. Pilih Edit HTML
3. Klik kalaman google font tersebut [KLIK di SINI]
4.Kemudian pilih font yang akan anda pasang pada blog sobat.
6. Langkah selanjutnya adalah, beralih ke blog anda. Lebih tepatnya pada Edit HTML.
7. Sekarang Anda harus menyalin kode yang diberikan dan letakkan kode ke template blogger Anda,tepat diBAWAH kode <head>.
Kode tersebut mungkin terlihat seperti kode berikut ini:
<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>Note:
Tambahkan tanda garis miring ("/") sebelum tanda (">") sehingga kode di atas harus seperti kode berikut ini;
<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'/>8. Setelah itu silahkan copy kodenya di bawah kode <head>.
Langkah selanjutnya adalah langkah memasukkan kode CSS pada blog anda.
Sekarang langkah terakhir dan final. Pada langkah ini, Anda harus menentukan di mana Anda ingin menambahkan font dan harus menambahkan kode css untuk itu.
Jika Anda ingin membuat font muncul untuk kalimat tertentu hanya di posting blog Anda, silahkan gunakan kode HTML di bawah ini
<div style="font-family: 'FontName', serif;">Your text</div>Lihat kode berwarna di atas:
Fontname: nama font yang anda pilih dari google.
Your Text: Teks yang inginkan anda rubah fontnya.
Jika anda ingin fonya muncul pada:
1. Judul Blog
2. Judul Post
3. Isi Post
4. Tulisan sidebar
Anda harus menambahkan kode CSS untuk hal itu. Jangan khawatir, Ini sangat sangat mudah. Di sini saya akan memberitahu Anda Bagaimana mengubah ke empat hal di atas.
1. Mengubah Judul Postingan, gunakan kode css berikut ini .post h3 atau .post-title h3. (silahkan cari kode tsb)
Ini adalah kode css umum untuk judul posting di blogger. sekarang kita harus menambahkan kode css untuk font baru untuk judul blog,. Untuk ini, tambahkanm kode css berikut di bawah kode di atas.
font-family: 'google Font Name';kode akhir harus terlihat seperti ini:
.post h3 {2. Sekarang untuk merubah font isi postingan adalah dengan mencari kode .post-body
font-family: 'Your Font Name';
}
3. Setelah ketemy kodenya silahkan tambahkan kode:
font-family: 'google Font Name';Sehingga kode akhirnya adalah sebagai berikutt:
.post-body {
font-family: 'Your Font Name';
}
Setelah itu silahkan SIMPAN TEMPLATE. dan lihat perubahannya.
Semoga berhasil dan mohon maaf jika ada kesalahan. (Jkt/2012)
