Berbagi HTML untuk Menu Dropdown

Berikut beberapa HTML untuk MENU DROP DOWN. Sebelumnya Anda harus mengeditnya terlebih dahulu, caranya dengan menggunakan notepad. Copy paste script di bawah kemudian ganti ID friewan.multiply.com (yang di highlight berwarna kuning) dengan ID multiply Anda. Misalnya http://friewan.multiply.com/journal (yang merupakan direct link) dengan http://IDAnda.multiply.com/journal. Begitu juga dengan direct link yang lainnya. Anda harus sedikit sabar untuk yang satu ini. Jika diperlukan, edit pula besarnya tampilan gambar pada script HTML sesuai dengan layout MP Anda (contoh value highlight warna orange).

EFWAN EMPIRE

<DIV class="menu"><DIV class="thumbnail"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/1/menu.png?et=4 V,f54RwJ5T9LZ1kRZsMw&amp;am" p;nmid="247440569" height="109" width="31" border="1"><SPAN class="show"><UL> <LI><A href="http://friewan.multiply.com"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/9/Home.png?et=F9KbC7Q6IPJY3HEuWsDhjg&amp;nmi" d="247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/journal"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/2/Blog.png?et=oxqXf52IYZh19yrrQ52XVg&amp;n" mid="247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/photos"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/3/photo.png?et=eIlQgEhDSfIZrN,DqGqEoQ&amp;" nmid="247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/video"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/4/Video.png?et=iAZ37hNbdWglWNX4y1dOfA&amp;am" p;nmid="247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/music"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/5/Music.png?et=lbQeDv5NImxmJVwsILoXEg&amp;am" p;nmid="247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/links"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/8/Links.png?et=KntDjDcSJZ9knnX6HoQVgg&amp;" ;nmid="" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/reviews"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/7/reviews.png?et=8c 4kDSGstwDThGFmizNCQ&amp;" amp;nmid="247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/calendar"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/6/calendar.png?et=bfT6KpUdYpExrVIejfSkuQ&amp;a" mp;nmid="247440569" height="18" width="50" border="0"></A></LI></UL></SPAN></DIV></DIV>


SKYLINE MINIMALIST


<DIV class="menu"><DIV class="thumbnail"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/13/MENU.jpg?et=JLsBRgkM74O6GMMm24nL2g&amp;nmid=247440569" height="100" width="30" border="1"><SPAN class="show"><UL> <LI><A href="http://friewan.multiply.com"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/14/home.jpg?et=OYogmSCkPWctB6DcM2uCTw&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/journal"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/15/blog.jpg?et=L6Fh4%2BhHi%2Bgvt2f8iaiASQ&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/photos"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/16/photos.jpg?et=8g90FEXNuy1e7oVmgGv6gg&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/video"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/17/video.jpg?et=HZWu1wSjiVCoxRyxILPcPA&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/music"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/18/music.jpg?et=lCV8%2C4ZLggC1CbAKZr25wA&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/links"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/19/links.jpg?et=RxJdsZIeN3fKZrTIENQ5Fg&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/reviews"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/20/reviews.jpg?et=6K7jIjBWF%2CD0Wf1OFlpUug&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/calendar"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/21/calendar.jpg?et=Q7xcne8TsJqTf6G0RdeveQ&amp;nmid=247440569" height="18" width="50" border="0"></A></LI></UL></SPAN></DIV></DIV>




SOFT ORANGE


