Cara membuat menu Bar pada blog

Pastinya banyak blogger yang nanya2 gimana sih buat menu bar?
Sampe-sampe banyak yang ampe edit edit HTML nya sesuai dengan web-web lain,tapi hasilnya? blank,-

Kali ini Gw bakal share cara-cara mudah banget supaya kalian bisa dapet menu bar,Tapi syarat2nya :
*)Tau gimana cara edit HTML 
*)Tau cara2 nambah Gadet
*)Jangan lupa kasih Komment


Tapi selain itu,kalian yang masih pemula sama desain2 blog,lebih baik disertain ama yang udah ngerti tentang HTML,karena kalo ada salah sedikit aja,Blog kalian bisa rusak fatal.
Dan satu lagi,kalo ada apa-apa ama blog kaian,jangan cari gw,karena kalo ada pastean yang salah,bisa fatal,ingat fatal!

*)Langkah Pertama:
1)Log In Blogger anda,buka Template,Lalu klik Edit HTML
2)Saat ada pemberitahuan,klik lanjutkan
3)Pada saat ada tulisan2 banyak gitu,Lo Pencet CTRL+F /lo buka menu browser lo
4)Cari kata ]]></b:skin>
5)Copy kata kata dibawah ini,taruh diatas ]]></b:skin>:
  

ul.menu {list-style-type:none;width:auto;position:relative;display:block;height:33px;font-size:.6em;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPMgu3YPFRV1fMNgIk0zWR3ip-tK9peMZ6QSjmnyxBEQXWtjc9q3jC1RshPQ7Ueid7bcqNf-zcf9lpI1e10_NJ8raeV7WmaZHCDhx8Tc7SFDMOMAIGRgM1hyphenhyphencLJg6jDOw74eiLzS0m548/s1600/bg.png") repeat-x top left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px solid #000;margin:0;padding:0;}ul.menu li {display:block;float:left;margin:0;padding:0;}ul.menu li a {float:left;color:#A79787;text-decoration:none;height:24px;padding:9px 15px 0;font-weight:normal;}ul.menu li a:hover,.current {color:#fff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPMgu3YPFRV1fMNgIk0zWR3ip-tK9peMZ6QSjmnyxBEQXWtjc9q3jC1RshPQ7Ueid7bcqNf-zcf9lpI1e10_NJ8raeV7WmaZHCDhx8Tc7SFDMOMAIGRgM1hyphenhyphencLJg6jDOw74eiLzS0m548/s1600/bg.png") repeat-x top left;text-decoration:none;}ul.menu .current a {color:#fff;font-weight:700;}/*Garis Merah*/ul.menu.red{background-color:#B11718;}ul.menu.red li a:hover, .menu.red li.current {background-color:#DE3330;}

6)Kalo udah,lalu simpan Template

*)LANGKAH KEDUA 
1)Buka Tata Letak lalu klik Add New Gadget
2)Pilih HTML/javascript
3)Copy kode dibawah dan paste kan dI kolon Add new gadget HTML
<ul class="menu red">
  <li class="current"><a href="http://namabloganda.com/" target="_self">Home</a></li>
  <li><a href="http://namabloganda.com" target="_self">About</a></li>
  <li><a href="http://namabloganda.com" target="_self">Contact</a></li>
  <li><a href="http://namabloganda.com" target="_self">Komputer</a></li>
  <li><a href="" target="_self"></a></li>
</ul> 

Keterangan:
*)Tulisan warna merah ganti dengan Link Blog,label blog,atau apalah yang kamu mau
*)Tulisan Biru ganti dengan judul menu yang kamu inginkan

4)Save Gadget dan lihat hasilnya,

*)Langkah Ketiga 
  Bagi beberapa blogger mungkin akan mendapat masalah karena menunya ternyata kekecilan,
ini dia cara memperbesarnya:
1)Masuk Template 
2)Pindah kan Gaget yang tadi kamu buat kemana aja.
3)setelah itu pindahkan lagi ke lokasi yang kamu ingini
4)setelah itu save 
5)Refresh Blog anda untuk melihat hasilnya

Nah,itu dia cara supaya kalian dapte menu bar dengan mudah,Tapi ingat,ini jangan buat pamer,karena masih banyak blogger2 lain yang desain nya masih lebih bagus dari kita,
So sekian dari saya,kalo ada kesempatan,komment ya,kalo ada kesalahan,mohon dimaaf kan :D

COPAS DARI:
servistambalbanci.blogspot.com