Cara Menambahkan ikon Bergambar Ke Menu Navigasi

Posted on

CARA MEMBUAT IKON DI NAVIGASI MENU – Dalam sebuah blog atau web pasti kalian menemukan di bagian navigasi yang bergambar ikon – ikon seperti gambar di bawah ini.

Lalu yang jadi pertanyaan nya bagai manakah cara membuatnya ?
Silahkan baca artikel ini sampai habis.

Untuk membuat menu tambahan dengan ikon bergambar seperti di atas hanya perlu menambahkan sedikit code ke template kalian, Kalian masuk ke tema,edit tema dan kalian cari code berikut <i class=’kode iklan tempel disini’/>    Nah dari mana kita mendapat code ikon itu sendiri, Kalian bisa mendapatkannya secara gratis di fontawesome.com . 


Cara pemasanagan

  1. Login terlebih dahulu ke blog kalian lalu pada Dhasboard pilih menu Tema  > Edit HTML  
  2. Kemudian kalian cari di menu navigasi dan di bawahnya terdapat code seperti 
  1. berikut <li><a href=’link-target‘><i class=’kode_icon‘/> judul</a></li> 

cari kode di atas dengan menekan tombol Ctrl dan F secara besamaan   
contoh kode ikon untuk sitemap

   3. Tapi biasanya blog sudah terdapat code seperti ini  <li><a href=  Jadi tinggal kalian masukan              code <i class=’kode ikon’/> dan di akhiri dengan judul navigasi kalian </a></li>

      4. Sekarang tahap untuk memasangkan kode yang tadi kalian dapatkan di fontawesome.com login dengan free downloads dan cari ikon yang kalian inginkan.
      5. Sesudah kalian dapatkan ikon yang di inginkan klik saja ikon tersebut nah di situ terdapat kode dan copy paste kode tersebut ke dalam code script tadi dan simpan.


Kesimpulannya : Saya yakin membuat ikon sperti cara di atas sangatlah mudah karna pada umumnya para blogger sudah tahu dengan CODE HTML dan mungkin cukup sekian artikel kali ini semoga bermanfaat.