Cara mengganti style font judul posting di Blogger menggunakan Google Web Font

Artikel ini telah dibaca 3080 kali.

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.

  • Klik saja font tersebut, lalu akan muncul jendela baru. Klik lagi tab Use this font.

Perhatikan dua baris kode dalam kotak screenshot di atas. Baris kode pertama seperti ini: <link href=’http://fonts.googleapis.com/css?family=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 <b:skin><![CDATA[/* . Jangan lupa tambahkan slash (/) pada akhir baris. Jadinya begini <link href=’http://fonts.googleapis.com/css?family=namafont‘ rel=’stylesheet’ type=’text/css’/> . Jika lupa menambah tanda slash nanti akan muncul notifikasi error.

  • Berikutnya cari kode ini h2.postTitle { . Ini adalah kode h2 tag untuk judul posting. Ketikkan nama font yang tadi telah dipilih di urutan pertama pada baris font-family. Jadi penulisannya seperti ini font-family: ‘Indie Flower’ , arial, serif;. Lihat screenshot di bawah.

  • Jangan lupa klik Save.
  • Cobalah buka blog Anda.

Cara seperti ini bisa diterapkan untuk mengganti style font h1 tag, atau h2, h3, dan seterusnya. Kita hanya perlu menyesuaikan style dan ukurannya saja.

Selamat mencoba.

Tags: cara mengubah font google web font mengubah font di blogger mengubah font di blogspot

author
Dosso Sang Isahi adalah mantan guru, sekarang berprofesi sebagai networker. Saat ini mengelola beberapa bisnis online, juga aktif dalam bidang sosial media marketing. Pria yang senang belajar hal yang berbau teknis dan IT ini bersama keluarga kecilnya tinggal di Sidoarjo, sedang menikmati kebebasan karier yang telah dicapainya.

Related Post "Cara mengganti style font judul posting di Blogger menggunakan Google Web Font"

Membuat dan Mendaftarkan Sitemap Blogger
Supaya blog kita bisa cepat terindex oleh
FREE HOSTING PAKAI BLOGGER : Membuat Free Domain Dulu
Kalau Anda adalah pemula yang belajar ngeblog
Sitemap Blogger Yang Lebih Lengkap
Artikel yang saya posting ini masih tentang
Cara memasang Google Plus One button di Blogger
Google telah merilis sebuah fitur alternatif dari