Dorinkutozi

Tutorial Blogger, SEO Blogger, Template Blogger

Ads Here

Jumat, 10 Maret 2017

Cara Menggunakan Font Awesome Di Dalam HTML

gambar-awesome2
Ok sekarang kita lanjutkan pembahasan Cara Pasang Font Awesome Di Blog. Postingan kali ini saya akan membahas bagaimana Font Awesome bisa di tampilkan di blog atau di website kita. Ok kita langsung aja :
1. Cara menggunakan font awesome, maka contohnya seperti di bawah ini :
Ikon Rumah
Maka kode nya seperti dibawah ini :
 
<i aria-hidden="true" class="fa fa-home"></i>

2. Kemudian cara mengatur ukuran ikon, sobat cukup menambahkan fa-lg fa-2x fa-3x fa-4x fa-5x contoh nya seperti di bawah ini :

Ikon Rumah<i aria-hidden="true" class="fa fa-home"></i>
Ikon Rumah<i aria-hidden="true" class="fa fa-home fa-lg"></i>
Ikon Rumah<i aria-hidden="true" class="fa fa-home fa-2x"></i>
Ikon Rumah<i aria-hidden="true" class="fa fa-home fa-3x"></i>
Ikon Rumah<i aria-hidden="true" class="fa fa-home fa-4x"></i>
Ikon Rumah<i aria-hidden="true" class="fa fa-home fa-5x"></i>

Kita sampai disini dulu. Kita akan bahas Part 3 di artikel selanjutnya. Jika sobat kurang memahami kode di atas sobat bisa berkomentar di bawah. Semoga bermanfaat dan Terimakasih

Part 3 : Cara Mengatur Posisi Font Awesome Di HTML

Tidak ada komentar:

Posting Komentar