<DIV class="menu"><DIV class="thumbnail"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/46/menu-combine.png?et=rCXvGpcx29594cMNsmfqsw&nmid=247440569" height="109" width="31" border="1"><SPAN class="show"><UL> <LI><A href="http://friewan.multiply.com"><A href="http://images.friewan.multiply.com/image/1/photos/9/500x500/47/home.png?et=frKwiYoHOt94G2UrkSYHsg&nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/journal"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/48/blog.png?et=W%2BnOne6vNr%2BsjwI%2CLVAXBQ&nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/photos"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/49/photos.png?et=66knGhMDhAtD%2BrSl8eofdQ&nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/video"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/50/video.png?et=kd%2C0U0RbNy3PlAYJotKl4g&nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/music"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/51/music.png?et=KCO8Q%2CBN8UMuVmr1dAPfqw&nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/links"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/52/links.png?et=FhOIdTjVT7nkqGwzcrg%2BUQ&nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/reviews"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/53/reviews.png?et=9A3IwrFS8SFw1XyF94FU0g&nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/calendar"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/54/calendar.png?et=nWef7wxorQnv3lIszuOeBQ&nmid=247440569" height="18" width="50" border="0"></A></LI></UL></SPAN></DIV></DIV>

BINDEROUS


<DIV class="menu"><DIV class="thumbnail"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/35/binder-cream.png?et=0BXTR89V2Ixttlh1sLxVyA&amp;nmid=247440569" height="109" width="31" border="1"><SPAN class="show"><UL> <LI><A href="http://friewan.multiply.com"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/36/home.jpg?et=k1l8NNIq7%2BZVmcnwJtMlbQ&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/journal"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/37/blog.jpg?et=nB5DtA82SUeWPpZ34Tu%2CtA&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/photos"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/38/photos.jpg?et=oujI2A6g7ZkfGKOdfeHiJQ&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/video"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/39/video.jpg?et=cksPgCBVBF8lgNNXQR%2B0Bg&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/music"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/40/music.jpg?et=0BXdPDxwyeS8DFIDzNXbnA&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/links"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/41/links.jpg?et=TYKBvSq8LjafuLYdq9LWug&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/reviews"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/42/reviews.jpg?et=WFGzLXOn5htTO2%2BLlQW%2BtQ&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/calendar"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/43/calendar.jpg?et=LUYQ7vWtc1Ddyv9iEMoTPw&amp;nmid=247440569" height="18" width="50" border="0"></A></LI></UL></SPAN></DIV></DIV>

EMPIRE EFWAN

• 
• 
• 
• 
• 
• 
• 
• 

 BLUE MINIMALIST

• 
• 
• 
• 
• 
• 
• 
• 
• 

 SOFT ORANGE

• 
• 
• 
• 
• 
• 
• 

 BINDEROUS

• 
• 
• 
• 
• 
• 
• 
• 
• 

ROHAN

• 
• 
• 
• 
• 
• 
• 

DAVINCI CODE NOVEL

• 
• 
• 
• 
• 
• 
• 
• 

DAVINCI THE MOVIE

• 
• 
• 
• 
• 
• 
• 
• 

Setelah Anda memasukkan salah satu model script di atas ke SITE TITEL ANDA, TAMBAHKAN PULA KODE CSS INI pada Box Upload CSS Anda :
/* Hide Default Menu */
div#subnav {
display:none;
}

/* Dropdown Menu Function */
.menu {
position: fixed;top: 117px;
left: 5px;
}

div.thumbnail span.show {
width: 100px;
position: absolute;
background-color: transparent;
font-size: 9px;
padding: 5px;
visibility: hidden;
color: none;
text-decoration: none;
border: 0;
}

div.thumbnail:hover span.show {
visibility: visible;
top: 8;
left: 3px;
}
Value pada CSS dapat Anda edit sesuai kebutuhan. Sebagai contoh, untuk mengatur letak menu dengan sisi kiri dan atas (highlight warna hijau). Semoga berhasil.
catatan :

• Anda juga dapat berimprovisasi dengan menyisipkan berbagai link gambar lainnya pada menu. Sebagai contoh, saya menyisipkan link Yahoo Messenger (YM) status saya pada bagian bawah menu.
• Anda juga dapat membuat tampilan menu tersendiri dengan link gambar yang lebih personal. Ini lebih baik, karena tampilan menu akan lebih sesuai dengan selera Anda.

Sumber : http://friewan.multiply.com/journal/item/20/Berbagi_HTML_untuk_menu_drop_down.