Cara Memasang dan Menggunakan FontAwesome pada Blog - Kurazone Blog | Panduan Belajar Blogger Pemula

Cara Memasang dan Menggunakan FontAwesome pada Blog

Pilihan Editor :

Cara Memasang dan Menggunakan FontAwesome pada Blog
Penulis Bagus Surochman
0
Modus malam




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.
nanio
Cara Memasang dan Menggunakan FontAwesome pada Blog
Cara Memasang dan Menggunakan FontAwesome pada Blog Cara Memasang dan Menggunakan FontAwesome pada Blog Reviewed by Bagus Surochman on 6/07/2018

Tidak ada komentar:

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.