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 :)

Sekarang kita fokus nak buat kotak identiti, atau lebih dikenali kotak sendiri yang meletakan butiran tertentu tentang kita.. bagi aku, benda ni rasanya memainkan peranan penting dalam membantu memperlihatkan personal information yang sedikit sebanyak membantu beliau dalam apa jua bentuk kehendak yang dimahukan oleh seseorang..

baiklah sebenarnya terlalu banyak benda,cara dan kaedah  membuat kotak identiti ni, semuanya bergantung kepada kebolehan individu tu sendiri, samada  mengunakan table HTML,  Css, javascript, Flasha ataupun dalam bentuk gambar.

I ran into this problem recently and found a good fix. Now when you enable people to post contents along with image urls, people may enter an image url which possibly is much larger than the available width we have in the page layout. Perhaps most of the images may become larger as we would only get around 650px of width when we are using 960px standard layout with some sort of sidebars. Seniaku may not resize image on every single page automatically but i've manage up that later with some of modification on css

So the user’s posted image in the blog post may overflow the layout. What to do then ??