Icon Font Awesome Tidak Muncul di Blog

- Sekarang masa dimana template sudah menggunakan Icon Font Awesome dan beberapa kasus yang sering saya lihat dikala berkunjung ke beberapa blog dan inipun pernah terjadi di blog saya, yaitu Icon Font Awesome tidak muncul.

Font-Awesome
source image www.youtube.com
Ada beberapa kemungkinan kenapa Icon Font Awesome tidak muncul di blog, yaitu:
  • Karena template blog itu sendiri
  • Browser yang sudah usang, versi lama atau belum update
  • Script Font awesome masih versi lama
Sebelum beralih bagaimana cara mengatasi Icon Font Awesome tidak muncul di blog, perlu diketahui dulu bahwa Icon Font Awesome yaitu kumpulan icon yang telah dibuat sedemikian rupa dengan menggunakan system Icon Font, dimana memungkinkan kita mampu merubah warna dan ukurannya dengan menggunakan aba-aba CSS.

Biasanya Icon Font Awesome di gunakan pada social media button, tombol back to top, home icon beranda di blog, etc. Dengan menggunakan Font Awesome, Anda tidak perlu takut bahwa Icon tersebut akan pecah dikala diperbesar, Font Awesome juga lebih ringan daripada Image Icon.

Icon-Font-Awesome
source image sarasoueidan.com
Icon Font Awesome kalau terjadi error maka tampilannya akan menyerupai kotak persegi dengan beberapa garis-garis kecil di dalamnya. Dan Cara mengatasi Icon Font Awesome tidak muncul di blog, berikut:
1. Silahkan login di Blogger
2.   Pilih menu Template - Edit Template
3.   Silahkan cari aba-aba dibawah ini di dalam template blog Anda
<link href='//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css' rel='stylesheet'/>
Gunakan Ctrl + F untuk mempermudah pencarian dengan menulis atau mengetik font-awesome.
4.   Setelah menemukan, silahkan Anda ubah aba-aba diatas menjadi menyerupai ini:
<link href='https://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css' rel='stylesheet' type='text/css'/>
5. Jika tidak  menemukan aba-aba script tersebut diatas, berarti script Icon Font Awesome belum ada, jadi silahkan tambahkan aba-aba diatas (No.4) didalam template blog Anda sempurna dibawah kode
<head>
6.   Terakhir, save tamplate dan lihat hasilnya.

Jadi, dapat ditarik kesimpulan bahwa tidak munculnya Icon Font Awesome di blog bukan sebab browser usang atau template salah, tapi penggunaan aba-aba HTML didalam template blog Anda yang masih kurang. Terbukti setelah menambahkan aba-aba script diatas, blog sekarang terlihat normal menyerupai biasanya walaupun itu menggunakan versi browser yang sudah usang atau lama.

Demikian artikel ini perihal cara mengatasi Icon Font Awesome tidak muncul di blog, agar mampu bermanfaat.