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.
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
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.
 |
| source image sarasoueidan.com |
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.
Post a Comment