Cara Mengganti dan Menambah Style Font pada Blog

Cara Mengganti Atau Menambah Style Font Blog. Apabila template blog anda sudah di lengkapi fungsi variabel untuk mengganti font pada blog Sebenarnya itu akan menjadi hal yang sangat mudah di lakukan. tapi kadang ada pula template blog yang belum di lengkapi dengan variabel tersebut.

Jika anda merasa tidak nyaman dengan tampilan font yang formal bawaan Template anda dan kemudian ingin menggantinya dengan font yang lebih menarik lagi silahkan anda ikuti langka langka berikut ini.

Langka pertama Pilih dulu Jenis Font yang anda inginkan, Caranya silahkan Buka halaman berikut ini http://www.google.com/webfonts/#
Setelah Masuk maka anda akan menemukan Tampilan seperti ini


  • Klik Add  to collection untuk memilih hurup yang anda inginkan, 
  • Jika anda sudah selesai memilih hurup yang nda inginkan, selanjutnya klik Use pada bagian bawa Add to collection.
  • Maka anda akan masuk pada halaman seperti berikut ini.



  • Pada Gambar di atas, anda di persilahkan memilih atau beri centang pada model hurup/ketebalan hurup yang anda inginkan untuk di pasang di blog anda nanti.
Setelah selesai Copy kode di bagian bawa yang telah di berikan untuk di pasang di blog anda.


Setelah semuanya selesai, Langka selanjutnya untuk pemasangan Font pada Blog anda, Untuk pemasangan Font pada Blog ikuti cara berikut :

MEMASUKKAN FONT PADA TEMPLATE BLOG
  • Pilih menu Template kemudian Edit HTML
  • Cari kode  <![CDATA[/* dan Paste kode yang anda copy Pada halaman Google Font tepat di atas kode <![CDATA[/*
  • Jangan lupa untuk menambahkan kode / sebelum penutup > maka tampilannya akan seperti berikut ini.

  • Simpan Template anda
  • Jika sudah selesai, selanjutnya untuk langka menggunakan font pada Blog sebagai berikut
MENGGUNAKAN FONT  PADA BLOG
  • Sebaiknya untuk langka menggunakan font anda mengganti dengan cara manual saja contoh jika anda ingin mengganti jenis font pada header Blog anda.
  • Masuk ke menu TEMPLATE > EDIT HTML
  • Centang Expand Template Widget
  • Cari kode #header h1, #header h2 
  • Pada font-family Ganti jenis font yaitu georgia dengan font yang sudah anda buat tadi seperti gambar di bawa ini. 

Begitupun jika anda ingin mengganti jenis Font lainnya seperti contoh bila anda ingin mengganti jenis font pada Post body
  • .post h2 {font-family: Nama font anda;}
  • .post h2 a, .post h2 a:visited, .post h2 strong {font-family: Nama font anda;}
  • .post h2 strong, .post h2 a:hover {font-family: Nama font anda;}
Jika ada masalah atau pertanyaan lebih lanjut mengenai mengganti font pada blog, serta elemen CSS blog yang belum diketahui, silahkan berkomentar di bawa.

Sekian yang saya ketahui tentang Cara Mengganti Atau Menambah Style Font Blog.


EmoticonEmoticon