Tutorial Menggunakan Custom Font pada Blogger - Nanang Blog

23 JUNI 2012 : Salam blogger, Tutorial Menggunakan Custom Font pada Blogger – Sembari ngeblog gak lupa blogwalking ke blog tetangga. Banyak inspirasi yang Saya dapatkan salah satunya adalah melihat tampilan blog teman menggunakan font yang dalam pikiran Saya sangat asing. Setelah melakukan browsing mencari tutorial – tutorial pendukung akhirnya Saya berhasil mengganti beberapa font di blog Saya.

Perlu diketahui bahwa settingan font yang digunakan blogger adalah settingan yang standart seperti Georgia, Arial, Times new Roman, dll. Kita bisa mengganti menggunakan kode font special seperti Broadway, cambria, century, dll. Dan tampilan akan terlihat sesuai yang diharapkan jikalau kita sudah menginstall font tersebut di control panel computer kita.

Ada langkah alternative yang bisa dilakukan untuk mengganti jenis font di blog kita dengan font special, tanpa harus menginstall font tersebut di control panel computer kita. Sehingga pengunjung yang computer nya belum terinstall font tersebut bisa menikmati dan melihat tampilan blog kita yang lain dari pada yang lain *lebay.

Langsung saja langkah – langkah yang harus dilakukan untuk menggunakan custom font pada blogspot adalah sebagai berikut :

1. Kunjungi situs http://www.google.com/webfonts

2. Lalu kalian bisa memilih jenis font yang kalian inginkan, atau bisa menggunakan bantuan search untuk mencari jenis font yang Anda inginkan.

3. Tekan tombol Add To Collection lalu tekan tombol Use. Lalu akan muncul kode fonts.googleapis. 

<link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css'>

4. Terlebih dulu Anda harus login ke dashboard blogger Anda

5. Login sukses, pilihlah Rancangan | Edit HTML

6. Sebelum melakukan langkah pengeditan template, centang Expand Widget Template

7. Carilah kode </head> dengan menggunakan bantuan CTRL + F

8. Copy kode pada point ke 3(tiga) lalu paste tepat diatas kode </head>. Sebelum Anda paste rubahlah potongan kode type='text/css'> menjadi type='text/css'/>

9. Coba kalian lihat kembali kode fonts.googleapis diatas. Terdapat tulisan Electrolize Kode inilah yang merupakan kode custom font yang akan kita descripsikan di settingan css.

10. Sehinngga hasilnya akan menjadi

Sebelum = {font-family:Verdana;}

Sesudah = {font-family:Electrolize;}

Demikikian Tutorial Menggunakan Custom Font pada Blogger dari saya. Jangan lupa tinggalkan komentar dan jempol Anda. :)

Happy Blogging, Happy Design