Dalam usaha untuk mempelbagaikan lagi variasi yang ada didalam blog, kita juga boleh menukar tulisan yang sedara inginkan menerusi Google Font Directory, Tulisan yang ada skang ni terlalu terhad untuk digunakan dan biasanya kalau kita ingin mengubah sesuatu tulisan yang ada didalam blog seperti tajuk tulisan sudah tentu yang kita tahu samada Tohama, Arial, News Time dan lain-lain, jadi tidak kah terlalu common? yup.. sebab tu hari ni kita akan try ubah sikit sistem tulisan ni.. agar..... Lebih Meleetop!

Jadi jom kita cuba try tulisan yang lebih menarik seperti mana yang gue sendiri dah cuba kat tajuk tu hehe.. apa yang perlu skang ni, sedara betul-betul tahu apa itu HTML editor, jadi penerangan untuk kali ni akan jadi lebih mudah. okeh.

Google Fonts API.

Ini adalah kaedah terbaik dan kukuh untuk menambah font peribadi bagi blogger seperti anda. Ia menggunakan teknik font-face @ tetapi sedara tidak perlu bimbang tentang hal-hal backend. Sedara boleh melihat senarai Font sedia di Google Direktori Font.

Bila sedara telah bersedia memilih apa-apa tulisan yang ada didalam diretori itu, maka sedara boleh mendapatkan kod tulisan tersebut dengan hanya menekan tulisan tu sendiri.

Rajah 2

Ok sekarang semua dah ada.. cuma tinggal nak masukan pulak.. apa yang perlu anda buat adalah
Pergi ke Blooger > Dashboard > Design > Edit HTML Page

Pastikan anda jumpa ini


Ok sekarang kita nak mengatikan nama asal tulisan tu..

Tekan Ctrl + F
Type dalam kotak tu body
Kalau dah jumpa gantikan tulisan dekat font-family kepada yang kita mahukan berdasarkan nama tulisan yang ditunjukan dalam rajah 2


Ini tulisan asal...

Ini selepas menukar tulisan itu kepada yang kita mahu...


Save , All done!

But.. wait, mungkin jugak sedara akan berdepan dengan masalah ni...


Pertama sebab ada benda yang tak tutup...
contoh..

Ini sebab tak tutup.. tiada slash
<link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica&subset=latin' rel='stylesheet' type='text/css'>

Ini yang betul, cuma tambah yang warna merah je..
<link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica&subset=latin' rel='stylesheet' type='text/css'/>

Tapi.. kalau still ada masalah jugak, takpe.. kali ni mesti boleh.. tiada masalah punyer, dijamin.. iaitu buat secara manual, caranya mudah saja.. copy kod diatas dan letakan ke dalam Url Address Bar..

<link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica&subset=latin' rel='stylesheet' type='text/css'/>

Lepas tu kod yang ada dalam address tu keluar.. macam ni..


Copy kod tersebut dan letak kan selepas <![CDATA[
Tekan ctrl + f dan type <![CDATA[

Letak kod diatas tadi dibawah <![CDATA[ itu saje.. hehe

Itu kalau tuka dekat body, jadi sedara juga boleh tukar mana-mana lagi yang sedara mahu termasuk title, sidebar dan lain-lain.. cubalah..

*Kaedah ini amat sesuai bagi mereka yang sudah mahir dalam editor, bagi yang masih baru.. backup dulu blog sebelum buat apa-apa :)