Cara Menambahkan Icon Pada Menu Navigasi Blog

By Digital Brain -


Memasang menu navigasi merupakan sebuah kewajiban bagi pemilik blog, gunanya adalah untuk memudahkan pengunjung dalam mengakses artikel ataupun menu yang lainnya yang ada pada blog tersebut. Selain itu dengan memasang menu navigasi blog akan terlihat lebih cantik dan elegan. 

Agar lebih menarik lagi kamu juga dapat menambahkan icon yang sesuai dengan menu navigasi blog kamu. Contohnya  adalah seperti blog saya ini yang sudah saya tambahkan icon menu pada menu navigasinya, lebih enak untuk dilihat kan ?

Nah, hal yang sama pun bisa kamu terapkan kedalam blog yang kamu miliki, Yuk simak tutorial yang akan kita pelajari kali ini yakni Cara Menambahkan Icon Pada Menu Navigasi Blog. Untuk menambahkan icon menu saya mendapatkanya dari situs Font Awesome, dimana di situs ini kita bisa mendapatkan banyak sekali kode icon yang bisa kita pasang di blog. Berikut adalah tutorialnya :

  • Langkah pertama : Silahkan masuk ke dashboard blog kamu dan masuk ke Tema lalu edit HTML
  • Yang kedua : Cari kode html untuk menu navigasi kamu. Sebagai contoh karena saya menggunakan template viomagz maka tampilan kode html pada menu saya adalah seperti ini :                          <li><a href='https://kohafoek.blogspot.com/'>  HOME</a></li>
  • Langkah ketiga : Silahkan masuk ke website font awesome  atau klik link berikut => https://fontawesome.com/icons?d=gallery  Di font awesome kamu akan dihadapkan dengan banyak sekali contoh icon yang bisa kamu download dan kamu pasang ke menu navigasi blog.
  • Langkah keempat : Carilah icon menu yang ingin kamu pasang ke menu navigasi blog dan jika sudah cocok maka salin kodenya dan letakkan pada html menu navigasi blog kamu. 


  • Tambahkan kode berikut <i aria-hidden='true' class='####'/>
  • Ganti tanda pagar dengan kode yang telah kamu salin dan ingat kamu hanya perlu menyalin kode yang saya beri tanda panah . Perhatikan pada gambar dibawah ini : 


  • Letakkan kode icon navigasi sebelum judul navigasi bar yang ada pada blog maka hasilnya adalah sebagai berikut  :                                                                                                                               <li><a href='https://kohafoek.blogspot.com/'><i aria-hidden='true' class='fa fa-home'/>  HOME</a></li>
  • Jika sudah jangan lupa di save, dan lihat hasilnya
  • NB : Jika kode tidak muncul maka carilah icon menu lainnya dan salin kodenya.

Comments

Post a Comment

Popular posts from this blog

BlueHost Review 2021: What's New In BlueHost? The Complete Overview With Pros & Cons

By Digital Brain -
Image
What's The   BlueHost Review 2021: What's New In BlueHost? The Complete Overview With Pros & Cons If you have seen YouTube videos then you might have seen about BlueHost Advertising. What they said about Bluehost. Is Bluehost the popular hosting platform. Or What they provide to their customers. In this article I will show you a Complete Overview Of Bluehost.com With Complete Pros & Cons. And we will also see that How They Manage Our Hosting. This article wanna be special for all bloggers & website runners because after reading this article you will be able to understand the BlueHost System & How To Earn From it. BlueHost - One of the oldest & best Hosting Provider since 1996, BlueHost has become world's largest Hosting Provider when it comes to WordPress Hosting. They are an officially WordPress Hosting Provider. With Bluehost, you never have to worry about website which runs slow with high traffic because With Bluehost 24*7 Support we can ask a...
Read more

Task Manager Versi Lama Masih Ada di Windows 11

By -
Image
Beberapa bulan yang lalu Microsoft telah memberikan pembaruan terbaru untuk pengguna Insider Beta, yang mana mengubah beberapa tampilan penting di sistem menjadi versi terbaru. Salah satunya Task Manager yang kini telah tersedia dengan UI baru, Senin (14/11). Microsoft telah memberikan pembaruan tampilan untuk pengguna Insider Beta dengan Build OS 22623 dan Insider Dev dengan Build 25231, di mana pada versi ini mereka memberikan pembaruan untuk tampilan jenis baru dari Task Manager. Task Manager telah mendapatkan dukungan tampilan mode gelap, selain itu fiturnya juga kembali ditingkatkan di mana memberikan tampilan Search Bar, fungsinya untuk mencari dan menemukan program sesuai dengan perintah. Jadi, Task Manager bukan hanya menampilkan program yang sedang dijalankan, melainkan mencari program yang ada di sistem. Ternyata, meskipun Microsoft memberikan pembaruan terbarunya untuk Task Manager, namun secara keseluruhan mereka masih memberikan akses kepada pengguna untuk mengakses Task M...
Read more

Ini Dia Bocoran Spesifikasi OnePlus Nord CE 3

By -
Image
OnePlus Nord CE 3 nampaknya akan menjadi ponsel Flagship daro OnePlus, karena memberikan spesifikasi yang tinggi untuk dirilis nantinya. Baru-baru ini, kami mendapatkan bocoran terkait spesifikasi yang diberikan melalui OnePlus Nord CE 3, Minggu (13/11). OnePlus bisa dikatakan sebagai salah satu merek ponsel Android, yang menawarkan spesifikasi tinggi dengan harga yang cukup terjangkau. Ini karena OnePlus tidak pelit memberikan spesifikasi tinggi untuk kebutuhan yang sesuai dengan kebutuhan tingkat tinggi penggunanya. Meskipun secara resmi OnePlus belum memperkenalkan seri OnePlus Nord CE 3 ini, namun kami telah mendapatkan sedikit bocoran spesifikasi yang kini telah terungkap. Nampaknya, seri yang satu ini akan menjadi salah satu seri Flagship terbaik dari OnePlus. Dilansir dari GadgetGang , OnePlus Nord CE 3 akan hadir dengan ukuran layar hingga 6,7 inci dengan FHD + LCD panel 120Hz Refresh Rate . Karena menggunakan LCD Panel, maka ponsel ini nantinya akan menggunakan sistem keamana...
Read more