Cara Menambahkan Ikon Gambar Pada Menu Navigasi Blog

Memasang menu navigasi pada blog sangatlah penting, bisa dikatakan ini adalah suatu kewajiban supaya para pengunjung bisa nyaman dan betah berlama-lama membaca blog kita, dengan adanya menu navigasi pengunjung bisa dengan mudah mengakses sesuatu yang mereka inginkan. Supaya navigasi blog terlihat lebih menarik biasanya para blogger suka menambahkan ikon gambar pada setiap menu navigasi tersebut.


Dengan adanya ikon di setiap menu navigasi ternyata ini tidak hanya membuat tampilan blog lebih menarik saja, akan tetapi ini bisa membuat pengunjung lebih mengerti. Lantas bagaimanakah cara menambahkan ikon navigasi pada blog? Caranya sangat mudah kok yang penting kalian baca dan simak baik-baik berikut ini.

Baca Juga: Cara Membuat Warna Gradasi Pada Header Template Viomagz

Untuk menambah ikon pada menu navigasi blog langkah pertama yang harus dilakukan yaitu membuka situs https://fontawesome.com/v4.7.0/icons/ kemudian pilih salah satu ikon yang di inginkan, lalu copy code yang terdapat pada ikon tersebut, sebagai contoh seperti gambar dibawah ini.

                      <i class="fa fa-android" aria-hidden="true"></i>

Setelah itu masuklah ke dashboard blog kalian pilih tema dan edit HTML, carilah menu navigasi kalian dulu, biasanya tampilan menu navigasi kurang lebih seperti pada gambar dibawah ini.

<li><a href='https://www.klikpoin.com/search/label/Android'>Android</a></li>
<li><a href='https://www.klikpoin.com/search/label/Aplikasi'>Aplikasi</a></li>
<li><a href='https://www.klikpoin.com/search/label/Internet'>Internet</a></li>
<li><a href='https://www.klikpoin.com/search/label/Komputer'>Komputer</a></li>
<li><a href='https://www.klikpoin.com/search/label/Blogger'>Blogger</a></li>

Setelah itu pastekan code ikon yang telah di copy tadi dan taruh tepat sebelum judul navigasi, contohnya seperti gambar dibawah ini, huruf yang ditandai merah adalah kode ikon, jika sudah langsung saja klik simpan.

<li><a href='https://www.klikpoin.com/search/label/Android'><i class="fa fa-android" aria-hidden="true"></i>Android</a></li>
 


Selamat karena sekarang menu navigasi blog kalian telah dihiasi ikon yang keren. Demikianlah turorial cara menambahkan ikon pada menu navigasi blog, terimakasih semoga bisa bermanfaat.

Belum ada Komentar untuk "Cara Menambahkan Ikon Gambar Pada Menu Navigasi Blog"

Posting Komentar