Kamis, 23 Mei 2013

Cara Mengganti Font Blog Dengan Google Web Fonts


Kali ini Saya akan membahas Cara Mengganti Font Blog Dengan Google Web Fonts.


Langsung saja caranya :
  • Buka Google Web Fonts
  • Cari font yang anda inginkan, lalu klik "Quick-Use"
  • Setelah itu Anda akan menemukan script seperti contoh ini ↓
<link href='http://fonts.googleapis.com/css?family=Terminal Dosis Light' rel='stylesheet' type='text/css'>
  • Buka notepad, lalu copy paste script di atas dan tambahkan tanda / sebelum tanda >
Contoh :
<link href='http://fonts.googleapis.com/css?family=Terminal Dosis Light' rel='stylesheet' type='text/css'/>
  • Lalu masuk ke dashboard blogger → Edit HTML.
  • Cari kode <head> atau </head> , agar mudah mencari tekan [F3]
  • Letakkan script yang Anda dapat di bawah kode <head> atau di atas kode </head>
  • Jika sudah, silahkan di simpan

Perhatian :
  • Setelah meletakkan scriptnya, jangan lupa ganti font lama dengan font yang telah Anda pilih di Google Web Fonts.
Contoh :
  • Ganti font yang ada pada body dengan font yang Anda pilih tadi.
body {
background:#000000;
margin:0;
padding:0;
font: TimesNewRoman;
text-align:center;
color:#000000;
}

  • Ubah menjadi seperti ini ↓
body {
background:#000000;
margin:0;
padding:0;
font: Terminal Dosis Light;
text-align:center;
color:#000000;
}

  • Anda juga bisa mengganti tulisan yang ada di blog Anda dengan font tadi atau yang lain dengan memperhatikan css nya.

Selamat Mencoba dan Semoga Bermanfaat !

Tidak ada komentar:

Posting Komentar