Kalian tau Hirarki Menu (Hierarchy)? Beberapa list menu yang keluar ketika satu list menu itu di Klik kalau di sebutkan seperti Folder/akar ← Pengertian simple dari Hierarchy Menu. Jadi andai kata 'kamu punya anak 4, Adi, Beni, Edo, dan Eko. Eko melahirkan 3 anak, Anita, Jupe (hahaha), dan Kristi. Kristi Punya 3 anak lagi namanya, bla, bla, dan bla. Dan seterusnya'. Seperti Folder/akar bukan?
Sepertinya cukup untuk pengertian Hierarchy Menu itu :). Bagaimana jika diteruskan dengan cara penggunaan yang simple. Bisa saja, seperti sobat mau buat Blog Archive [Dashboard → Layout → Add a Gadget → Blog Archive → Pilih Hierarchy] di blog. Tetapi kali ini berbeda seperti halnya cara tadi, sobat bisa Edit Style sendiri, Element Bebas [Elemen Bebas maksudnya adalah isi Hierarchy Menu tidak harus Blog Archive, tetapi bisa di Isikan Link atau Daftar List lain].
Sebagai Contoh sobat bisa lihat di Bawah ini :
Sepertinya cukup untuk pengertian Hierarchy Menu itu :). Bagaimana jika diteruskan dengan cara penggunaan yang simple. Bisa saja, seperti sobat mau buat Blog Archive [Dashboard → Layout → Add a Gadget → Blog Archive → Pilih Hierarchy] di blog. Tetapi kali ini berbeda seperti halnya cara tadi, sobat bisa Edit Style sendiri, Element Bebas [Elemen Bebas maksudnya adalah isi Hierarchy Menu tidak harus Blog Archive, tetapi bisa di Isikan Link atau Daftar List lain].
Sebagai Contoh sobat bisa lihat di Bawah ini :
- Hide All
- Show All
- 10 Blog Deal
- Amazing Website!
- Youtube
- Javascriptkit
- Blogger
- Farixsantips :D
- Search Engines
- Buka Blogger.com beserta Email dan Passwordnya sobat masukan
- Saat di Dashboard klik Layout → Add a Gadget → Javascript/HTML
- Isi Kotak Kosong Javascript/HTML dengan kode Berikut :
Kode Unggu : Kode Javascript yang wajib di letakan disitu<script src="https://sites.google.com/site/farixsantips/scripts/flipmenujavscript.js"></script>
<ul style="list-style:none;" class="flipMenu">
<li><a href="javascript:closeAllFlips()">Hide All</a></li>
<li><a href="javascript:openAllFlips()">Show All</a></li>
<li>10 Blog Deal
<ul style="list-style:none;" >
<li><a href="javascript:void(0)">Aku Mau Gratisan</a></li>
<li><a href="javascript:void(0)">Cek Info</a></li>
<li><a href="javascript:void(0)">HaViZ's Blog</a></li>
<li><a href="javascript:void(0)">Mbah Qopet's Blog</a></li>
<li><a href="javascript:void(0)">Musa Khairul Umam</a></li>
<li><a href="javascript:void(0)">Rama 88</a></li>
<li><a href="javascript:void(0)">Shinobi Caemk</a></li>
<li><a href="javascript:void(0)">Tangerang Blogs</a></li>
<li><a href="javascript:void(0)">Tutorial Photoshop</a></li>
<li><a href="javascript:void(0)">Zona Download Gratis</a></li>
</ul>
</li>
<li>Amazing Website!
<ul style="list-style:none;" >
<li><a href="javascript:void(0)">Youtube</a></li>
<li><a href="javascript:void(0)">Javascriptkit</a></li>
<li><a href="javascript:void(0)">Blogger</a></li>
<li><a href="http://farixsantips.blogspot.com">Farixsantips :D</a></li>
<li>Search Engines
<ul>
<li><a href="javascript:void(0)">Google</a></li>
<li><a href="javascript:void(0)">Yahoo</a></li>
<li><a href="javascript:void(0)">Bing</a></li>
</ul>
</li>
</ul>
</li>
</ul>
Kode Biru : Tombol Cepat Saji untuk membuka semua Folder/Akar
Kode Merah : Nama Category yang mengkatagorikan Kumpulan List
Kode Oranye : Nama Category yang mengkatagorikan Kumpulan List yang terletak di Kumpulan List juga (bingung ya)
Kode Hijau Terang : Kumpulan List dari Sebuah Category/Merah
Kode Hijau Gelap : Kumpulan List dari Sebuah Category yang Category-nya terletak di Kumpulan List/Hijau Terang
Oh iya kalau kode itu tolong di ganti dengan link yang di perlukan :)
Kalau Pusing mohon dilihat lagi Contoh Preview Hierarchy List Menunya di atas ↑ - Setelah Itu Save dan Jadi!
PERTAMAX doloo =))
BalasHapusList menunya kayak blog kakaknya mas faris :D
BalasHapuslebih simple ya jadiya, dan gak memakan banyak tempat,, hehhe,, good,, ntar ane mau ganti yg 10 blog deal ahh jadi kyk diatas,, =)) =))
BalasHapuswah keren jg tuh
BalasHapusitu script buat sendiri apa?
wehh , .. gag bilang-bilang neh kalo update . . -,-
BalasHapusselalu keren neh triknya :)
waaa.. keren nih, mirip menu tampilan windows ... :)
BalasHapuscool ... :D
To Rama : Ambil pertamax ampe kenyang! =)) iya hemat tempat :P
BalasHapusTo Musa : iya :) tapi beda script
To Hafist : stylenya ane sob :) inti javascript dapat
To Bayu : Orang udah post di grub :P thanks om
To Shinobi : iya mirip mirip dikit :P 11 12 =))
ha.ha mantep nih ane suka gaya ente :D , tapi di blog ane cocok ga ya ???
BalasHapusoh ya kok itu ada javascript:void(0) gunanya buat apa sob ? ane buta JS
BalasHapusgunanya buat Show Hide ya ??? keren nih bisa buka tutup, gambar Foldernya bisa di ganti kan ??
BalasHapusooh, jadi kaya di PC yah.. keren-keren.. ahehehe
BalasHapustips yang bagus nie...saya malah baru tahu, hmm...lumyan nie kalau dicoba, bisa ngirit halaman widget
BalasHapusboleh juga nih
BalasHapusTo Mbah Qopet : itu tolong diganti URL domain :), di gantinya lewat js sob, di buka file jsnya, trus upload.
BalasHapusTo Tituitbom : iya nih sob :D explorer
To deny : iya silahkan di coba :D
To Zh!nTho : ya boleh haha
keren :D
BalasHapusizin nyoba dulu ya sob ..
Dapat ilmu baru nih..tak simpen dulu caranya baru nanti tak praktekkan sob...
BalasHapusluar biasa tutorialx gan... :)
BalasHapuswah bangus amat ya gini, baru tahu ilmu kamu selalu bermutu....
BalasHapusPena hadir dan absen sore gan...tips nya bagus nih boleh dicoba
BalasHapusOk,Sob :D
BalasHapuslangsung di praktekin... ;)
sip kang lanjutkan buat trik2 baru
BalasHapusKunjungan silaturahmi sora hari sahabat..postingannya bagus sob...
BalasHapusilmu baru bertambah nih sob, wah bagus ya bisa meringankan blog sedikit
BalasHapusoooh, miripnya cuma dikit yaaCh, kirain banyak ... :P
BalasHapusbukan 11 12 bro .. tapi cari 1 2 ... hahaah =))
CTRL+D...nice tips untuk personalisasi tampilan Blog...happy blogging!
BalasHapusGa sia-sia perjalan panjang ke sini ternyata banyak ilmu yang harus diserap dari sahabat. Thanks kawan sudah berbagi.
BalasHapusleren banget nih sob cool hierarchi list menu nya, komplit banget ilmu blogging di blog sobat,,,
BalasHapustengkiu
To A-NX : oke sob silahkan ya untuk di cobain :)
BalasHapusTo cardiacku : silahkan di simpen, tapi jangan lupa tu di praktekan :P
To Rogis Facebook : makasih gan :)
To anisayu : wahahahaha baru tahu dia :P wkwkwkw :))
To tautanpena : hihihihi silahkan di cobain :) semoga bermanfaat :)
To Aku mau Gratisan : sip gan :P hihihihi
To aris9 : oke gan ane siapkan artikel barunya :)
To webmdmk : makasih akang :) :*
To XaOn : semoga betah ya berkunjung dimari :)
To kalo banyak mah wkwkwkw itu mah kalay buat OS mirip windows ekekek :))
To Iskaruji dot com : thanks bangetz om untuk CTRL+D nya :* sun dolo :*
To Bengkel Bangun : hehehehe adh aduh thanks banget supportnya bang bengkel huahahaha :))
To Asis Sugianto : saya usahakan agar lebih komplit lagi ya om :) hihihi
bener biar simple gak semrawut kea blog sy hehe....
BalasHapussebenernya buatnya gampang tp ngeliatnya perfect :P
BalasHapussangat menarik sob.izin menyimak.keren.gimana tuh caranya bisa go 10 blog deal heheeheh.
BalasHapuskeren bgt neh :D
BalasHapusayo update lagi-lagi. Lagi dan lagi hehe 1 mgu ckup 3x update hehe
BalasHapusTo katils : gak juga kok sob :)
BalasHapusTo Cek Info : heheheh memang :P
To BOB : tinggal di ubah aja sob :)
To Dayz : iya sob :D
To Katils : oalah pantesan ente lama banget update :P
BalasHapuswah bagus ne sob buat tampilan lebih simple
BalasHapuspret kok malah minta tolong ma ane ??
BalasHapuswah infonya keren sob,, soo blog sy masih standard banget menunya,,:) boleh di coba nih
BalasHapusberkunjung gan selamat pagi
BalasHapusbenar-benar cool ini gan
ingin mencobanya kapan-kapan gan
BalasHapuswaooo...ane pertamaxxx lagi sob dari bawah tapi=)) .....ijin nyedot ilmunya sob buat amunisi simpanan...
BalasHapusKEmarin,ane coba?
BalasHapusHide all-nya ngak jalan :-/
Kenapa ya? :(
wah... ane telat nih.. :))
BalasHapusbtw.. link menu-nya keren n simpel
bisa dicoba nih....
Mantep 10 blog deals dapet backlink :D
BalasHapusseneng banget sih sama javascript? apa nggak bikin blog jadi berat ya? soalnya buat loading dile javascript kan lumayan tuh...
BalasHapusOOT lagi, tanyain ke kakakmu dong caranya biar bisa nge-remote komputer pake hp melalui bluestacks..penasaran nih pengen nyoba..trims
To Zona Download Gratis : iya sob sangat simpel :)
BalasHapusTo Mbah Qopet : yang JAVASCRIP:VOID(0) itu link adddoooohhhhh ya di ganti lahhhh, gimana dah lu
To al kahfi : silahkan di cobain :)
To Obat Sakit 2011 : thanks gan :) silahkan di coba, kalau perlu sekarang =))
To binkbenk : wkwokwokwow bisa aja lu gan silahkan di sedot sampe habis :P
To Aku mau Gratisan : orang bisa kok :D ahaha salah kopas kali sob :)
To eart-inside : hihihihi thanks sob :) silahkan di cobain :)
To Musa : orang itu bukan link menuju 10 Blog Deal :P wkwkw
To Fariable : selera orang dong om :P mang di pake semuanya apa? gak lah :D kalau mau pake semua sih boleh aja, di blog saya ini tinggal pilih kok mana yang mau di pasang, kan gak harus semua di pasang :| Kakak ane lagi kuliah di surabaya om :( ntar deh kalau ke Jakarta, ane tanya tanyain sampe mati =))
Oh tidakkk, aku tertipu :((
BalasHapusmantab tenan sob
BalasHapusTo Musa : hahahaha makanya lain kali teliti :P
BalasHapusTo Kerajaan air Mata : thanks sob :)
keren sekali Mas.saya pingin coba dulu.thanks banget atas infonya
BalasHapuscakep surantep, apalagi liat layout templatenya; keyeen :D
BalasHapusinsyaallah sob aman di tempat katils :) katils tidak pernah memilih teman siapapun asal mau berteman ;) mf kadang sy tdak merply coment sobt krnt takut masuk spam krn bukan tempatx dlam coment
BalasHapusweeeee... comment nya panjang banget nih, pegel nih scroll ke bawah ... =))
BalasHapusTo Ego Dafma Dasa : silahkan di coba trix and tipnya :D
BalasHapusTo alkatro : hihihihi thanks sob :)
To katils : setuju banget tuh om :) kalau milih milih teman itu pandang bulu tuh bro, gak baik :D iya gak apa apa :)
To Shinobi : waaahhhh ada ke erroran dikit nih :D maap maap :P
Parkir duLu disini ,
BalasHapusNungguin trik yang baru, ckckck :D
asik juga ni sob,, scriptnya yang otomatis ada ga sob,,jadi update sendiri ketika kita update posting
BalasHapus=))
BalasHapusberkunjung sambil nunggu postingan baru
keren sumpah keren, jg pingin nyoba :)
BalasHapusmangtaps gan!
BalasHapusboleh di coba niih
bikin tampilan lbel kyk winXP :D
hhe, bikin seger2!
Belajar lagi ke t4nya Farisantips... :D
BalasHapusEtt LUps Rissss :-/
BalasHapusselamat pagi gan
BalasHapusEhmmm...bagus sih! Tapi JS.
BalasHapusSaya males pakek JS..
Tapi gag apa2 mungkin bermanfaat untuk yang lain..
Makasih sahabat...
asikkkkkkkk,,, wat tambahan ilmu neh,
BalasHapuswah asiik :D
BalasHapusakan segera dicoba ;)
ane dteng lagi mumpung lagi lewat... :))
BalasHapuskapan2 ane coba ni desain menunya...
ngintip news post dlu aah ,
BalasHapusternyata belum ada .. :D
To A-NX : oke mas :) silhahkan di tunggu :)
BalasHapusTo Hausgame : saya disini buka menunjukan daftar isi lho bro :D kalau daftar isi ane punya kok disini, tapi gak sistim buka tutup :)
To Dayz : oke silahkan di tunggu =))
To Cek Info : silahkan di coba :))
To How To Be Vegetarian : hahahaha bisa aja nih akang :P seger segeran mah es klapa :))
To Aku mau Gratisan : hihihihi segera berkunjung kesana :D wahhh pake akun google :(
To Obat sakit 2011 : selamat sore gan :))
To Kopiah Putih : iya sob gak apa apa :) tetapi kalau mau silahkan di cobain :P
To Topjer : hihihihi tambah tambah tambahhhhh :))
To _ciids : silahkan di coba secepatnya keburu kehabisa :))
To eart-inside : hahahaha silahkan di cobain design menunya :D
To Shinobi : wakwkkwkwk sabar sabar :D kehabisan bahan info :P
kren juga nih tar ane coba ah,thank untuk sharenya gan :))
BalasHapusBagus dan loadingnya juga kagak berat neh...
BalasHapus@ ALL
BalasHapusAye Punya Widget BARUU!!!!!!
http://tentangduniadanweb.blogspot.com/2011/10/widget-dengan-css.html
Mohon Dibaca YA!!
Kalau Suka Dikomment yA
Widget Baru
To BLOGCUNAYZ : hihihihi sama sama sob :) silahkan di cobakan :P
BalasHapusTo HALAMAN PUTIH : iya sob :((
To Udah Cucanto : wah komen kentut ~x(
mantap nih gan
BalasHapusunfortunately idk the language :P lol
BalasHapusthanks for sharing :)
BalasHapusTo Richard : ohhhh :-/ would you translate? :-/
BalasHapusTo Richard : thanks gan :D
BalasHapusTo ZeZe : ohhhh would you translate? :-/
To Mika : thanks for coming :)
mantabz banget infonya kawan, salam sukses
BalasHapusTambah hari tipsmu tambah ajib sob.Persisnya seperti menu di komputer ya sob.Ingin dunk.Ijin mempraktekannya di blogku,makasih ya,happy blogging ajah.
BalasHapusTo Warkop Anemania : sukses juga kawan :)
BalasHapusTo Er'end : iya memang mirip dengan komputer hahaha :D sulahkan
wah mantab nih,,ijin dicoba sob ..hehe
BalasHapusTo Thepoen : silahkan di coba sob :) pasti di jamin oke ;)
BalasHapusane nyoba kog gx bisa ya gan :)
BalasHapusTo Thepoen : gak bisa dimananya sob bisa kok
BalasHapuspengen buat nih sob
BalasHapus>>>ichwan HAUSGAME : silahkan di buat :)
BalasHapuskok di browser gw gag keliatan warna dan style lainnya ya..hiks :(
BalasHapusSungguh sangat menarik tips ini,dapat dari mana ya sob kalau boleh tahu ?
BalasHapusTo DokterGigiGaul : browser apaan sob yang sobat gunankan :)
BalasHapusTo Prapatan Kertek : dari google sob :)
keren2 artikelnya, tp sayang selalu menyertakan script2...xixixixi
BalasHapussaya malah mau meminimalis script...
ini jg dah bisa pake css kok...hohohoho
cek gi dot tree menu without script
To Beben Koben : ane baru tau bisa menggunakan css, ya ampun!!
BalasHapusternyata gini to buatnya ane mau buat dolo masbro
BalasHapusTo Wahid Sahidu : heheheh silahkan di cobain sobat tutorialnya :)
BalasHapusterima kasih atas infonya
BalasHapusits so helpful, anyway thank you. u can read also: Obat Ejakulasi Dini Permanen
BalasHapusOBAT EJAKULASI DINI PERMANEN | OBAT EJAKULASI DINI PERMANEN | OBAT EJAKULASI DINI PERMANEN | OBAT EJAKULASI DINI PERMANEN | OBAT EJAKULASI DINI PERMANEN | OBAT EJAKULASI DINI PERMANEN |
BalasHapus