Beranda Tips Cara Memasang dan Menggunakan Font Awesome Pada Blogspot

Cara Memasang dan Menggunakan Font Awesome Pada Blogspot

0

Pada artikel kali ini akan saya jelaskan mengenai cara memasang Font Awesome pada template blogspot dan cara penggunaannya. Untuk kamu yang belum tau, font awesome merupakan kumpulan ikon-ikon yang menurut saya keren, kita hanya perlu menggunakan perintah teks (tanpa gambar) saja jika ingin menggunakannya. Didalam font awesome ini terdapat ratusan ikon yang bisa kamu gunakan untuk menunjang tampilan website kamu.

Keuntungan Menggunakan Font Awesome

Banyak sekali keuntungan menggunakan font awesome. Beberapa web developer juga menggunakan font awesome untuk membuat tampilan website menjadi lebih menarik. Tanpa kita sadari, penggunaan font awesome ini selain akan mempercantik tampilan juga tidak terlalu mengurangi kecepatan loading suatu website. Selain itu dengan menggunakan ikon-ikon dari font awesome ini juga membuat website kita mudah dipahami tampilan antar mukanya meskipun orang asing yang mengaksesnya. Dan yang paling penting, font awesome ini free atau gratis digunakan untuk website komersial maupun non komersial.

Memasang Font Awesome Pada Template Blogger

Langkah yang pertama, pastikan kamu sudah memiliki code link font awesome. Jika belum, kamu bisa mendapatkannya disini. Copy code link font awesome dan letakkan dibawah kode <head> pada template blog kamu. Sehingga hasilnya akan seperti berikut.

<head>
 <meta charset="utf-8">
 <title>Judul</title>
 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

Menggunakan Font Awesome

Jika ingin menggunakan font awesome pada halaman html adalah dengan menggunakan elemen <i>, kemudian diikuti oleh class nama icon yang akan digunakan. Contohnya seperti berikut. Misal kita akan menambahkan class icon “rumah” dengan kode fa fa-home (kamu bisa mengetahui kode ikon disini) maka penulisannya sebagai berikut.

Home

<i class="fa fa-home"></i> Home

Kamu juga bisa mengatur ukuran font awesome yang akan digunakan, dibalik, diberi border, diatur supaya berputar dan lain sebagainya. Lebih lengkapnya kamu bisa melihatnya disini.

Demikian tutorial mengenai Cara Memasang dan Menggunakan Font Awesome Pada Blogspot. Saya sarankan jika kamu pengguna font awesome untuk terus follow up perkembangan dari font awesome ini karena bisa jadi suatu saat terjadi perubahan di sisi cara pemanggilan ikon dan lain sebagainya. Sekian dari saya, semoga bermanfaat dan selamat mencoba.

LEAVE A REPLY

Please enter your comment!
Please enter your name here