Cara Menambahkan Font di Editor Blogger yang Tidak Ada Tombol “Add Font”
Ana Writer
Penulis Blog
Tutorial Lengkap Cara Menambahkan Pilihan Font ke Toolbar Blogger jika Tidak Ditemukan Tombol “Add Font” di List Pilihan Font
Pada beberapa tampilan editor Blogger terbaru, tombol “Tambahkan Font / Add Font” memang sudah tidak muncul lagi. Yang terlihat hanya pilihan font bawaan seperti:
- Arial
- Courier
- Georgia
- Helvetica
- Times
- Trebuchet
- Verdana
Seperti pada gambar berikut:
Padahal dulu Blogger menyediakan opsi untuk menambah font langsung dari editor. Sekarang fitur itu dibatasi karena Blogger lebih mengarahkan penggunaan font melalui template/CSS, bukan lewat editor posting.
---
Kenapa Tombol Tambahkan Font Hilang?
Ada beberapa penyebab umum:
1. Blogger Menggunakan Editor Baru
Editor Blogger versi terbaru sudah disederhanakan sehingga:
- fitur custom font di toolbar dihapus
- hanya font standar yang tersedia
- penambahan font harus lewat tema/template
---
2. Template Blogger Tidak Mendukung Custom Font
Beberapa template:
- menghapus script editor bawaan
- memodifikasi toolbar Blogger
- membatasi pilihan font
Biasanya sering terjadi pada:
- template custom
- template premium
- template hasil modifikasi
---
3. Browser Extension Mengganggu
Kadang extension seperti:
- adblock
- dark mode
- script manager
bisa membuat sebagian toolbar Blogger hilang.
Coba:
- buka mode incognito
- nonaktifkan extension
- gunakan browser lain
---
Solusi Menambahkan Font di Blogger
Cara 1 — Gunakan Google Fonts via Template (Paling Direkomendasikan)
Ini cara terbaik karena:
- SEO friendly
- tampil profesional
- font berlaku otomatis di semua postingan
---
Langkah-langkah
1. Masuk ke Tema Blogger
- Blogger
- Tema
- Edit HTML
---
2. Tambahkan Link Google Fonts
Cari kode (HTML):
<head>
Lalu tambahkan di bawahnya (HTML):
<link href='https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap' rel='stylesheet'/>
---
3. Ganti Font Website
Cari kode CSS seperti:
body{
font-family: Arial;
}
Ganti menjadi:
body{
font-family: 'Poppins', sans-serif;
}
---
Hasilnya
Seluruh artikel Blogger otomatis memakai font baru tanpa perlu memilih manual di editor.
---
Cara 2 — Menambahkan Font Hanya Pada Artikel Tertentu
Saat menulis postingan:
1. Klik mode HTML
2. Tambahkan kode:
<div style="font-family:'Poppins',sans-serif;">
Tulis artikel di sini
</div>
---
Cara 3 — Menambahkan Banyak Font Sekaligus
Tambahkan (HTML):
<link href='https://fonts.googleapis.com/css2?family=Poppins&family=Montserrat&family=Roboto&display=swap' rel='stylesheet'/>
Lalu gunakan (CSS):
font-family:'Montserrat',sans-serif;
atau
font-family:'Roboto',sans-serif;
---
Font Google yang Bagus untuk Blogger
Untuk Blog Modern
- Poppins
- Inter
- Montserrat
Untuk Artikel Panjang
- Merriweather
- Lora
- Open Sans
Untuk Blog Teknologi
- Roboto
- Ubuntu
- Nunito
---
Cara Menambahkan Pilihan Font ke Toolbar Blogger (Advanced)
Sebenarnya bisa dimodifikasi menggunakan JavaScript custom, tetapi:
- cukup rumit
- kadang error
- tidak stabil setelah update Blogger
Karena itu lebih direkomendasikan menggunakan:
- CSS template
- Google Fonts
---
Tips Agar Font Blogger Terlihat Profesional
Gunakan Maksimal 2 Font
Contoh:
- Heading → Poppins
- Isi artikel → Open Sans
---
Jangan Gunakan Font Terlalu Fancy
Karena:
- sulit dibaca
- menurunkan UX
- terlihat tidak profesional
---
Gunakan Ukuran Font Nyaman
Contoh ideal (CSS):
font-size:16px;
line-height:1.8;
---
Kesimpulan
Jika tombol “Tambah Font” di editor Blogger hilang, itu normal pada editor Blogger terbaru. Solusi terbaik adalah:
✅ Menambahkan Google Fonts lewat template
✅ Mengatur font menggunakan CSS
✅ Menggunakan font modern dan ringan
Cara ini lebih:
- rapi
- profesional
- SEO friendly
- cepat loading
Daripada mengandalkan toolbar editor Blogger.
---
FAQ
Apakah Google Fonts Aman?
Ya, sangat aman dan umum digunakan di website modern.
---
Apakah Bisa Menambahkan Font Sendiri?
Bisa, dengan upload font ke hosting/CDN lalu memanggil via `@font-face`.
---
Apakah Font Mempengaruhi SEO?
Secara tidak langsung iya.
Font yang nyaman dibaca meningkatkan:
- waktu baca
- user experience
- engagement
---
Apakah Semua Template Blogger Support Google Fonts?
Hampir semua support, kecuali template rusak/error struktur HTML.