Wednesday 22 November 2017

Cara memasang font awesome di blog

Font awesome adalah kumpulan icon dalam format css yang biasanya di gunakan pada desain web. Karena menggunakan Css maka akan lebih mudah untuk di manipulasi baik dari ukuran, warna dan efek-efek yang di inginkan.

Dulu sebelum adanya format seperti font awesome, mungkin kita masih sering menggunakan gambar dengan format png untuk membuat icon-icon kecil di halaan website. tetapi karena berupa gambar, maka sizenya akan lebih besar dan berat di bandingkan icon menggunakan font awesome ini.

Untuk menggunakan font awesome, cukup dengan memanggil class sesuai dengan icon yang diinginkan saja. Penggunaannya juga tergolong mudah dan tentu saja gratis.

Cara memasang font awesome di blog

Selain di gunakan pada halaman web, font awesome juga bisa di gunakan pada halaman blog. untuk melihat kumpulan font awesome yang bisa di gunakan, kita bisa mengunjungi halaman Font Awesome.

Untuk memasang di halaman blog, silahkan buka dashboard blog terlebih dahulu, kemudian klik Tema > Edit HTML.

Masukkan script berikut di atas tag </head>.kemudian simpan tema.

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

Silahkan kunjungi halaman Font Awesome dan pilih salah satu icon yang Anda inginkan, Anda bisa mengklik 2x pada icon yang di inginkan untuk mendapatkan kode pemasangan icon tersebut.

Cara memasang font awesome di blog

Contoh, disini saya mengklik icon Address book, maka akan keluar code yang bisa kita gunakan untuk di pasang di halaman web.

Kode berikut inilah yang akan kita gunakan untuk menampilkan icon di halaman web. 
<i class="fa fa-address-book" aria-hidden="true"></i>


Contoh, disini saya mengklik icon Address book, maka akan keluar code yang bisa kita gunakan untuk di pasang di halaman web.

Kode berikut inilah yang akan kita gunakan untuk menampilkan icon di halaman web.
<i class="fa fa-address-book" aria-hidden="true"></i>

Cara memasang font awesome di blog

Saya rasa cara di atas cukup mudah untuk dipahami dan di terapkan di dalam blog. silahkan bereksplorasi untuk cara penggunaannya.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments