CARA MEMASANG ICON DISAMPING MENU NAVIGASI BLOG

Pada kesempatan kali ini saya akan membagikan tutorial tips Cara memasang gambar icon disamping menu navigasi blog. Cara memasang icon disamping menu navigasi blog ini mungkin lebih dikenal dengan icon font Awesome disamping menu blog. Tujuan dipasang buat apa? menurut hemat saya tujuan pemasangan icon font Awesome disamping menu blog ini tiada lain tiada bukan adalah untuk mempercantik tampilan menu. Dengan adanya icon font awesome ini, memang menu navigasi blog Anda akan terlihat lebih indah dan profesional. 

Apakah sulit memasang / membuat icon disamping menu blog?

membuat icon disamping menu suatu blog tidaklah terlalu sulit, Anda hanya perlu menambahkan beberapa kode pada template dan meletkkan kode icon font awesome tepat sebelum tulisan menu / menu navigasi blog Anda.

Langkah-langkah memasang icon font Awesome di samping menu blog

  • letakkan kode di bawah ini seseudah <head> atau sebelum </head>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
  • kemudian pilih icon yang ingin Anda letakkan disamping menu, klik icon Font Awesome
  • klik icon yang Anda pilih sehingga muncul kodenya, contoh icon font awesome home, kodenya adalah:
<i class="fa fa-home" aria-hidden="true"></i>
  • letakkan kode tersebut disamping tulisan home dan beri satu spasi, maka hasilnya akan seperti gambar di bawah ini.

Cara memasang icon disamping menu blog

  • Untuk menu menu yang lain jika ingin ditambahkan icon font awesome ikuti saja langkah-langkahnya seperti pemasangan pada menu home.

Akhir kata
Semoga tips sederhana memasang gambar icon disamping menu navigasi blog ini bermanfaat bagi Anda. Tentunya tutorial ini tidak terlepas dari kekurangan, jadi saran dan tambahan dari Anda bisa diutarakan pada kolom komentar. Terimakasih, sampai jumpa di postingan selanjutnya.

4 komentar: