Cara Menggunakan Font Awesome di Blogger

Cara Menggunakan Font Awesome di Blogger

Font awesome merupakan kumpulan icon yang berbasis font. Penggunaan font awesome semakin banyak dalam desain sebuah blog saat ini karena lebih menarik dan ringan. Dengan menggunakan font awesome loading blog akan semakin ringan karena font awesome dapat menggantikan url gambar.

Sudah banyak Sobat blogger yang sudah membuat tutorial cara penggunaan font awesome ini di luar sana. Jadi tutorial ini saya buat untuk blogger pemula seperti saya, yang sudah karatan di dunia blogging mungkin sudah tidak asing lagi dengan font awesome ini.

Menggunakan font awesome dalam blog juga sangat mudah, Sobat hanya perlu menambahkan CSS berikut dalam di atas </head>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.1.1/css/font-awesome.min.css' rel='stylesheet'/>
Tetapi jika cara di atas menyebabkan error pada PageSpeed Insights, Soba dapat mencoba mempercepat loading font awesome seperti yang telah saya bahas sebelumnya.

Cara Menggunakan Font Awesome di Blogger

Cara Menggunakan Font Awesome

Untuk penggunaan Font Awesome secara sederhana, Sobat harus menambahkan tag <i> yang diikuti dengan class nama icon awesome.
<i class=’fa-facebook-square’> </i>
Contoh di atas adalah cara menggunakan font awesome secara sederhana. Sedangkan untuk menambahkan style tertentu pada font awesome agar lebih menarik dan sesuai dengan keinginan, Sobat tinggal menambahkan style css sesuka hati. Penulisannya seperti contoh di bawah ini.
<a href='#' title='Facebook'>
<i class=’fa-facebook-square’ style='font-size:115%; color:#FFC000'/> Facebook </a>

Daftar Icon font awesome

Untuk daftar icon font awesome kunjungi link berikut http://fortawesome.github.io/Font-Awesome/icons/ Demikianlah cara menggunakan font awesome ini, semoga dapat berguna dan bermanfaat untuk kita semua. Happy blogging!

Artikel terkait:

Bagikan: