- 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.
Ada beberapa kemungkinan kenapa Icon Font Awesome tidak muncul di blog, yaitu:
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 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
4. Setelah menemukan, silahkan Anda ubah aba-aba diatas menjadi menyerupai ini:
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.
source image www.youtube.com |
- 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 dikala 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 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.