Cara Membuat Icon Menu Navigasi di Blogger

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)

Cara Membuat Icon Menu Navigasi di Blogger

Post a Comment

[blogger]

Zaenal Arifin

{facebook#https://www.facebook.com/darkvenom.gov} {twitter#https://twitter.com/steviefar07} {google-plus#https://plus.google.com/u/0/117673850650242989379} {youtube#https://www.youtube.com/c/KaizenJavaHaxor}

Contact Form

Name

Email *

Message *

Powered by Blogger.
Javascript DisablePlease Enable Javascript To See All Widget