Cara Mengganti Font Pada Blog
Assalamu'alaikum wr wb
Font pada blog. |
Font ialah sesuatu yang mengatur gaya goresan pena atau penulisan sehingga pembaca merasa nyaman ketika sedang membaca artikel pada suatu blog. Font yang tertera pada blog kita dapat dirubah dengan banyak sekali macam cara, akan tetapi pada ketika ini kita akan coba mengganti font dengan pemberian Google Font.
Berikut langkah-langkahnya:
1. Kunjungi https://www.google.com/fonts/
2. Tentukan font yang ingin digunakan, kemudian pilih Add to collection.
3. Pilih Use.
4. Scroll ke bawah kemudian salin instruksi yang ada dalam kotak menyerupai gambar di bawah ini
5. Pergi ke Blogger > Template > Edit HTML, kemudian letakkan instruksi tadi di bawah instruksi <head> atau di atas instruksi </head>, lalu tambahkan / pada simpulan instruksi yang tadi di salin, contoh:
2. Tentukan font yang ingin digunakan, kemudian pilih Add to collection.
Pilih add collection. |
3. Pilih Use.
Pilih use. |
4. Scroll ke bawah kemudian salin instruksi yang ada dalam kotak menyerupai gambar di bawah ini
Salin instruksi tersebut |
5. Pergi ke Blogger > Template > Edit HTML, kemudian letakkan instruksi tadi di bawah instruksi <head> atau di atas instruksi </head>, lalu tambahkan / pada simpulan instruksi yang tadi di salin, contoh:
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
Menjadi
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>Hasil akhir:
<head>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
Atau
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
</head>
7. Sebelumnya yang perlu diketahui, untuk mengganti font pada bab blog diharapkan instruksi css, biasanya untuk memilih suatu font pada suatu area di blog, biasanya memakai instruksi font-family: nama font; , tumpuan :
.Header h1 {Kaprikornus pada bab Header h1 font yang dipakai ialah arial, verdana, sans-serif. Pada satu blog dapat di tempel lebih dari 1 font tergantung selera. Coba lihat instruksi pada kotak nomor 4 di google font, disana ialah instruksi untuk memilih font kedalam bab blog.
font-family: Arial, verdana, sans-serif;
}
Kode untuk memilih font kedalam bab blog |
8. Sekarang cari bab yang ingin di rubah atau diganti fontnya, misalkan pada bab posting blog.
Kita cari instruksi .post-body kemudian rubah gaya fontnya, contoh:
Sebelum diganti:
Sebelum diganti:
.post-body{
font-family: Arial, verdana, sans-serif;
}
Sesudah diganti menjadi:
.post-body{
font-family: 'Oswald', sans-serif;
}
9. Jika sudah diganti, jangan lupa untuk di simpan.
10. Selesai.
10. Selesai.
Gimana? gampang bukan untuk mengganti sekaligus merubah font pada blog. Mungkin sekian dari saya, terimakasih sudah mengunjungi blog aku dan agar bermanfaat.
Silahkan untuk berkomentar.
Wassalamu'alaikum wr wb
0 Response to "Cara Mengganti Font Pada Blog"
Posting Komentar