Memasang font awesome icon di blogger

Untuk membuat blog lebih menarik tentunya kita juga memerlukan icon-icon gambar kecil yang dapat dipasang di blog.
Jika dulu kita hanya dapat memasang icon gambar dengan URL file gambar online,maka disaat ini kita dapat memasang icon dengan bantuan font awesome icon,sehingga loading blog tidak terlalu berat dan untuk kualitas icon yang dihasilkan termasuk baik.
Font Awesome icon adalah ikon yang berasal dari pustaka Font Awesome, yaitu kumpulan ikon dan fon yang berbasis CSS dan Less. Ikon ini digunakan oleh pengembang, desainer, dan kreator konten untuk membuat situs web.
Untuk lokasi pemasangan font awesome icon tidaklah sulit, karena dapat diterapkan di bagian manapun pada halaman blog maupun postingan.

Cara memasang font awesome di tema blogger

1. Pertama, silahkan anda klik Tema, Edit HTML.
2. Masukkan kode berikut ini diatas kode </head>

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>

3. Berikutnya klik Simpan.

Cara menggunakan font awesome

I. Mendapatkan kode untuk icon yang akan digunakan

1. Pertama anda buka situs fontawesome.com/icons.
2. Berikutnya cari icon yang ingin anda gunakan, untuk iconnya ada yang biasa dan ada yang pro.
3. Sebagai contoh, anda ingin menggunakan icon berbentuk "user", silahkan klik kode tersebut maka dibawahnya akan muncul kode HTML yang dapat anda gunakan di blog, berikutnya salin kode tersebut.

II. Menerapkan font icon di blog

1. Masuk ke blogger.com.
2. Sebagai contoh anda ingin menggunakannya didalam postingan, maka pada saat membuat postingan, silahkan anda pindah ke mode penulisan HTML, berikutnya masukkan kode HTML yang sudah anda salin di situs fontawesome dengan format berikut

<i class='fa fa-user'> isi teks postingan </i>

atau

isi teks postingan
<i class='fa fa-user'></i> isi teks postingan

3. Klik Pratinjau untuk melihat hasilnya.

Demikianlah cara memasang dan menggunakan font awesome di blogger, semoga bermanfaat.

Related