Selasa, 02 Agustus 2016

Cara Mudah Mengganti Font di Blog

Cara Mudah Mengganti Font di Blog


Assalamu'alaikum wr wb, pada postingan kali ini kita akan membahas tentang cara mengganti font di blog blogger.

Sebenarnya postingan tentang mengganti font di blog sudah pernah saya tulis, yaitu di http://www.kangghani.com/2015/07/cara-mengganti-font-pada-blog.html, namun pada postingan tersebut, untuk mengganti fontnya kita memerlukan bantuan google font yang caranya agak ribet.

Nah namun pada kesempatan kali ini caranya mudah sekali.. gak perlu edit html seperti cara di atas, berikut adalah langkah-langkahnya:

  1. Kunjungi Blogger.
  2. Klik Template > Sesuaikan.
  3. Klik tingkat lanjut, lalu sesuaikan.
    Cara Mudah Mengganti Font di Blog
  4. Klik Terapkan ke blog.

Nah mudah kan untuk mengganti fontnya.. kalau pada template teman-teman tidak ada pilihan untuk mengganti fontnya langsung, teman-teman bisa menggunakan cara yang menggunakan bantuan google font, agak ribet sih tapi boleh dicoba terlebih dahulu. Berikut adalah langkah-langkahnya:

  1. Kunjungi https://www.google.com/fonts/
  2. Pilih font yang ingin digunakan, klik Add to collection.
    Cara Mudah Mengganti Font di Blog
  3. Pilih use.
    Cara Mudah Mengganti Font di Blog
  4. Scroll ke bawah lalu salin kode yang ada di kotak seperti gambar di bawah ini.
    • contoh kodenya kan seperti ini <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
    • tambahkan tanda / sebelum tanda >
    • menjadi <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'/>
  5. Pergi ke blogger > Template > Edit HTML.
  6. Cari kode <head> tempelkan kode font di bawahnya, atau cari kode </head> tempelkan kode font di atasnya. Kira-kira ilustrasinya seperti di bawah ini. Lalu simpan terlebih dahulu.
    Cara Mudah Mengganti Font di Blog
  7. Kembali ke google font, scroll kebawah lalu salin kode yang berada di kotak ini
    Cara Mudah Mengganti Font di Blog
  8. Cari kode body{ atau body { . Misal kode bodynya seperti ini
    Cara Mudah Mengganti Font di Blog
  9. Ganti baris yang berbau font dalam body{ ... } dengan kode yang disalin barusan, maka menjadi seperti ini
    Cara Mudah Mengganti Font di Blog
  10. Simpan templatenya.

Memang agak ribet sih untuk cara tersebut, jika ada yang ingin ditanyakan silakan untuk menuliskannya di kolom komentar, insyaalloh akan saya tanggapi..

Mungkin sekian dari postingan kali ini, terimakasih telah mengunjungi blog saya, dan semoga bermanfaat.

Wassalamu'alaikum wr wb.

Orang biasa yang senang belajar. Senang ngoprek dan menulis sesuatu yang berbau teknologi, desain grafis, dan hal random lainnya.

5 komentar

  1. Saya mau coba Pak. Tapi ketika saya sudah berada di halaman google fonts, ternyata tidak menemukan add to collection sama use. mungkin tampilan 2016 sudah berbeda di google fontsnya? mohon jawabannya.

    BalasHapus
    Balasan
    1. user interface sekarang lebih mudah, klik ikon tanda tambah

      Hapus
  2. mantap..makasih om..work di blog ana..sukses terus

    BalasHapus

Silakan Berkomentar