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

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

Microsoft akan Berikan Fokus Perbaikan PC Gaming

By -
Image
Tercatat, setelah Microsoft merilis pembaruan untuk Windows 11 22H2 ada banyak sekali hal yang ditambahkan mulai dari animasi hingga perubahan UI dari fiturnya. Meskipun begitu, ada sejumlah perbaikan darurat yang harus dilakukan oleh Microsoft, Senin (14/11). Beberapa waktu yang lalu, Microsoft telah menambahkan beberapa perbaikan darurat yang telah masuk ke dalam Windows Health Dashboard mereka, berbeda dengan perbaikan darurat minggu lalu yang mencoba untuk menginvestigasi kesalahan bug di sistem Ryzen, kali ini masalahnya masih belum diketahui secara pasti. Setelah akhirnya Microsoft telah merilis Windows 11 22H2, akhirnya ada banyak peningkatan yang diklaim akan memberikan pengalaman bermain games dengan lebih lancar. Maka dari itu, baik AMD dan Intel sama-sama memberikan pembaruan driver terbaru mereka untuk menunjang sistem Windows terbaru ini. Sebelumnya, memang ada banyak laporan pengguna PC Gaming yang memberikan laporan mereka mengenai performa PC mereka yang menjadi menuru
Read more