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:
- Kunjungi Blogger.
- Klik Template > Sesuaikan.
- Klik tingkat lanjut, lalu sesuaikan.
- 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:
- Kunjungi https://www.google.com/fonts/
- Pilih font yang ingin digunakan, klik Add to collection.
- Pilih use.
- 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'/>
- Pergi ke blogger > Template > Edit HTML.
- 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. - Kembali ke google font, scroll kebawah lalu salin kode yang berada di kotak ini
- Cari kode
body{
ataubody {
. Misal kode bodynya seperti ini - Ganti baris yang berbau font dalam
body{ ... }
dengan kode yang disalin barusan, maka menjadi seperti ini - 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.
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.
BalasHapususer interface sekarang lebih mudah, klik ikon tanda tambah
Hapustutorialnya berhasil terima kasih
BalasHapusmantap..makasih om..work di blog ana..sukses terus
BalasHapusTerimakasih tutorialnya
BalasHapus