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!
3 komentar
Write komentarmasalahnya kode style di blog ane malah gak ada gan, hilang entah kemana -_-. Kode body juga gak ada -_-. error nih blog ane.. btw nice artikel gan
ReplyKlo kode body gk ada, pasti blog agan nge blank, karena tag (kode) body itu bagian yang wajib di html dan blogger. Btw, klo gk ada kode style, bisa taro di atas kode </head> gans :D
ReplyThanks udah mampir :D
Untuk menulis huruf bold silakan gunakan <strong>KOMENATAR ENTE DISINI</strong> atau <b>KOMENTAR ENTE DISINI</b>.
Untuk menulis huruf italic silakan gunakan <em>KOMENTAR ENTE DISINI</em> atau <i>KOMENTAR ENTE DISINI</i>.
Note : Ganti "KOMENTAR ENTE DISINI" dengan komentar ente
EmoticonEmoticon