1.MASUK KE DASBOR BLOG
2.KLIK TEMPLATE KLIK EDIT HTML CARI KODE SCRIP ]]></b:skin>
3.TAMBAHKAN KODE CSS BERIKUT TEPAT DI ATASNYA:
INI KODENYA:
.tabs-inner .widget li ul {
z-index: 100; position: absolute;
left: -999em; height: auto; margin: 0; padding: 0;
border: 1px solid #999999;
}
.tabs-inner .widget li ul, .tabs-inner .widget li ul a,
.tabs-inner .widget li ul li:first-child a {
-moz-border-radius: 0px; -webkit-border-radius: 0px;
-goog-ms-border-radius: 0px; border-radius: 0px;
}
.tabs-inner .widget li:hover ul, .tabs-inner .widget li.sfhover ul {
left: auto;
}
.tabs-inner .widget li li a:hover, .tabs-inner .widget li li a:active {
color: #ffffff; background: rgb(51, 102, 153);
}
.tabs-inner .widget li ul a {
display: block; padding-left: 1.25em; padding-right: 1.25em;
margin-left: 0px; margin-right: 0px; border: none;
color: #000000; background: rgb(243, 244, 246);
}
.tabs-inner .widget li ul, .tabs-inner .widget li ul a {
width: 220px;
}
4.MASIH DI EDIT HTML CARI KODE:
<li><a expr:href='data:link.href'><data:link.title/></a></li>
perhatikan kode <b:/loop> yang terdapat beberapa baris di bawahnya.
sisipkan kode dengan format berikut ini tepat di bawah <b:/loop>.
INI KODENYA:
<li><a href='#'>My Blog</a>
<ul>
<li><a href='URL'>Sub Menu 1</a></li>
<li><a href='URL'>Sub Menu 2</a></li>
<li><a href='URL'>Sub Menu 3</a></li>
<li><a href='URL'>sub Menu 4</a></li>
<li><a href='URL'>sub Menu 5</a></li>
<li><a href='URL'>sub Menu 6</a></li>
<li><a href='URL'>sub Menu 7</a></li>
<li><a href='URL'>sub Menu 8</a></li>
<li><a href='URL'>sub Menu 9</a></li>
<li><a href='URL'>sub Menu 10</a></li>
</ul>
</li>
<li><a href='#'>My Blog 2</a>
<ul>
<li><a href='URL'>Sub Menu 1</a></li>
<li><a href='URL'>Sub Menu 2</a></li>
<li><a href='URL'>Sub Menu 3</a></li>
<li><a href='URL'>sub Menu 4</a></li>
<li><a href='URL'>sub Menu 5</a></li>
<li><a href='URL'>sub Menu 6</a></li>
<li><a href='URL'>sub Menu 7</a></li>
<li><a href='URL'>sub Menu 8</a></li>
<li><a href='URL'>sub Menu 9</a></li>
<li><a href='URL'>sub Menu 10</a></li>
</ul>
</li>
<li><a href='#'>My Blog 3</a>
<ul>
<li><a href='URL'>Sub Menu 1</a></li>
<li><a href='URL'>Sub Menu 2</a></li>
<li><a href='URL'>Sub Menu 3</a></li>
<li><a href='URL'>sub Menu 4</a></li>
<li><a href='URL'>sub Menu 5</a></li>
<li><a href='URL'>sub Menu 6</a></li>
<li><a href='URL'>sub Menu 7</a></li>
<li><a href='URL'>sub Menu 8</a></li>
<li><a href='URL'>sub Menu 9</a></li>
<li><a href='URL'>sub Menu 10</a></li>
</ul>
</li>
<li><a href='#'>My Blog 4</a>
<ul>
<li><a href='URL'>Sub Menu 1</a></li>
<li><a href='URL'>Sub Menu 2</a></li>
<li><a href='URL'>Sub Menu 3</a></li>
<li><a href='URL'>sub Menu 4</a></li>
<li><a href='URL'>sub Menu 5</a></li>
<li><a href='URL'>sub Menu 6</a></li>
<li><a href='URL'>sub Menu 7</a></li>
<li><a href='URL'>sub Menu 8</a></li>
<li><a href='URL'>sub Menu 9</a></li>
<li><a href='URL'>sub Menu 10</a></li>
</ul>
</li>
<li><a href='#'>My Blog 5</a>
<ul>
<li><a href='URL'>Sub Menu 1</a></li>
<li><a href='URL'>Sub Menu 2</a></li>
<li><a href='URL'>Sub Menu 3</a></li>
<li><a href='URL'>sub Menu 4</a></li>
<li><a href='URL'>sub Menu 5</a></li>
<li><a href='URL'>sub Menu 6</a></li>
<li><a href='URL'>sub Menu 7</a></li>
<li><a href='URL'>sub Menu 8</a></li>
<li><a href='URL'>sub Menu 9</a></li>
<li><a href='URL'>sub Menu 10</a></li>
</ul>
</li>
SIMPAN TEMPLET.....
