Cara Menciptakan atau Membuat Menu Tab View
Karena sering ditanya wacana bagaimana caranya menciptakan Tab VIew (Biasanya nanyanya gini: "Mas cara menciptakan sajian yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain", "Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... Tabview itu sangat berkhasiat sekali, alasannya yakni dengan ukuran kotak yang relatif kecil tapi dapat memuat isi yang buanyak.
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 :D
Tab view itu misalnya ibarat ini :
DISINISebenarnya 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 :D
Tab view itu misalnya ibarat ini :
5. Langkah selanjutnya yaitu pasang instruksi berikut ini sebelum instruksi </head>
<script src='http://kendhin.googlepages.com/tabview.js' type='text/javascript'/>
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>
</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>
</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.
loading...
0 Response to "Cara Menciptakan atau Membuat Menu Tab View"
Post a Comment
Tata Tertib Berkomentar di Blog Assalam Link :
1. Kalimat/Kata-kata Tidak Mengandung Unsur (SARA).
2. Berkomentar Sesuai dengan Artikel Postingan.
3. Dilarang Keras Promosi Apapun Bentuk dan Jenisnya.
4. Link Aktif/Mati, Tidak Dipublikasikan dan Dianggap SPAM.
5. Ingat Semua Komentar Dimoderasi
Terimakasih Atas Pengertiannya.