Oke kembali lagi bersama saya kali ini saya akan memberi tutorial cara membuat icon menu di Navigasi Blog.

Apa sih untung nya memakai Icon Menu ?
Yups selain mempercantik tampilan halaman blog anda , tentu saja mungkin menjadi daya tari tersendiri, dan kepuasan tersendiri

Oke langsung saja masuk tahap pertama

Bahan yang harus disediakan :

  • CSS
  • Kopi Hangat 
  • Dan tentu saja koneksi Internet
Oke kalian bisa mengambil CSS nya disini :

CSS 1 : Here
CSS 2 : Here

Oke jika sudah kalian bisa masuk ke Dashboard blog kalian, dan masuk kedalam menu Theme > Edite HTML

Jika sudah letakan code link CSS tadi dibawah Meta tag


Nah jika sudah selanjut nya kita klik Save Theme

Selanjut nya kita pergi ke menu Layout > Top Menu biasanya tiap Theme beda disini menu saya yaitu Top Menu (Navigasi).



Oke jika sudah selanjut nya kita masukan script class icon nya

<i class="icon code"> (NamaMenuKamu) </i>

Contoh :


<i class="fa fa-home"> Home </i>

Nah jika sudah Klik Save

Dan lihat Menu Navigasi Blog Kamu :p

So Tampilan menjadi lebih Gimana gitu, cukup mudah dan gratis tanpa harus menyewa jasa developer yang tidak cukup murah harganya alias mahal haha :p

Jika Masih kurang paham bisa lihat Video nya disini :
Link : https://youtu.be/kV2nbRbz-ws



Selamat Beraktifitas kembali

(Zaenal Arifin)