Cara Mengganti Font Blog Dengan Google Web Fonts


Kali ini Saya akan membahas Cara Mengganti Font Blog Dengan Google Web Fonts.
Saya tau Anda pasti bosan dengan font bawaan blogger yang kurang menarik. Nah, jika bosan ganti saja dengan font yang disediakan oleh google web fonts, disana ada banyak font yang keren, mulai dari font yang ringan hingga bisa membuat loading blog menjadi berat.

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 !

    6 Komentar untuk "Cara Mengganti Font Blog Dengan Google Web Fonts"

    1. Trims ya artikelnya bermanfaat, sudah saya terapkan di blog saya... ^.^

      BalasHapus
    2. masih pemula gan, agak bingung hehe :( diulas lagi dong gan lebih jelas

      BalasHapus
    3. kok body nya ya gan yg berubah,,,
      di judul kok gak bisa yah??? apa saya yg gak bisa
      sowry newbie

      BalasHapus
    4. Makasih ya author, penjelasannya lengkap, jelas, dan rapi...

      BalasHapus

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel

    Tekan close (x) 2 kali untuk menutup, jangan lupa Berlangganan

    Masukkan Email aktif untuk update artikel via email :

    Delivered by FeedBurner

    ×