Cara membuat Font Awesome dengan mudah - Apa pengertian dari font awesome? Dan bagaimana cara memasangnya di blog?
Dalam menghias blog tidak perlu secara berlebihan karena pada dasarnya menghias blog tujuannya yaitu membuat pengunjung nyaman, yang perlu diperhatikan adalah bagaimana mengetahui selera pengunjung karena jangan sampai menghias blog dengan mengikuti selera diri sendiri tapi tidak membuat pengunjung merasa nyaman dan malah membuat mereka merasa terganggu.
Menghias blog dapat dilakukan mulai dari menambahkan elemen-elemen kecil yang mejadi pendukung elemen inti dalam blog tersebut. Setelah sebelumnya telah mengulas tentang Favicon kali ini saya akan membahas tentang Font Awesome dan bagaimana cara memasangnya di blog.
Font awesome dalam arti bahasa adalah serangkaian icon, karakter atau simbol yang mengagumkan, sedangkan dalam penerapannya adalah sekumpulan icon yang berupa vector dan scable yang artinya dalam ukuran berapapun gambar icon tersebut tidak akan pecah dengan tujuan untuk menghias menu-menu yang ada di website atau blog.
Font awesome juga berfungsi untuk menegaskan gambaran nama menu-menu yang ditampilkan, misalnya menu televisi dengan gambar layar tv, menu car dengan gambar mobil dan sebagainya.
Dengan adanya font awesome dinilai memberi kemudahan karena tidak perlu lagi mencari icon dalam bentuk gambar .png atau .gift, yang dinilai kurang praktis karena masih harus menyesuaikan ukurannya serta gambar yang pecah bila resolusi kurang baik.
Bahkan dengan font awesome anda dapat mengcustom sebuah icon, anda dapat merubah ukuran, merubah warna, menambahkan shadow, memberi efek animasi, mengatur penempatan dan yang lainnya sesuai keinginan anda. Font awesome dapat digunakan secara gratis bahkan untuk kegiatan komersial sekalipun.
Sebenarnya cara membuat font awesome cukup mudah asal mengikuti langkah-langkah yang benar. Berikut ini langkah-langkah cara menggunakan font awesome dan memasangnya di blog,
1. Cara yang pertama yaitu anda masuk di situs penyedia font awesome dan mencari icon apa yang hendak di gunakan. yaitu, Fontawesome.io
2. Jika sudah menemukan icon yang dicari, tinggal menambahkan baris kode berikut ini di file HTML anda tepatnya di bawah <head>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
3. Kemudian pasang kode icon yang diinginkan ke dalam menu yang hendak diberi icon tersebut dan letakan di Class
Contoh cara memasang kode icon di menu "BLOG"
<li><a href='URL blog anda/search/label/BLOG' itemprop='url'><span class='fa fa-desktop' itemprop='name'> BLOG</span></a></li>
- fa-desktop adalah kode icon
- Tampilan akan seperti ini,
Demikian cara menghias blog dengan menambahkan font awesome untuk mempercantik tampilan blog. Sekedar mengingatkan bahwa perlu mengimbangi antara membuat artikel yang berkualitas dengan tampilan blog yang bagus. Karena mempunyai banyak artikel yang berkualitas namun tampilan blog yang menjemukan akan membuat pengunjung tidak nyaman, serta tampilan blog yang bagus namun tidak banyak artikel yang berkualitas juga sama saja, jadi kedua aspek ini saling melengkapi. Sekian artikel dari saya semoga bermanfaat.
1 komentar so far
Freechip 20k untuk new member yang terdaftar di hari minggu
khusus untuk permainan WM CASINO
dapatkan juga promo menarik lainnya hanya di agens128
jangan lupa di ajak teman teman nya ya guys ... Info Lebih Lanjut Hubungi Contact Kami :
BBM : D8B84EE1 / BBM : AGENS128
-Berkomentar dengan sopan
-Jangan sertakan link aktif
EmoticonEmoticon