KURAZONE ~ Mungkin sahabat Kurazer dirumah sudah pada sering mendengar istilah FontAwesome ini, dimana FontAwesome ini merupakan kemudahan baru untuk para pengelola web/blog dalam menggunakan icon website dalam bentuk vektor.
Font Awesome memberikan kalian kemudahan dalam menggunakan icon website dalam bentuk vector. Font Awesome selayaknya penggunaan font face pada umumnya yang dapat dengan mudah di customized dengan berbagai style css seperti size, color, drop shadow dan lain-lain. sumber : dumetschool
Sebelum menggunakan FontAwesome, maka yang wajib kita pasang pada Blog adalah direktori dari FA tersebut. Berikut adalah Cara Memasang dan Menggunakan FontAwesome pada Blog
Cara Memasang Direktori FontAwesome pada Blog
Direktori FA ini sangat diperlukan jika ingin FA tampil di Blog kita. Setelah menghubungkan Server Direktori FA dengan blog kita, maka nantinya kita tinggal memasukkan kode-kode FA nya saja.[1] Masuk ke akun Blogger > Template > Edit HTML
[2] Carilah kode <head>
[3] Kemudian Copy salah satu dari kode dibawah ini :
[3] Kemudian Copy salah satu dari kode dibawah ini :
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"/>
atau
<link href='path/to/font-awesome/css/font-awesome.min.css' rel='stylesheet'/>
[5] Simpan Template
[6] Selanjutnya tinggal memanggil kode FontAwesome yang anda dapatkan dari situs dibawah ini :
https://fortawesome.github.io/Font-Awesome/icons/
Cara Menggunakan FontAwesome pada Blog :
Setelah memasang direktori FA pada Blog, selanjutnya adalah menggunakan FA itu sendiri. Menggunakan FA pada blog berarti kita memanggil kode FA sesuai kode yang telah kita dapatkan dari situs penyedia FA diatas.
Sebagai contoh FontAwesome yang kita gunakan adalah ikon "HOME", yang memiliki kode seperti dibawah ini :
<i class="fa fa-home"></i>sehingga jika ingin menggunakan ikon Home tersebut, maka penulisannya cukup seperti ini :
kode Fontawesome disini Beranda
Menjadi :<i class="fa fa-home"></i> Beranda
Hasilnya akan nampak seperti dibawah ini (ikon Home berada disebelah kiri teks Beranda) :
Beranda
Note :
- Pastikan bahwa kode direktori fontawesome-nya sudah terpasang pada template blog kalian, jika belum terpasang maka FontAwesome nya tidak akan tampil.
- Ikon - ikon FA ini sangat cocok digunakan pada Menu - Menu Blog
Itulah informasi mengenai "Cara Memasang dan Menggunakan FontAwesome pada Blog", selamat mencoba dan semoga bermanfaat.