8/01/2016

Icon Font Awesome Tidak Muncul di Blog

INVHO.com - Sekarang masa dimana template sudah menggunakan Icon Font Awesome dan beberapa kasus yang sering saya lihat saat 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 adalah kumpulan icon yang telah dibuat sedemikian rupa dengan menggunakan system Icon Font, dimana memungkinkan kita bisa merubah warna dan ukurannya dengan menggunakan kode 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 saat diperbesar, Font Awesome juga lebih ringan daripada Image Icon.

Icon-Font-Awesome
source image sarasoueidan.com
Icon Font Awesome jika terjadi error maka tampilannya akan seperti 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 kode 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 kode diatas menjadi seperti 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 kode script tersebut diatas, berarti script Icon Font Awesome belum ada, jadi silahkan tambahkan kode diatas (No.4) didalam template blog Anda tepat dibawah kode
<head>
6.   Terakhir, save tamplate dan lihat hasilnya.

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

Demikian artikel ini tentang cara mengatasi Icon Font Awesome tidak muncul di blog, semoga bisa bermanfaat.

Artikel Terkait