Cara Membuat Icon di Menu Navigasi Terbaru 2016

Mempunyai Icon di menu navigasi adalah keunikan tersendiri untuk blog kita. memberikan icon tersebut, menambah kesan yang proffesional. contohnya seperti ini.

Buka Gambar:

bagi kamu yang ingin membuat icon di menu navigasi, tidak perlu kawatir. karena kamu sudah tepat mengunjungi blog ini. tutorial yang akan saya berikan akan saya sajikan secara detail.

Contoh menu navigasi saya.

"Lalu bagaimana cara menerapkannya?"

Sabar dulu teman teman, tak perlu terburu-buru untuk menerapkannya. baca dan pahami terlebih dahulu.

Biasanya Kode Menu Navigasi Standart ( Tanpa Icon ) seperti ini :

<li><a href='#'>About</a></li>

Jika kita ingin menambahkan Icon maka kita akan menambahkan Kodenya. seperti ini :

<li><a href='#'><img src='#'/>About</a></li>

Fungsi ( <img src='#'/> ) itu tempat Link dari Icon yang akan kita masukan.

"Dari mana saya bisa mendapatkan Link Icon untuk Menu Navigasi?"

Untuk menemukan Link Icon Navigasi, kamu Kunjungi Link Ini Find Icons.
Saya sarankan, jika ingin menggunakan icon untuk menu navigasi, ukuran tidak boleh lebih dari 16x16. jika lebih dari itu, maka ukuran tulisan dan icon akan berbeda dan tidak enak dipandang. kecuali bagi kamu yang sudah merubah ukuran font menu navigasinya.

Cara Memasukan Link Icon Menu Navgiasi

Jika kamu sudah mengunjungi link yang sudah saya berikan, kamu hanya perlu mencari icon yang akan kamu cari dikotak pencarian seperti ini.

Cara Membuat Icon di Menu Navigasi Terbaru 2016

Contoh misal kita mencari icon "About". maka tulislah kata "About". lalu akan muncul banyak icon dengan berbagai ukuran. silahkan kamu cari icon yang berukuran 16x16. Kamu Klik aja salah satu Iconnya dan pilih ukuran 16x6 nya.

Jika sudah menemukan ukuran 16x16, selanjutnya klik kanan icon tersebut, dan pilih "Copy Image Address".

Langkah selanjutnya.

1. DashBoard Blog
2. Template >> Edit HTML
3. Cari Menu Navigasi yang mau dikasih Icon. Contoh Menu Navigasi Standartnya

<li><a href='#'>About</a></li>

4. Kemudian Tambahkan ( <img src='#'/> ) Untuk Link Iconnya. Maka akan seperti ini

<li><a href='#'><img src='#'/>About</a></li>

5.. Letakkan Link Icon yg dicopy tadi di tanda ( # ) bagian Hitam.

<li><a href='#'><img src='#'/>About</a></li>

Makan akan seperti ini

<li><a href='#'><img src='http://findicons.com/files/icons/734/phuzion/16/info.png'/>About</a></li>

"Seperti apa hasilnya?"

Untuk Memberi icon pada menu selanjutnya, lakukan sama seperti cara diatas.

Begitulah cara membuat icon di menu navigasi. jika ada pertanyaan, silahkan bertanya pada kolom komentar dibawah. dengan senang hati saya akan membalasnya.

Terimakasih Sudah berkunjung.