Top Social

Tutorial Tukar Font Dalam Blog Tanpa Install

Friday 29 January 2021

1.Pilih font di web Google font API

Nak pilih font click sini


2. Log in blogger>>Theme>>Edit HTML>>Cari code <head>
*untuk memudahkan pencarian tekan cltrl+F serentak,kemudian masukkan code<head> dalam box pencarian td.

3.Copy code ni
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name"/>

4. Paste di bawah code <head> tadi
*pastikan code Font+Name korang tukar name font yang korang dah pilih tadi [yang Fiza bulatkan dalam gambar kat atas tu adalah contoh name font]

5. Copy code ni
font-family: 'Font+Name', arial, serif;
paste pada part yang korang nak tukar font

Page Text
cari code
body {

paste code
font-family: 'Font+Name', arial, serif;
selepas codebody {

contoh code yang dah siap
body {font-family: 'Font+Name', arial, serif; 

Tajuk Post entry
cari code
.post h3 {

 dan paste di bawah code .post h3{
contoh

.post h3 { font-family: 'Font+Name', arial, serif;

Sidebar
cari code
.sidebar h2 {
paste kat bawah code .sidebar h2{
contoh
.sidebar h2 { font-family: 'Font+Name', arial, serif;

untuk part lain pun same juga. Cari code dan paste selepas tanda { dan pastikan tiada code font selain code font-family tu ye.

Jangan lupa code Font+Name perlu tukar kepada name font

font arial dan serif tu tak kesah nak letak font ape sebab tu 2nd and 3rd font yang akan appear kalau first font yang korang pilih tu PC tak leh bace.

Kemudian preview. Kalau dah jadi dah puas hati, save terus. Kalau masih tak puas hati atau tak jadi re-check steps atau silap nama font atau coding.
Post Comment
Post a Comment