Halaman Depan Website Font Awesome | Image Courtesy of : (HASIL SCREENSHOT DARI HALAMAN DEPAN WEBISTE : fontawesome.io)
Bissmillahir Rahmannir Rahim. Assalammu'alaikum Warahmatullahi Wabarakatuh. Halo agan-agan semua pembaca setia Blog Rayhanar! Kembali lagi bersama ane dengan artikel tentang blog. Kali ini, ane akan membahas tentang cara memasang font awesome di blog. Langsung Menuju TKP!
Sebenarnya, apa sih Font Awesome itu?
Font Awesome adalah salah satu framework CSS. Disini, Font Awesome menyediakan style CSS yang jika kita gunakan akan memunculkan ikon-ikon tertentu. Seperti bendera, kue ultah, pensil, dll.Jadi, defimisi singkatnya Font Awesome itu framework yang dapat memunculkan ikon. Salah satu kelebihan Font Awesome adalah :
1. Tanpa Javasript, karena hanya menggunakan CSS saja.
2. Mudah digunakan. Bahkan pemula pemrograman ataupun yang tidak mengerti program pun bisa menggunakan ini.
3. Ada sekitar 400+ ikon yang bisa kita gunakan dengan Font Awesome.
4.Dan untuk kelebihan lainnya, bisa dilihat di halaman depat Font Awesome Disini.
Cara Memasang Font Awesome
Nah terus gimana cara masang nya? Baca dibawah ini gan :
1. Buka blog agan, klik template, setelah itu klik Edit HTML
2. Cari kode </style>. Untuk caranya, bisa dilihat disini (lihat point ke 2)
3. Copy kode dibawah ini, lalu paste di atas kode </style>
4. Klik Simpan Template, dan selesai...
Cara Menggunakan Font Awesome
Sekarang, Font Awesome sudah bisa digunakan! Nah terus cara make'nya gimana gans? Gampang kok, gk pake Edit HTML lagi, nih pake kode ini
Hasilnya :
Untuk ikon CSS lainnya, bisa dilihat disini!
Cara Memasang Font Awesome
Nah terus gimana cara masang nya? Baca dibawah ini gan :
1. Buka blog agan, klik template, setelah itu klik Edit HTML
2. Cari kode </style>. Untuk caranya, bisa dilihat disini (lihat point ke 2)
3. Copy kode dibawah ini, lalu paste di atas kode </style>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
4. Klik Simpan Template, dan selesai...
Cara Menggunakan Font Awesome
Sekarang, Font Awesome sudah bisa digunakan! Nah terus cara make'nya gimana gans? Gampang kok, gk pake Edit HTML lagi, nih pake kode ini
<i class="IKON_CSS_FONT_AWESOME"></i>
Contoh kode
<i class="fa fa-comments"></i>
Hasilnya :
Untuk ikon CSS lainnya, bisa dilihat disini!
Gimana gan, bermanfaat gak? Silahkan dicoba!