wkwkwkwk sementara teman saya pada kesuasahan saya malah asyik ngeblog hahahah
#diemm saya akan menjelaskan tentang menu multi kolom (hayoo...! penasaran bukan)
gni lho

sederhana aja kok
pertama buka blogger kalian
rancangan
edit HTML
CTRL + F
Setelah itu temukan atau cari kode ]]>
Masukan semua kode dibawah sebelum kode  ]]> div.TabView div.Tabs { height: 24px; overflow: hidden; } div.TabView div.Tabs a { float: left; display: block; width: 90px; text-align: center; height: 24px; padding-top: 3px; vertical-align: middle; border: 1px solid #000; border-bottom-width: 0; text-decoration: none; font-family: “Times New Roman”, Serif; font-weight: 900; color: #000; } div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active { background-color: #FF9900; } div.TabView div.Pages { clear: both; border: 1px solid #6E6E6E; overflow: hidden; background-color: #FF9900; } div.TabView div.Pages div.Page { height: 100%; padding: 0px; overflow: hidden; } div.TabView div.Pages div.Page div.Pad { padding: 3px 5px; }
sudah sudah ...????? oke next


CTRL +F
dan kita cari kode
dan tambahkan kode berikut sebelum kode

<script type='text/javascript'> function tabview_aux(TabViewId, id) { var TabView = document.getElementById(TabViewId); // ----- Tabs ----- var Tabs = TabView.firstChild; while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling; var Tab = Tabs.firstChild; var i = 0; do { if (Tab.tagName == "A") { i++; Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");"; Tab.className = (i == id) ? "Active" : ""; Tab.blur(); } } while (Tab = Tab.nextSibling); // ----- Pages ----- var Pages = TabView.firstChild; while (Pages.className != 'Pages') Pages = Pages.nextSibling; var Page = Pages.firstChild; var i = 0; do { if (Page.className == 'Page') { i++; if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px"; Page.style.overflow = "auto"; Page.style.display = (i == id) ? 'block' : 'none'; } } while (Page = Page.nextSibling); } // ----- Functions ------------------------------------------------------------- function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); } function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); } </script>




udah kan hayo ngaku.. nagaku aja dah kalo udah
kalo belom jangan pegangan aku ya. pegangan tembok aja. hahahaha
heh kamu buka ELEMEN LAMAN "CEPAT"
<form action=”tabview.html” method=”get”> <div id=”TabView”> <div style=”width: 350px;”> <a>Title menu 1</a> <a>Title menu 2</a> <a>Title menu 3</a> </div> <div style=”width: 350px; height: 250px;”> <div> <div> Link 1 di menu 1 <br /> Link 2 di menu 1 <br /> Link 3 d1 menu 1 <br /> </div> </div> <div> <div> Link 1 di menu 2 <br /> Link 2 di menu 2 <br /> Link 3 d1 menu 2 <br /> </div> </div> <div> <div> Link 1 di menu 3 <br /> Link 2 di menu 3 <br /> Link 3 d1 menu 3 <br /> </div> </div> </div> </div> </form> <script type=”text/javascript”> tabview_initialize(‘TabView’); </script>


selesaiiiiiiiiiiii huih cuapek ya.sisanya edit sendiri dech hehehehehe...!! tha tha