Cara mengatur posisi font awesome

28/06/2015    Rido Sandi Atmanto    3076     Website

Halo teman-teman dumetschool !

Apa itu font-awesome? Font Awesome adalah tombol dan kumpulan icon yang berbasis font. Artinya, jika kita membutuhkan ikon di blog, Anda tidak pelu menggunakan gambar / image apapun tapi cukup menggunakan fonts yang telah berbentuk icon-icon sehingga lebih menarik untuk dipandang. Dengan penggunaan font icons ini loading blog juga akan lebih cepat .

Beberapa hari lalu ada salah satu murid yang menanyakan bagaimana cara mengatur font-awesome yang dia gunakan di website yang dia buat agar lebih rapi. Dari sekian banyak solusi menurut saya ada satu solusi yang paling manjur.

Bagaimana caranya?

Gunakan saja position! Ya, position. Jadikan font awesome menjadi absolut. Kemudian pada area tempat dimana font awesome dipasang harus dijadikan relatif. Setelah itu tinggal di geser menggunakan top, left, right, ataupun bottom sehingga posisinya menjadi pas sesuai dengan keinginan kita.

Lalu bagaimana cara memberikan style-nya di CSS?

Font awesome menggunakan pasangan tag <i> yaitu <i> dan </i>.  Jadi, cukup dipanggil saja tag <i> nya di CSS. Jika masih tidak berefek juga maka munculkan style dengan pengaturan tambahan yaitu !important.

Mudah bukan teman-teman cara mengatur possisi font awesome. Semoga bermanfaat ya

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More