Cara pasang menu Multi Kolom

Membuat menu multi kolom disini maksudnya membuat lebih dari satu menu dalam satu kolom, ini berguna sekali untuk menghemat space blog anda yang sudah memiliki menu yang banyak seperti pada contoh screenshot berikut:

Langkah-langkah untuk membuat menu multi kolom silahkah ikuti seperti dibawah ini:
1. Login ke blogger anda
2. Layout-->Edit HTML
3. Kemudian cari kode ]]></b:skin>
4. Masukan kode dibawah ini sebelum kode diatas

<div class="alert"> div.TabView div.Tabs<br /> {<br /> height: 24px;<br /> overflow: hidden;<br /> }<br /> div.TabView div.Tabs a<br /> {<br /> float: left;<br /> display: block;<br /> width: <span style="color: red;">90<span style="color: black;">px</span></span>; text-align: center;<br /> height:<span style="color: #3366ff;"> 24</span>px;<br /> padding-top: 3px;<br /> vertical-align: middle;<br /> border: 1px solid <span style="color: #006600;">#000</span>;<br /> border-bottom-width: 0;<br /> text-decoration: none;<br /> font-family: "<span style="color: #330033;">Times New Roman</span>", Serif;<br /> font-weight: 900;<br /> color:<span style="color: #993399;"> #000</span>;<br /> }<br /> div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active<br /> {<br /> background-color: <span style="color: #999999;">#FF9900</span>;<br /> }<br /> div.TabView div.Pages<br /> {<br /> clear: both;<br /> border: 1px solid <span style="color: #ffcc33;">#6E6E6E</span>;<br /> overflow: hidden;<br /> background-color: <span style="color: #ff6600;">#FF9900</span>;<br /> }<br /> div.TabView div.Pages div.Page<br /> {<br /> height: 100%;<br /> padding: 0px;<br /> overflow: hidden;<br /> }<br /> div.TabView div.Pages div.Page div.Pad<br /> {<br /> padding: 3px 5px;<br /> }</div>

5. Silahkan masukkan kode dibawah ini sebelum kode </head>

<script src='http://superinhost.com/trikblog/tabview.js' type='text/javascript'/>

6. Kemudian Save

Kemudian ke menu Layout-->Page Elements-->pilih Add Gadget yang akan kamu tempatkan menu multi kolom ini-->HTML/Javascript

Silahkan masukkan script menu multi kolom dibawah ini:

<div class="alert"> <br /> <form action="tabview.html" method="get"> <br /> <div class="TabView" id="TabView"> <br /> <div class="Tabs" style="width:<span style="color: #3333ff;"> 350</span>px;"><br /> <span style="color: #006600;"><a>Title menu 1</a></span><br /> <span style="color: #006600;"><a>Title menu 2</a></span><br /> <span style="color: #006600;"><a>Title menu 3</a></span><br /> </div> <br /> <div class="Pages" style="width:<span style="color: #3333ff;"> 350</span>px; height: <span style="color: #3333ff;">250</span>px;"><br /> <br /> <div class="Page"> <br /> <div class="Pad"> <br /> <span style="color: red;">Link 1 di menu 1 <br /></span><br /> <span style="color: red;">Link 2 di menu 1 <br /></span><br /> <span style="color: red;">Link 3 d1 menu 1 <br /></span><br /> </div> <br /> </div> <br /> <br /> <div class="Page"> <br /> <div class="Pad"> <br /> <span style="color: red;">Link 1 di menu 2 <br /></span><br /> <span style="color: red;">Link 2 di menu 2 <br /></span><br /> <span style="color: red;">Link 3 d1 menu 2 <br /></span><br /> </div> <br /> </div> <br /> <br /> <div class="Page"> <br /> <div class="Pad"> <br /> <span style="color: red;">Link 1 di menu 3 <br /></span><br /> <span style="color: red;"> Link 2 di menu 3 <br /></span><br /> <span style="color: red;"> Link 3 d1 menu 3 <br /></span><br /> </div> <br /> </div> <br /> <br /> </div> <br /> </div> <br /> </form> <br /> <br /> <script type="text/javascript"><br /> tabview_initialize('TabView');<br /> </script></div>

Semoga Bermanfaat.............