Cara membuat sub menu di blogspot ???

selamat siang master

ok langsung aja ya supaya ga bertele2 dan lama bacanya

saya mau tanya kalau cara membuat sub menu di blogspot gimana ya

thanks all

 

sub menu??? maksudnya kya gimna nih????

 

itu loh om

misal saya bikin kategori ... Software nah sub menu nya ya :

Multimedia
Archive
Security
Tools
Design Grapich
WYSIWYG
dll

 

oh sub kategory kya wp maksudnya ya??? blom pernah liat ane kecuali u akalin pake kaya tab menu, kaya template revolution church or template na kang noval

 

Di blogger / blogspot, gak bisa pakek Sub menu..

Cuman Bisanya pakek Kategori.. Om..

Kalo pun submenu itu cuman pakek Trik Tree menu Kale

 

nah ini maksud ane pake tree menu,.,.,.

tree menu=menu pohon, hidangan spesial buay makan malem

 

tree menu = menu pepohonan lo pantes Hidup di pohon

 

wkwkwkwkw,.,.,., TS na mana ya??? ga mo ikut maen pohon2an neh

 

kaya punyanya zinmag remedy v1 ?sayang di versi dua udah nda gt lg dia. br mau dicolong kodenya

 

abis adu bacot sama CS Speedy

thanks ya jawabannya mau cendol tapi antri ya

 

flashvortex.com pernah coba ?

 

1.Login pada Blogger.
2.Klik pada Layout pada Dashboard.
3.Pada Layout klik Edit HTML .
4.Temukan kode </b:skin>
5.Letakkan kode dibawah ini sebelum kode </b:skin> tersebut

Code:

 
.jqueryslidemenu{
font: bold 12px Verdana;
background: #414141;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
} 

6.Temukan kode berikut </head>
7.Letakkan kode dibawah ini sebelum kode </head> tersebut.

Code:

<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script src=' http://h1.ripway.com/anshul555/slidemenu_horiz.js ' type='text/javascript'/>

8.Selanjutnya temukan kode dibawah ini

Code:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Testing templates (Header)' type='Header'/>
</b:section>
</div>

9.Letakkan kode dibawah ini setelah kode tersebut pada langkah 8.

Code:

<div class='jqueryslidemenu' id='myslidemenu'>
<ul>
<li><a href='http:marchsya.blogspot.com'>Home</a></li>
<li><a href='#'>Daftar Isi</a></li>
<li><a href='#'>Tutorial Blog</a>
<ul>
<li><a href='#'>Sub Item 1.1</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
</ul>
</li>
<li><a href='#'>Islam</a></li>
<li><a href='#'>Folder 2</a>
<ul>
<li><a href='#'>Sub Item 2.1</a></li>
<li><a href='#'>Folder 2.1</a>
<ul>
<li><a href='#'>Sub Item 2.1.1</a></li>
<li><a href='#'>Sub Item 2.1.2</a></li>
<li><a href='#'>Folder 3.1.1</a>
<ul>
<li><a href='#'>Sub Item 3.1.1.1</a></li>
<li><a href='#'>Sub Item 3.1.1.2</a></li>
<li><a href='#'>Sub Item 3.1.1.3</a></li>
<li><a href='#'>Sub Item 3.1.1.4</a></li>
<li><a href='#'>Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href='#'>Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='http://marchsya.blogspot.com'>Tukar Link</a></li>
</ul>
<br style='clear: left'/>
</div>

10. Save dan lihat hasilnya

-=Semoga Bermanfaat=-​

 

@^: wikkikkkk...nyantai aja Om. Kayaknya nih si Om masuk kesini cuma untuk pasang tutorial diatas aja . Ane ngerti kuk perasaan Om yang dibilangin kalau Blogspot gak bisa bikin submenu.

 

itu harus pake themes yang dukung java script buat submenunya terus masukinnya cara manual dech

misal: ente sdh bikin menu1, menu1a, menu1b
nah masukin tuh di bagian kode htmlnya submenu tadi via kode html...

sekarang masalahnya ada g themes siap pake yang munculin tuh sub menu... kalo bawaan dari blogger kek g ada deh

 

Astaga...pada gak ngerti blogspot nih pada.

@^: blogspot tuh bisa dipasangi sub menu. Jutaan submenu pun bisa dipasang disana. Hanya dua yg dibutuhkan...css n html. Submenu yg ts maksudkan disini adalah submenu navigasi (horisontal).

Jangankan hanya submenu, dtree pun bisa diblogspot. Loe kira blogger engine kampungan pa?

 

klo javascript link-linknya ga bakalan dimasukin bot SE lho.. mungkin berguna buat visitor human tp ga berguna bwt google gedek

CMIIW

 

apakah yang di maskud sub menu disini adalah menu dropdown ??
seperti yang ada di blog ini.
kalo memang iya, saya akan mencoba sedikit memberi masukan. namun menu ini masih kurang sempurna.

pertama temukan dulu kode yang membentuk menu itu sendiri.
misal :

kemudian tambahkan kode berikut di bawah kode menu yang akan di beri sub menu.

maka akan jadi seperti ini :

tapi yang menjadi masalah sub2 menu tersebut akan di ambilkan dari link mana ?!
dari link label sudah saya coba tapi tidak sesuai dengan harapan.
bagi para master yang sudah mahir mohon di sempurnakan untuk trik ini.
sebelum nya saya berterima kasih.
semoga bisa membantu.

 

Ini menunya sih bisa...cuma buat ngakalin halamannya gmn ya? bikin banyak blog gitu?

 

kok kagak jalan bro dropdown menunya udah ku coba beberapa kali duhhhhhhhhhh kagak ngasil deh

---------- Post added at 04:32 PM ---------- Previous post was at 04:30 PM ----------

kok kagak jalan ya bro udah gua coba beberapa kali duh pengen banget punya menu kayak gitu

 

butuh pencerahan yang jelas nih gannn.....