Utak Atik Blog (Bagian 2)

Tips dan Trik Mengotak-Atik Blog Bag 2

Mengganti Font Judul Post Blogger dengan Google API

Oke sudah lama banget nih, Tekno sudah nggak nongol, dan sekarang nongol lagi dengan materi yang dulu pernah dibahas sebelumnya, tepatnya “Tips dan Trik Mengotak-Atik Blog”. Karena dulu sudah membahas bagian 1, nah sekarang dilanjut saja dengan bagian 2 dan di bagian 2 ini akan dibahas tentang ”Mengganti Font Judul Post Blogger dengan Google API”. Oke kita mulai saja pembahasannya, cekidot :

Ikuti langkah-langkah berikut ini ya :

1. Buka Google API (http://www.google.com/webfonts). Nanti akan terlihat seperti gambar dibawah ini, 

 

2. Setelah itu, pilih font yang sesuai dengan keinginamu. Contohnya kita pilih font ‘Finger Paint’

 

3. Selanjutnya kita hanya perlu meng klik tulisan “Quick-use” yang ada di bawah itu 

4. Setelah itu kita akan dibawa ke halaman seperti pada gambar dibawah ini jika kamu scroll ke bawah,

5. Selanjutnya copy kode yang ada di kotak ini, 

6.Login ke blog kamu 

7.Klik Layout/Rancangan --> edit HTML --> centang ‘Expand Templaet Widget’ 

8. Cari kode </head> (dengan menggunakan CTRL+F agar mudah) 

9.Selanjutnya paste kode dari Google API tadi (waktu langkah nomor 5) di bawahnya 

10. Tambahkan tanda strip miring(/) sebelum tanda (>), sehingga kodenya menjadi :

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

 11. Setelah itu cari kode ]]></b:skin> (dengan menggunakan CTRL+F agar mudah) 

12.Letakkan kode h3.post-title { font-family: ' Finger+Paint, arial; } di atasnya 

13. Kemudian SAVE dan lihat hasilnya.

Sekian bahasan tentang Mengotk-Atik Blog Bagian 2, nantikan Bagian 3 ya.

NB : Kalau belum berhasil mungkin dikarenakan template blog atau ada langkah-langkah yang kurang.