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 menolongan 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 isyarat yang ada dalam kotak menyerupai gambar di bawah ini
5. Pergi ke Blogger > Template > Edit HTML, kemudian letakkan isyarat tadi di bawah isyarat <head> atau di atas isyarat </head>, lalu menambahkan / pada simpulan isyarat 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 isyarat yang ada dalam kotak menyerupai gambar di bawah ini
Salin isyarat tersebut |
5. Pergi ke Blogger > Template > Edit HTML, kemudian letakkan isyarat tadi di bawah isyarat <head> atau di atas isyarat </head>, lalu menambahkan / pada simpulan isyarat 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 dibutuhkan isyarat css, biasanya untuk memilih suatu font pada suatu area di blog, biasanya memakai isyarat font-family: nama font; , pola :
.Header h1 {Makara 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 isyarat pada kotak nomor 4 di google font, disana ialah isyarat 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 isyarat .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, tidakboleh lupa untuk di simpan.
10. Selesai.
10. Selesai.
Gimana? simpel bukan untuk mengganti sekaligus merubah font pada blog. Mungkin sekian dari aku, terimakasih sudah mengunjungi blog saya dan supaya bermanfaa.
Silahkan untuk berkomentar.
Wassalamu'alaikum wr wb
Post a Comment for "Cara Mengganti Font Pada Blog"