Cara Memasang Font Awesome Untuk Penggunaan Ikon Di Blog
-Font Awesome yaitu Framework CSS yang sangat membantu banyak developer untuk penggunaan ikon. Kaprikornus mereka tidak perlu repot-repot menciptakan ikon sendiri.
Tinggal memanggil dari website Fontawesome sudah sanggup menggunakan bermacam-macam ikon yang disediakan.
1. Kunjungi alamat web resmi Font Awesome.
2. Plih Tombol Start Using Free.
3. Copy Kode Kit yang kau dapatkan.
4. Nah selanjutnya kau buka akun blogger pergi ke pengaturan tema HTML.
Cari isyarat </head> dan pastekan isyarat kit tadi sempurna DI ATAS </head>.
5. Klik SIMPAN. Dari sini kita sudah berhasil meng-install Font Awesome di Blog.
1. Buka Web Font Awesome.
2. Klik sajian Icons. Untuk melihat daftar koleksi ikon.
3. Lalu sebagai teladan ketikkan kata "Laptop". Lalu Klik ikon Laptopnya.
4. Selanjutnya akan muncul isyarat unicode dan isyarat HTML untuk penggunaan icon.
Lalu bagaimana cara menambahkannya dalam penulisan html di Blog.
Ada banyak cara, misal cara dibawah ini.
Cara Memasang ikon Font Awesome melalui HTML
Cara untuk memasang ikon Font Awesome melalui HTML yaitu dengan menuliskannya ke dalam tag berjenis inline menyerupai i dan span. Hampir sebagian besar lebih menentukan menggunakan i, di websitenya pun dicontohkan menggunakan i, jadi kita pun akan menggunakan tag tersebut (berhubung penulisannya lebih pendek juga sih).Berdasarkan klarifikasi di atas, maka yang harus kau lakukan yaitu menuliskan tag HTML i dan menambahkan nama class dari ikon ke dalamnya. Dimana nama class ini berawalan fas (dulu menggunakan fa namun dimatikan dalam Font Awesome versi 5).
Contohnya menyerupai ini:
Mengubah Ukuran
Untuk mengubah ukuran tinggal menambahkan class lain yaitu
"fa-xs", "fa-sm", "fa-2x", "fa-3x", "fa-4x", "fa-5x", "fa-6x", "fa-7x", "fa-8x", "fa-9x", "fa-10x".
Contohnya
Mudahkan Cara Memasang Font Awesome Untuk Penggunaan Ikon di Blog ini. Kamu sanggup mengkreasikan semua yang ada dengan Font Awesome. Sumber https://gawarii.blogspot.com/
Tinggal memanggil dari website Fontawesome sudah sanggup menggunakan bermacam-macam ikon yang disediakan.
Cara Memasang Font Awesome Untuk Penggunaan Ikon di Blog
Dalam penggunaanya Font Awesome ini mempunyai kelebihan yang cukup banyak.Kelebihan Font Awesome
- Gratis, Font Awesome boleh dipakai siapapun.
- Dokumentasi lengkap.
- Memiliki koleksi ikon yang lengkap.
- Compatible diberbagai browser.
- Mudah digunakan.
- Ringan.
Cara Install Font Awesome
Dalam memasang atau install Font Awesome juga cukup mudah. Ikuti langkah-langkah berikut.1. Kunjungi alamat web resmi Font Awesome.
https://fontawesome.com2. Plih Tombol Start Using Free.
Jika belum mempunyai akun ikuti panduan mendaftarnya nanti akan menerima isyarat kit kamu.
3. Copy Kode Kit yang kau dapatkan.
4. Nah selanjutnya kau buka akun blogger pergi ke pengaturan tema HTML.
Cari isyarat </head> dan pastekan isyarat kit tadi sempurna DI ATAS </head>.
5. Klik SIMPAN. Dari sini kita sudah berhasil meng-install Font Awesome di Blog.
Cara Pakai Font Awesome
1. Buka Web Font Awesome.
2. Klik sajian Icons. Untuk melihat daftar koleksi ikon.
3. Lalu sebagai teladan ketikkan kata "Laptop". Lalu Klik ikon Laptopnya.
4. Selanjutnya akan muncul isyarat unicode dan isyarat HTML untuk penggunaan icon.
Lalu bagaimana cara menambahkannya dalam penulisan html di Blog.
Ada banyak cara, misal cara dibawah ini.
Cara Memasang ikon Font Awesome melalui HTML
Cara untuk memasang ikon Font Awesome melalui HTML yaitu dengan menuliskannya ke dalam tag berjenis inline menyerupai i dan span. Hampir sebagian besar lebih menentukan menggunakan i, di websitenya pun dicontohkan menggunakan i, jadi kita pun akan menggunakan tag tersebut (berhubung penulisannya lebih pendek juga sih).Berdasarkan klarifikasi di atas, maka yang harus kau lakukan yaitu menuliskan tag HTML i dan menambahkan nama class dari ikon ke dalamnya. Dimana nama class ini berawalan fas (dulu menggunakan fa namun dimatikan dalam Font Awesome versi 5).
Contohnya menyerupai ini:
<i class="fas fa-laptop"></i>Mengubah Ukuran
Untuk mengubah ukuran tinggal menambahkan class lain yaitu
"fa-xs", "fa-sm", "fa-2x", "fa-3x", "fa-4x", "fa-5x", "fa-6x", "fa-7x", "fa-8x", "fa-9x", "fa-10x".
Contohnya
<i class="fas fa-laptop fa-2x"></i> <i class="fas fa-laptop fa-3x"></i> <i class="fas fa-laptop fa-5x"></i> <i class="fas fa-laptop fa-7x"></i>Mudahkan Cara Memasang Font Awesome Untuk Penggunaan Ikon di Blog ini. Kamu sanggup mengkreasikan semua yang ada dengan Font Awesome. Sumber https://gawarii.blogspot.com/