Font Awesome Icon
MQR. Font Awesome Icons merupakan sebuah gudangnya icon font yang menarik dan keren. Banyak pengguna web/blog memakai nya untuk mempercantik icon pada template. Hasil penerapan nya menyerupai gambar diatas penggunaan font awesome icons.
Dengan Font Awesome, anda sanggup menentukan ratusan ikon berkualitas tinggi untuk ditambahkan pada hidangan navigasi, widget, sampai pos dan laman. Pada artikel kali ini, kami akan sharing cara memasang dan memakai Font Awesome pada Blog.
Dan salah satu web icon font terpopuler yaitu Font Awesome yang mempunyai ratusan ikon yang sanggup dengan gampang dipakai untuk mempercantik tampilan sebuah website/blog. Sebagai pola beberapa pilihannya.
Lalu Bagaimana cara menambahkan dan memakai Font Awesome icons ?
Sebagai pola kami akan menunjukkan petunjuk penggunaan pada Menu Label pada Bagian Header Blog menyerupai dibawah ini :
Perhatikan pada hidangan label, cara penggunaan nya cukup gampang anda Buka pada Template kemudian pilih edit HTML kemudian cari nama hidangan yang ingin anda berikan Font Awesome untuk mempercepat pencarian gunakan CTRL F.
Biasanya goresan pena nya akan menyerupai ini
<li><a class='active' href='/'><span itemprop='name'>Home</span></a></li>
Maka tampilan nya akan menyerupai ini
Cara menambahkan nya :
Perhatikan goresan pena merah, goresan pena merah tersebut di tambahkan pada sehabis 'name'> dan sebelum Home</span></a></li>
<li><a class='active' href='/'><span itemprop='name'><i class='fa fa-home'/> Home</span></a></li>
Perhatian :
fa fa-home merupakan code font awesome, jikalau ingin memakai code berupa gambar icon silakan cari di situs font awesome, hanya mengganti fa fa-home.
Maka akibatnya akan menyerupai dibawah ini :
Sebagai perhiasan ternyata font awesome tersebut icon nya sanggup dibentuk berputar-putar dengan Icon Animasi dengan menambahkan kode fa-spin.
Contoh :
Hanya menambahkan fa-spin, akibatnya akan sanggup anda lihat setelah menyimpan template. <li><a class='active' href='/'><span itemprop='name'><i class='fa fa-home fa-spin'/> Home</span></a></li>
Semoga bermanfaat dan selamat mencoba!!