Cara Memasang dan Menggunakan FontAwesome pada Blog

byKurazone Net -

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 : 
<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'/>
[4] Letakkan kode tersebut tepat dibawah kode <head>
[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 :
  1. Pastikan bahwa kode direktori fontawesome-nya sudah terpasang pada template blog kalian, jika belum terpasang maka FontAwesome nya tidak akan tampil.
  2. 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.
Tags





Lebih baru Lebih lama