multi-level-drop-down-menu-in

Salah satu widget penting yang saya ditemukan hilang di beberapa blog adalah menu navigasi atas (sebaiknya multi-level daftar drop-down).
Jika Anda memiliki beberapa link navigasi penting / label / kategori untuk blog Anda, yang populer di kalangan pembaca Anda, maka akan sangat mudah bagi mereka, jika Anda dapat menempatkan sebuah bar navigasi di wilayah atas blog Anda.

Jadi kita melihat sekilas pada live demo: [ CSS Horizontal Menu ], sebelum Anda menambahkan ini ke blog Anda.

Sekarang jika Anda terkesan dengan cara terlihat dan bekerja, maka tanpa membuang waktu lagi, tambahkan widget ini dengan cepat ke blog Anda, dan membuat pembaca Anda bahagia!

Inilah yang harus Anda lakukan.
Langkah 1:
Download file ini dari Dynamic Drive:
slidemenu_hori.css [ Klik Disini ],

dan yang satu ini juga:
slidemenu_horiz.js (Copyrighted untuk Dynamic Drive dan dimodifikasi dengan pra tambah gambar)

Dan upload file ke MyDataNest (disarankan)
CATATAN: Mengedit dan menyimpan properti dari folder di account Anda MyDataNest sebagai "tersembunyi" dan BUKAN sebagai "Private".
atau untuk SigMirror.com , untuk mendapatkan LINK LANFSUNG ke file ini.

Login ke blogger , masuk ke "Layout", klik tab "Edit HTML".
Sekarang cari (CTRL + F) ini di template:

</ Head>

Segera SEBELUM itu, tempatkan kode ini:

<link rel="stylesheet" type="text/css" href=" http://mydatanest.com/............/slidemenu_hori.css "/>

<- [Jika LTE IE 7]>
<style type="text/css">
html jqueryslidemenu {height: 1%;} / * Holly Hack untuk IE7 dan di bawah * /.
</ Style>
<[Endif] ->

Internet Lahan src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"> </ script>
Internet Lahan src=" http://mydatanest.com/.............../slidemenu_horiz.js "> </ script>

Ganti link di RED, dengan LINK LANGSUNG Anda diperoleh dari hotlinkfiles.com atau sigmirror.com
Lalu simpan template.

LANGKAH 2:
Sekarang pergi ke "Elemen Halaman" dari "Layout".
Tambahkan Gadget HTML / JavaScript tipe.

Kemudian tambahkan kode ini untuk itu:

<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<a href="http://www.dynamicdrive.com"> Item 1 </ a> </ li>
<a href="#"> Item 2 </ a> </ li>
<a href="#"> Folder 1 </ a>
<ul>
<a href="#"> Barang Sub 1,1 </ a> </ li>
<a href="#"> Barang Sub 1,2 </ a> </ li>
<a href="#"> Barang Sub 1,3 </ a> </ li>
<a href="#"> Barang Sub 1,4 </ a> </ li>
</ Ul>
</ Li>
<a href="#"> Butir 3 </ a> </ li>
<a href="#"> Folder 2 </ a>
<ul>
<a href="#"> Barang Sub 2,1 </ a> </ li>
<a href="#"> Folder 2.1 </ a>
<ul>
<a href="#"> Barang Sub 2.1.1 </ a> </ li>
<a href="#"> Barang Sub 2.1.2 </ a> </ li>
<a href="#"> Folder 3.1.1 </ a>
<ul>
<a href="#"> Barang Sub 3.1.1.1 </ a> </ li>
<a href="#"> Barang Sub 3.1.1.2 </ a> </ li>
<a href="#"> Barang Sub 3.1.1.3 </ a> </ li>
<a href="#"> Barang Sub 3.1.1.4 </ a> </ li>
<a href="#"> Barang Sub 3.1.1.5 </ a> </ li>
</ Ul>
</ Li>
<a href="#"> Barang Sub 2.1.4 </ a> </ li>
</ Ul>
</ Li>
</ Ul>
</ Li>
<a href="http://bloggerstop.net"> Bantuan Blogger </ a> </ li>
</ Ul>
<br style="font-family: left" />
</ Div>

Lalu simpan widget ini. Dan drag tepat di atas widget posting.