Cara Menciptakan atau Membuat Menu Tab View
Sebenarnya dah dari dulu pingin posting wacana itu, tp alasannya yakni yg dulu cara pasanganya sulit jadi belum dapat saya jelaskan. Trus risikonya saya menemukan metode gres dalam pembuatannya. Cara yang ini mungkin ibarat dengan punyanya o-om, tp scriptnya agak beda. Dan saya dapet script ini juga bukan dari o-om lho 😀
Tab view itu misalnya ibarat ini :
DISINI
5. Langkah selanjutnya yaitu pasang instruksi berikut ini sebelum instruksi </head>
6. Kemudian “Di save”
7. Lalu pergi ke sajian “Page Elements”
8. Trus PIlih “Add a Gadget” –> “HTML/Javascript” di daerah yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kau pasang :
<form action=”tabview.html” method=”get”>
<div class=”TabView” id=”TabView”>
<div class=”Tabs” style=”width: 350px;”>
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class=”Pages” style=”width: 350px; height: 250px;”>
<div class=”Page”>
<div class=”Pad”>
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>
<div class=”Page”>
<div class=”Pad”>
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>
<div class=”Page”>
<div class=”Pad”>
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>
</div>
</div>
</form>
<script type=”text/javascript”>
tabview_initialize(‘TabView’);
</script>
Keterangan :
– Angka2 atau text yang berwarna biru (350px) yakni ukuran tinggi dan lebar tabview.
– Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
– Kode yang berwarna merah yakni isi dari tabvie tsb. Kamu dapat mengisinya dengan link, gambar, banner, script dll.
– Untuk menmbahkan jumlah sajian maka perhatikanlah text yang berkedip2. tambahkan sajian tersebut dibawahnya.
