×

search by faronesia.com

FARONESIA.COM
Profesional and Specialist WebDesign

Unduh dan dapatkan template blogger terbaik mulai dari premium hingga gratis tersedia di Faronesia.com

Unduh sekarang

Cara menambahkan font awesome pada blog

Halo sahabat FARONESIA, sebelum ke tutorilanya mari kita mengenal tentang apa itu font awesome secara jelas agar kita tidak hanya faham setengah-setengah. font awesome adalah sebuah toolkit dan icon yang berbasis CSS dan LESS. pembuatnya bernama Dave Gandy untuk digunakan pada twitter boostrap yang kemudian dimasukkan kedalam BoostrapCDN.

Dengan menggunakan font awesome ini blog maupun website lebih tampak profesional dan tentunya ringan sehingga dalam hal desain blog maupun web tidak perlu lagi menggunakan gambar-gambar tertentu untuk di jadikan icon didalam blog atau web.

Font awesome memiliki lebih dari 600 icon pada versi 4.7.0 dan tentunya gratis digunakan blog atau web manapun. Dalam penggunaannya, font awesome dapat di kontrol menggunakan CSS seperti ukuran, warna, dan lain-lain. Font awesome ini juga bisa terlihat dengan baik dan sempurna pada perangkat manapun tanpa terjadi icon pecah-pecah maupun blur.

Cara menggunakan font awesome:

Untuk menggunakan font awesome ini cukup mudah, kamu hanya memasang link dari file font-awesome.min.css lalu letakkan diatas kode </head>
<link href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'></link>
Selanjutnya kamu bisa menggunakan berbagai pilihan icon yang tersedia dalam fitur font awesome tersebut.

Daftar icon font awesome DISINI

Cara penerapan nya sangat mudah, pada versi sebelumnya font awesome menggunakan tag <span> untuk membungkusnya namun pada versi ini font awesome ingin memudahkan penggunanya menggunakan tag <li> bagaimana bentuk nya? Seperti yang terdapat pada menu-menu suatu blog maupun website rata-rata menggunakan tag <li> jadi dalam contoh ini kita akan menggunakan fungsi tersebut.
Contoh:
<i class="fa fa-users"></i> Gabung yuk
Hasilnya:
Gabung yuk

Jika dipasang pada tag <li> pada menu blog maka penampang kodenya seperti dibawah ini.
<li><a href='/'><i class='fa fa-users'/> bergabung yuk</a></li>
Sumber FARONESIA
Sementara sampai disini dulu penjelasan admin  tentang Cara menambahkan font awesome pada blog semoga bermanfaat dan menambah wawasan para blogger dan pembaca dimanapun berada. Jangan lupa share dan komen.

Posting 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.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Developer

test-1 test-2
Saya adalah seorang Web Designer dan Front-End Developer, 5 tahun dalam pengalaman bermain coding sejak SMA. Pemilik Blog Faronesia sekaligus Desainer Template Blogger.

azza / owner faronesia
Saya adalah mahasiswi sekaligus penulis lepas di sela-sela kesibukan saya. Penulis Faronesia sekaligus penyempurna naskah artikel.

shofi / author faronesia
Notifikasi pengguna

Tetap selalu terhubung dengan kami untuk menjadi bagian dari Faronesa caranya cukup dengan menekan tombol dibawah ini.

Tutup