Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Icon Di Menu Bar Blogspot Untuk Pemula

Cara Menambah Logo Icon Pada Menu Navigasi Blog pada kesempatan kali ini kami akan membagikan trik bagi pumula untuk pasang icon gambar di menu blog, kalian bisa pasang di blog kalian dengan saya akan mebagikan bagai mana ..?? Cara Menambah Gambar Icon Pada Menu Navigasi di Blog anda , jika anda masih blogger baru/ masih pemula dengan kebeutulan sakali saya akan kasih anda sebuah tutorial cara modifikasi tanpilan Menu Navigasi.

Dengan icon gambar yang suwai kebutuhan dan juga menarik buat menu icon blog kalian. dengan pengalamn saya waktu bikin blog saya juga pun sama saya gatau apa-apah tentang edit kode html ,dengan saya rutin cara tau apa artinya kode html dengan begitu saya udah tau sedikit demi sedikit aga paham tentang cara edit html.

Dengan begini saya akan menjawab pertayaan sobat yang belum tau Cara Menambah Gambar Icon Pada Menu Navigasi di Blog anda, jika mau lihat hasilnyaa anda bisa lihat pada menu blog saya dengan di setiap menu di hiyasi dengan gambar jika anda penasaran anda bisa lihat demo di bawah logo icon pada gambar menu di bawah ini.

Cara Membuat Icon Di Menu Bar

Sekarang kita lanjut saja pada tutorial bagai mana Cara Menambah Gambar Icon Pada Menu Navigasi di Blog kita mulai tutorialnya di bawah ini agar blog kalian bisa menjadi lebih bagus.

Cara Membuat Icon Di Menu Bar Blogspot Untuk Pemula

1. Kamu cari saja menu yang akan di hisayasi dengan logo/icon gambar saya akan kasih contoh pada menu yang berjudul TUTORIAL karna hanya menu yang belum di kasih logo Icon anda lihta di bawah ini.
Cara Menambah Gambar Icon Pada Menu Navigasi di Blog

2. Langkah langkah berikutnya...
  • Login Ke blogger anda 
  • Kemudian kamu pilih menu Tema dan pilih Edit Html
3 .Kamu cari lagi Kode <head> jika sudah ketemu kamu copykan kode di bawah di atas kode <head> ini.
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
Kemudian kamu tinggal cari saja judl menu apah yang akan kamu kasih logo Icon Contoh saya akan kasih logo icon pada judul tutorial anda bisa lihat di bawah ini.

Cara Menambah Gambar Logo Icon Pada Menu Navigasi di Blog

4. Jika sudah ketemu mana judul yang akan kamu kasih gambar icon Contoh TUROIAL maka kamu tambahkan kode <i class='fa fa-user'/>  ini di samping Jika sudah kamu save dan lihat hasilnya..

5. Jika anda mua gantikan gambar Icon sesuwai jujul menu seperti yang ada di blog saya maka anda bisa pilih kode Icon Di Halaman Corporate https://fontawesome.com/v4.7.0/icons/  jika maka kamu pilih pilih saja mana yang kamu akan di gantikan contoh saya kasih gambar pada menu TUTORIAL dengan logo di bawah ini.

Cara Menambah Gambar Logo Icon Pada Menu Navigasi di Blog

6. Berikutnyaa anda tinggal ambil kode di sampingnya.. Contoh fa-child maka kamun ubah manjadi seperti kode ini <i class='fa fa-child'/> Langakah berikutnya kamu tinggal simpan kode <i class='fa fa-child'/> ini pada menu yang kamu akan kasih icon gambar seperti di bawah ini.

Cara Menambah Gambar Logo Icon Pada Menu Navigasi di Blog

7. Kemudian kamu simpan dan buka tab baru dan lihat hasilnya.. maka gambar yang kamu pasang akan tanpil seperti di bawah ini.

Cara Menambah Gambar Logo Icon Pada Menu Navigasi di Blog

8. Mungkin hanya cukup sampai di sini saja pada postingan yang berjudul Cara Menambah Gambar Logo Icon Pada Menu Navigasi di Blog jika anda suka pada postingan yang saya buat ini, anda bisa like dan share pada teman-teman anda di blogger. 

Sampai jumpa dan cukup sekian tutorial tentang Cara Menambah Gambar Logo Icon Pada Menu Navigasi di Blog ini semoga bisa bermanpaat bagi anda wasalam.