Sabtu, 19 April 2014

Cara Memasang Google Font Di Blogger

0 komentar
place Google AdSense code here
Banyak blogger yang tidak merasa nyaman dengan font yang formal dan ingin menggantinya dengan font yang lebih menarik. Sebenarnya ini sangat mudah jika template blog anda dilengkapi fungsi variabel untuk mengganti font. Lalu bagaimana jika template blog anda tidak dilengkapi dengan variabel itu?

Kebanyakan template hasil download tidak bisa diedit di perancang template. Jadi untuk mengganti fontnya, anda perlu melakukan hal-hal sederhana berikut:


# Memilih Jenis Font
  • Buka alamat http://www.google.com/fonts/#
  • Sebaiknya anda set dulu ukuran fontnya untuk melihat tampilan font tersebut dalam ukuran yang anda inginkan. Pilih ukuran huruf dalam drop down size.
  • Pilih Font yang cocok dan akan kamu gunakan nantinya. Klik "Add to Collection" untuk memilihnya.



  • Setelah itu perhatikan di bagian bawah kanan. Klik "Use" untuk menggunakan Google Font tersebut.

  • Lalu anda akan masuk pada halaman seperti dibawah ini ;




  • Lalu scroll terus kebawah sampai ke kode css berikut. Lalu copy kodenya.


  • Setelah di Copy, masuk ke Template => Edit Html
  • Cari kode <Head> (utk memudahkan pencarian press ctrl+f) dan pastekan kode tadi dibawahnya (lih. gambar). Jangan lupa tambahkan kode " / " di akhir script sebagai penutup. seperti gambar ini :




  • Sekarang kamu sudah memasang salah satu google font di blog kamu. Nah, sekarang saya akan mengajarkan kamu untuk mengubah font tulisan utama blog kamu menjadi menggunakan font tersebut.
#Cara memakai google font sebagai font artikel utama blogspot kamu:
  • Masih di bagian Edit HTML blog kamu, langsung cari kode yang bernada .post-body
  • Pastekan jenis font yang tadi sobat pilih di google font 
contoh nama font google
contoh:
kode sebelum memasang font:
.post-body{
line-height:1.6em;
margin:0;
text-align: justify;
}

kode setelah memasang font:
.post-body{
font-family: 'Kite One', sans-serif;
line-height:1.6em;
margin:0;
text-align: justify;
}
*tulisan biru ganti font dengan yang tadi sobat pilih
  • Klik save template setelah selesai, dan coba cek hasilnya!
  • Kalau mau mengubah font tulisan di bagian sidebar blog, maka cari kode bernada .sidebar. Kalau mau mengubah font tulisan di bagian footer blog, maka cari kode bernada .footer. 
Mudah bukan? Selamat mencoba! Kalau ada error / kesalahan, silahkan tinggalkan komentar ya agar saya bisa mengecek ulang. 

0 komentar:
Baca Sebelum Komentar
Komentar Akan Dihapus Apabila Berkomentar Menyepam atau Dengan kata yang tidak SOPAN

Posting Komentar

 

Formulir Kontak

Nama

Email *

Pesan *

Chat Box

Open Cbox
Copyright © 2013 MyBloggerBlog Template All Right Reserved
Distributed By Free Blogger Templates | Designed by MyBloggerBlog