Cara Menggunakan Font Awesome Icons di Navigasi Menu Blog

Follow @romel_tea
Font Awesome Icons
Cara Menggunakan Font Awesome Icons di Navigasi Menu Blog. Membuat Menu Navigasi dengan Font Awesome.

AWESOME
Font atau Font Awesome adalah huruf  yang mengesankan atau jenis huruf yang ditunggu-tunggu. Itu pengertian harfiyahnya.

Font = huruf. Awesome = ks. mengagumkan, membuat terpesona. It was an a. sight to behold Pemandangan itu benar-benar mengagumkan.

Pengertian secara istilah, Font Awesome adalah jenis huruf yang membentuk atau menampilkan icon gambar. Karena sangat membantu, ringan, fast loading, maka jenis huruf ini menjadi dambaan setiap web designer maupun developer. Maka, disebutlah atau dinamailah huruf ini sebagai Awesome Font.

Cara Menggunakan Font Awesome

Ada dua tahap untuk menggunakan icon Font Awesome di blog
  1. Menambahkan Link Font-Awesome.
  2. Memasang Kode Font Awesome
Tambahkan kode berikut ini di atas kode </head>

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" />

Untuk menggunakannya di navigasi menu, maka  untuk memunculkan Font Awesome ini adalah dengan menggunakan tag <i> dan menambahkan class utama (fa) dan class untuk memanggil ikon tertentu, seperti ini:

<i class='fa fa-home'>&nbsp; Home</i>

Kode &nbsp; adalah kode untuk mengatur jarak antara ikon dengan teks.

Daftar gambar dan kode Font Awesome sebagai rujukan bisa dilihat di Font Awesome Cheatsheet atau yang lebih besar di Bootstrap.*

Thanks for reading Cara Menggunakan Font Awesome Icons di Navigasi Menu Blog | Tags:

Next Article
« Prev Post
Previous Article
Next Post »

Related Posts

Your Comments

2 komentar

Tulis komentar
Pu Je
AUTHOR
Tuesday, February 07, 2017 delete

thx gan bermanfaat...

Reply
avatar
Wednesday, October 18, 2017 delete

Akhirnya setelah keliling dan nyoba beberapa tutorial. Yang ini benar2 bekerja, thanks juragan.

Reply
avatar

No Spam, Please!