Font Awesome

Varokah~

Font Awesome adalah kumpulan ikon yang berguna untuk mempercantik blog,biasanya font awesome diletakkan di menu navigasi blog. dengan memasang font awesome kamu tidak perlu lagi memakai image/gambar yang berpengaruh pada kecepatan loading blog. Oke langsung saja saya akan jelaskan bagaimana memaang font awesome.

Langkah-Langkah :

1.  Buka Link Font Awesome pada browser anda http://fontawesome.io/icons/

2.   Kemudian cari ikon yang anda inginkan
   

3.   Sebagai contoh saya mengambil ikon "rocket" maka akan muncul tampilan seperti dibawah ini.

4.   Kemudian masuk ke edit html template anda, cari nama Tutorial dengan menggunakan (Ctrl+F)

5.   Maka akan muncul kode seperti dibawah ini

6.  Masukan kode rocket  <i class="fa fa-rocket" aria-hidden="true"></i> diantara kode 'h/label/Tutorial'>masukan kode rocket tadi disini Tutorial</a></li>' (tambahkan 1 spasi di antara kode dan tulisan tutorial)

7. Maka akan jadi seperti ini 

8. Jika kamu ingin memperbesar/memperkecil ikon tadi maka tambahkan kode

     fa-lg , fa-2x, fa-3x, fa-4x ,atau fa-5x (pilih salah satu)

Contoh: 

Dan akan menghasilkan ikon

(NB: Gambar hanya contoh,capek mimin nulis jadinya gitu :v)

9. Seletah kamu menabahkan kode tadi maka hasilnya akan seperti ini (mimin pakai yang fa-lg)

Kemudia Save Template!!!

Tada Sekarang menu navigasi jadi lebih menarik deh :D, sekian dari saya semoga artikel ini bermanfaat. Thanks For Visit My Blog :) See You Again