Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

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 !
    Tutorilio
    Tutorilio Sebut saja saya tutorilio pendiri situs tutorilio.com seorang yang gemar membagi ide inspiratif dan solutif berkaitan dunia teknologi, desain grafis dan Problem Solving