Hello sobat IcloudZer kali ini admin akan membahas lagi mengenai font awesome, yakni mengenai kumpulan class CSS dan Cheatsheet icon dari font awesome versi 4.5.0
Info: Oke bagi yang sudah penasaran dengan icon icon font awesome, yuk langsung saja kita bahas bersama
Langkah Awalan
Sebelum admin menampilkan icon font awesome, sebagi informasi nanti admin akan memberikan tampilan Class CSS font awesome versi 4.5.0 dan juga Cheatsheet font awesome versi 4.5.0, oke
Namun sebelum kamu menggunakan icon icon dari font awesome, kamu harus memperhatikan hal berikut ini
Menginstal font awesome
Untuk menggunakan icon dan Cheatsheet dari font awesome versi 4.5.0 ini, kamu harus mengisntall script pendukung dari icon font awesome nya, letakkan diatas kode </head> berikut ini adalah script font awesome versi 4.5.0 yang bisa kamu gunakan
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>Info: Jika sudah terpasang silahkan lanjutkan membacanya hingga selesai oke
Class anda Cheatsheet
Admin telah menyedikan beberapa icon dari font awesome, yang bisa kamu gunakan untuk menampilkan icon didalam blogger, berikut icon beserta kode class dan kode cheatsheet darinya
| Icon | Class CSS | Cheatsheet |
|---|---|---|
| fa-adjust | f042 | |
| fa-angle-right | f105 | |
| fa-ambulance | f0f9 | |
| fa-balance-scale | f24e | |
| fa-angle-double-down | f13d | |
| fa-battery-quarter | f243 | |
| fa-bicycle | f206 | |
| fa-cc-visa | f1f0 | |
| fa-chain-broken | f127 | |
| fa-chrome | f268 | |
| fa-cut | f0c4 | |
| fa-delicious | f1a5 | |
| fa-code | f121 | |
| fa-cogs | f085 | |
| fa-clock-o | f017 | |
| fa-codepen | f0db | |
| fa-youtube-play | f16a | |
| fa-wheelchair | f193 | |
| fa-xing | f168 | |
| fa-youtube-play | f16a | |
| fa-thumbs-o-up | f087 | |
| fa-steam | f1b6 | |
| fa-ra | f1d0 | |
| fa-pied-piper-alt | f1a8 | |
| a-fort-awesome | f286 | |
| fa-clone | f24d | |
| fa-send-o | f1d9 | |
| fa-send | f1d8 | |
| fa-space-shuttle | f197 | |
| fa-amazon | f270 | |
| fa-spinner | f110 | |
| fa-weibo | f18a | |
| fa-vimeo-square | f194 | |
| fa-user | f007 | |
| fa-warning | f071 | |
| fa-tty | f1e4 | |
| fa-wifi | f1eb | |
| fa-xing | f168 | |
| fa-star-o | f006 | |
| fa-street-view | f21d | |
| fa-toggle-off | f204 | |
| fa-toggle-on | f205 | |
| fa-tags | f02c | |
| ga fa-tag | f02b |
Info: Nah untuk cara penggunaan class dan Cheatsheet nya, akan admin jelaskan sebentar lagi ya
Cara penggunaan
Cara menggunakan class dan Cheatsheet dari font awesomenya, kamu bisa membacanya menggunakan tombol dibawah ini, karena admin telah membuat artikel khusus yang membahas penggunaan font awesome versi ke 4.5.0