Cara Menambahkan Icon Pada Menu Navigasi Blog

Cara Menambahkan Icon Pada Menu Navigasi Blog

 

Pada kesempatan kali ini saya akan memberikan tutorial Cara Menambahkan Icon Pada Menu Navigasi Blog, mungkin anda bosan dengan tampilan menu navigasi anda yang berbentuk tulisan saja tanpa ada icon sedikitpun. Disini saya akan memberikan tutorialnya 

Namun sebelum itu saya akan menjelaskan apa sih itu menu navigasi?. Menu Navigasi adalah sebuah petunjuk atau arahan bagi pengunjung yang sedang berkunjung ke blog anda, menu navigasi adalah hal yang sangat penting bagi sebuah blog, agar pengunjung tidak tersesat dan tidak bingung

Untuk menambahkan icon pada menu navigasi anda hanya menggunakan SVG dan itu tidak akan memberatkan loading blog anda, untuk pembuatannya pun sangat mudah tanpa harus menggunakan jasa orang lain (bagi yang belum mengerti dunia perkodingan). 

Baca Juga :

Cara Menghilangkan Kode ?m=1 Dan ?m=0 Pada URL Blog

Cara Membuat Watermark Otomatis Pada Gambar Blog

Cara Membuat Tombol Share Ala Igniel

Apa sih untungnya menambahkan icon pada menu navigasi?. Menambahkan icon pada menu navigasi adalah agar blog anda terlihat cantik dan pengunjung tertarik dengan tampilan blog anda, daripada berlama – lama yuk langsung simak tutorialnya dibawah ini

Cara Menambahkan Icon Pada Menu Navigasi Blog

1. Login ke akun blog anda

2. Cari menu Tema > Edit HTML

3. Masukan kode dibawah ini dan letakkan tepat diatas </head>

<script crossorigin='anonymous' src='https://kit.fontawesome.com/e188a75150.js'/>

4. Cari icon yang akan anda gunakan di website  https://fontawesome.com/v4.7.0/icons/#web-application.  di website tersebut anda bisa mendapatkan banyak sekali icon yang anda inginkan

5. Jika anda sudah dapat kodenya, anda bisa langsung ambil kode tersebut dan letakkan di menu navigasi blog anda. Untuk sebagai contoh akan saya berikan seperti kode dibawah ini

<ul>
<li><a href='https://www.jagoanque.my.id/search/label/Google%20Adsense'><i aria-hidden='true' class='fa fa-usd'/> GOOGLE ADSENSE</a></li>
<li><a href='https://www.jagoanque.my.id/search/label/Blogging'><i aria-hidden='true' class='fab fa-blogger'/> BLOGGING</a></li>
<li><a href='https://www.jagoanque.my.id/search/label/Tips%20SEO'><i aria-hidden='true' class='fas fa-search'/> SEO</a></li>
<li><a href='https://www.jagoanque.my.id/search/label/Tutorial'><i aria-hidden='true' class='fas fa-feather-alt'/> TUTORIAL</a></li>
<li><a href='https://www.jagoanque.my.id/search/label/Game'><i aria-hidden='true' class='fas fa-gamepad'/> GAME</a></li>
</ul>

6. Kemudian Save tema dan lihat hasilnya

7. Selesai

Bagaimana? Sangat mudah bukan. Mungkin itu saja artikel saya kali ini tentang Cara Menambahkan Icon Pada Menu Navigasi Blog, semoga dengan adanya artikel ini bisa membantu anda yang sedang mempercantik menu navigasi blog anda.

Jika anda kesulitan atau masih belum mengerti silahkan komentar di kolom dibawah ini, saya akan berusaha untuk membalas satu per satu, sekian dulu artikel dari saya. Semoga bermanfaat