Cara Menambah Icon Pada Menu Navigasi Bloger

Menambahkan menu navigasi pada sebuah blog merupakan suatu kewajiban yang harus dilakukan oleh para bloger, karna dengan adanya menu navigasi dapat mempermudah pengunjung dalam mencari jenis artikel yang mereka inginkan.

Pada umumnya menu navigasi pada sebuah blog seperti gambar dibawah ini


Pada tampilan tersebut, menu navigasi terlihat biasa-biasa saja, namun dengan memberikan sedikit sentuhan ajaib melalui tangan anda, kita dapat merubah tampilan navigasi blog yang biasa-biasa saja 
menjadi luar biasa dengan menambahkan icon pada menu navigasi tersebut.

Lantas bagaimana caranya menambah icon pada menu navigasi blogger? 

Hal yang harus anda persiapkan sebelum menambah icon pada menu navigasi blog adalah gambar icon itu sendiri, kamu bisa mendapatkan gambar icon yang kamu butuhkan melalui website berikut ini https://fontawesome.com/v4.7.0/icons/#web-application  

kemudian klik icon yang ingin anda gunakan dan copy code html icon tersebut. contoh kode html dari icon yang digunakan seperti ini

<i class="fa fa-cog"></i>

Jika sudah mendapatkan icon untuk navigasi blog, silahkan ikuti langkah-langkah berikut ini untuk menambah icon pada menu navigasi blog

Langkah 1 - Silahkan buka halaman blog
Langkah 2 - Pada menu pengaturan pilih Theme - Edit HTML untuk lebih jelasnya silahkan lihat pada gambar berikut ini 
Langkah 3 - Pastikan anda memasang kode Font Awesome pada template blog, jika belum silahkan tambahkan kode dibawah ini sebelum kode </head>
Langkah 4 - Silahkan cari kode navigasi yang ada pada blog milikmu, contoh navigasi pada blog seperti dibawah ini
<ul>
  <li><a href='https://maxtrimus.blogspot.com/search/label/Tutorial?&amp;max-results=8'>Tutorial</a></li>
</ul>

Langkah 5 - Letakan kode icon yang sudah anda pilih tadi pada halaman navigasi blog, hasilnya akan seperti ini

<ul>
  <li><a href='https://maxtrimus.blogspot.com/search/label/Tutorial?&amp;max-results=8'><i class="fa fa-home">Tutorial</a></li>
</ul>
Jika sudah silahkan klik save dan lihat hasilnya, jika belum berhasil silahkan hubungi saya untuk membantu menambah icon pada menu navigasi blogger.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel