Membuat menu Horizontal

Assalamu'alaikum sobat wahh abis hujan jadi dingin ,,brrrrr yang enak dingin-dingin itu ngapain ya ?? dari pada duduk ngelamun gak jelas celingak-celinguk gk ada yang dikerjain ,mending ngeblog ,, lumayan buat penghilang penat sejenak ,semilir angin dari kipas bikin tambah menggigil xixixi :D ,bawaannya maunya pengen ke kamar mandi terus ... #hayooo ngapain tuhh ? hah :D dahh ahh sob becandanya gk tau apa sekarang malem jum'at tarr kalo ada yang nyautin ktawanya gimana hayoo wkowkow :D ,,, aduhh kokk malahh jadi ngerumpi gini ya kaya ibu-ibu arisan , ahhh serius lahhh oke benang merah ,sobat dahh baca judul postingan ini belom..? kalo belom saya kasih tau judulnya "Membuat menu horizontall" ,kaya apaan sihh menu horizontall itu ?
kaya gini nehh... !! #klopakmataditarikkebawah ...

gimana sobb sama penampakannya dahh jelass kann ,, nahhh sekarang saya mau kasi tau cara bikin nya kaya apa sobat simak ya baik-baik .

Tutorial ini untuk blog buat web juga bisa tapi saya ngasih tau caranya yang blog aja
jadi caranya bgini

Pertama sobat login blogger sobat
2.pergi ke rancangan>edit HTML

lalu cari tag(gunakan CTRL+F untuk mencari )

]]></b:skin>

3.kalo sudah ketemu copy kode dibawah ini letakan di atas tag ]]></b:skin>

/* Menu Horizontal 2background:#FF00FF
---------------------------------------------*/
.menubar2{width:900px;height:35px;margin:0 auto;padding:0 auto;border-bottom:1px solid #2F4F4F;
}
.menuhorizontal2 {width:900px;height:35px;margin:10px auto; padding:0px 0px;background:transparent;
-moz-border-radius-topleft: 0px; 
-moz-border-radius-topright: 0px;
box-shadow: 1px 1px 5px #888;
}
.menuhorizontal2 ul{margin: 0; padding-left:0px;color:#626262;font: $(tabs.font);
}
.menuhorizontal2 li{ display: inline;  margin: 0;
}
.menuhorizontal2 li a{float: left;display: block;text-decoration:none;font: $(tabs.font);font-size: 14px;padding: 7px 7px 8px 9px;color:#00008B;text-transform:uppercase;letter-spacing:0px;font-weight:90; 
}
.menuhorizontal2 li a:visited{color:#626262;
border-style:outset;
}
.menuhorizontal2 li a:hover{
background:#87CEFA;color: #000000;text-decoration:none;
-moz-border-radius-topright: 20px;
-moz-border-radius-topleft: 20px;
border-style:outset;
}

4. Simpan Template
5.pergi kerancangan >pilih "ElemenLaman">Tambah Gadget>pilih "HTML/JavaScript" lalu copy kode di bawah ini letakan di dalam kolom konten

HOME |
Mikrotik |
WebDesign  |
Linux |
flip-text |
html colorcode |
GuestZone!

6.Simpan Template

Dan lihat hasilnya ,nahh kalo sobat bingung comment ya atau add facebook saya

sekian dan terimakasih sobat selamat mencoba

Percayalah Bahwa Anda itu Bisa