Tutorial Tukar Font Dalam Blog Tanpa Install
Tutorial tukar font dalam blog tanpa install. Mungkin font yang sedia ada kurang menarik. Jadi, bolehlah kita tukar jenis font ikut pilihan kita sendiri. Caranya mudah je. Ikut tutorial mudah yang saya kongsikan di bawah ini.
nak pilih font click sini
[dalam ni ada banyak font tapi limited tak sampai beribu pun. Kau orang boleh pilih mana suka]
Contoh font yang macam ni
2.Log in blogger>>Dashboard>>Theme>>Edit HTML>>Cari code <head>
*untuk memudahkan pencarian tekan cltrl+F serentak, kemudian masukkan code <head> dalam box pencarian tadi.
3.Copy code dibawah (klik sini untuk copy code)
<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 kau orang tukar nama font yang korang dah pilih tadi [yang saya bulatkan dalam gambar kat atas tu adalah contoh nama 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 sama jugak. 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 kisah nak letak font apa sebab tu 2nd and 3rd font yang akan appear kalau first font yang kau orang pilih tu PC tak dapat baca.
Kemudian preview. Kalau dah jadi dah puas hati,boleh save. Kalau masih tak puas hati atau tak jadi, re-check steps atau silap nama font atau coding. Selamat mencuba!
yeay! memang nak cari tutor ni.thanks!
ReplyDeleteThanks kak fizah..mmg izzati nak cari tuto ni.. !!
ReplyDeletesayanglah kak fizah ! <3
tutorial yang sgt berguna..cayang kamu..muaahhhxxx...
ReplyDeletethnks for the tuto :)
ReplyDeleterajinnya wt tutorial ni ^^
ReplyDeletexjadi pn..huhu
ReplyDeletesy da kopipes kod2 tu, step by step tp xjd...tolong sy ye.. :(
kenapa aina buat tak menjadi erh ? aina buat kat post title .. Tolonggg !
ReplyDelete@Aina Johari Tempat aku..menjadi tapi..tak sesuai la..dengan blog aku..
ReplyDeletemari lah ..tengaok blog aku
Kenapa saya buat tak jadi ye? 'Font+Name' tu tanda tambah tu mmg kena ada ke macam mana. :/ rasa frust sangat...
ReplyDeleteblog sangat cantik
ReplyDeletex bpe nk phamla..camne nie?? :(
ReplyDeletedah jadi.. huk2.. tq fizaaa.. =)
ReplyDeleteTerbaik ........
ReplyDeleteNice sharing Fiza
ReplyDeletetak jadi la..:(knp ye?
ReplyDelete