a

Membuat Navigation bar di bawah header (Designer Template)


Halo semuaa.. tadi aku baru aja coba bikin kode lagi, 
Hmmm sebenernya ini kode dari tataletak ku sendiri, tapi aku edit ..

 
Oh ya, kalian mau tau gimana bentuknya Navigation bar dibawah header itu? 
Lihat foto di bawah ini ... 


Nah itu dia .. Kamu mau buat yang seperti itu? 
ikutin post ini yuk! .. 

  • Masuk Ke blogmu
  • Ke Tata Letak
  • Klik Add a gadget tepat di bawah header ..
  • Dan letakan kode ini di HTML/Javascript
<style>.hyosung{width:100%;background:url(URL Background);border-bottom:5px solid #FFEEEE;top:0px;left:0px;box-shadow:0 0 6px #ccc;text-align:center;padding:10px;}
a.jieun{background:#FFEEEE;text-decoration:none;color:#FFBBBB; margin-left: 5px:font:11px arial;margin-left:5px;margin-right:5px;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;display:inline-block;width:60px;}
a.jieun:hover{background:#FFBBBB;color:#fff;</style><div class="hyosung"><a class="jieun" href="LINK 1”> JUDUL 1 </a><a class="jieun" href=" LINK 2 ">JUDUL 2 </a><a class="jieun" href=" LINK 3">JUDUL 3</a><a class="jieun" href=" LINK 4 ">JUDUL 4 </a>div>

  • Nah, kodenya bisa kamu edit sendiri ya.. Yang Sebelum kode Jieun itu semua kode untuk di belakang menu yang mau di klik.. kalo setelah kode jieun, itu kode untuk menu yang akan di klik
  • Klik Save .. Dan selesai1 ..

Semoga berhasil ya..
Tolong tinggalkan comment mu untuk menghargai usahaku..

3 comments:

^^Komentar adalah yang Nomor satu! Jadi kamu harus Komen! (‾^‾)b
^^Komentar harus sesuai Artikel (‾^‾)b
^^Jangan Me-Request di komentar! Di Cbox/Ask,fm Aja (‾^‾)b
^^Nah, ayo tinggalkan komentar di Kotak bawah \(´▽`)/