Facebook Delicious Facebook Digg Stumbleupon Favorites More

Cara mengganti jenis huruf judul posting di Blogger menggunakan Google Web Font

Jika punya blog di Blogger yang menggunakan template default, kita bisa menggunakan Template Designer untuk mengubah style font header. Tetapi fitur ini tidak bisa digunakan jika kita menggunakan custom template.
Lantas, bisakah kita mengganti style font header kalau menggunakan custom template? Bisa. Silahkan simak tutorial tentang cara mengganti style font judul posting di Blogger menggunakan Google web font ini.
Caranya begini:

  • Bukalah Google Web Font, lalu pilih font mana yang disukai.
  • Bila kita mengarahkan kursor pada salah satu font tersebut akan muncul teks "Click here to embed…." . Misalnya saja kita pilih jenis font Indie Flower.
FastStoneEditor Cara mengganti style font judul posting di Blogger menggunakan Google Web Font
  • Klik saja font tersebut, lalu akan muncul jendela baru. Klik lagi tab Use this font.
FastStoneEditor Cara mengganti style font judul posting di Blogger menggunakan Google Web Font
Perhatikan dua baris kode dalam kotak screenshot di atas. Baris kode pertama seperti ini: namafont‘ rel=’stylesheet’ type=’text/css’>
Baris kode kedua h1 { font-family: ‘xxxx’,xxxxx; } , dimana ‘xxxx’ adalah nama font yang kita pilih dan xxxxx adalah nama font bawaan template CSS-nya. Sebenarnya ini hanyalah contoh kode yang akan kita terapkan di blog jika ingin mengubah style font h1 tag.
Sekarang cara memasukkan kode ke blog kita begini.
  • Masuk ke akun Blogger, ke Dashboard > Design > Edit HTML > centang Expand widget templates.
  • Copy kode pertama tadi, kemudian paste-kan sebelum kode ini

0 komentar:

Posting Komentar

tinggalkan sepatah kata dan komentarnya....

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Blogger Templates