Membuat Tab Menu

Kali ini saya akan menjelaskan cara membuat Tab Menu. Tab Menu sangat bermanfaat sekali karena kita bisa menghemat ruang yang ada di blog kita dan kita juga bisa meletakan beberapa gadget ataupun beberapa banner ataupun teks didalam halaman yang sama tetapi dipisahkan oleh kolom tersendiri dan kolom inipun hanya bisa dibuka bergantian.

Sebenarnya memang agak rumit dalam pembuatan Tab Menu ini dikarenakan banyaknya script yang harus kita copy dan paste ke template maupun gadget, tapi bagi anda yang suka ngutak-ngatik script, saya pikir bukan hal baru bagi anda. Andapun bisa meedit script tersebut untuk menyesuaikan dengan halaman blog anda. Untuk itu silahkan ikuti langkah-langkah berikut ini :

Langkah Pertama :

1. Login ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode
6. Persis sebelum kode tersebut, pastekan script di bawah ini

<script src="'http://h1.ripway.com/pinginbelajar/campuran/menu_tab.js'" type="'text/javascript'/"><br /><br /><script language="JavaScript"> function clickIE() { if (document.all) { return false; } } function clickNS(e) { if (document.layers(document.getElementById&&!document.all)) { if (e.which==2e.which==3) { return false; } } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS; } else{ document.onmouseup=clickNS; document.oncontextmenu=clickIE; } document.oncontextmenu=new Function("return false") </script><br /><br />7. Klik <span style="font-weight: bold;">Simpan</span><br /><br />Kode script di atas yang di awali dengan tanda # menyatakan warna, seperti #000000 #FFFFFF #999999 #2E2EFE #E6E6E6 #0B516E #DF0101, silahkan anda ganti dengan warna pilihan anda, untuk mendapatkan variasi kode warna silahkan anda surfing di sini <a href="http://html-color-codes.com/" target=" blank">[ html-color-codes ]</a><br /><br />Jika pada saat ini anda tidak mendapatkan hasilnya sebagaimana yang telah saya tulis di atas, berarti file JavaScript tersebut sudah <span style="font-weight: bold;">OverLoad</span>. Silahkan surfing <a href="http://pinginbelajar.blogspot.com/2009/06/7-artikel-saya-yang-bermasalah.html" target=" blank"><b>[ di sini ]</b></a> untuk mendapatkan file JavaScript terbarunya.<br /><br />Selamat mencoba, semoga bermanfaat