Cara Membuat Tab View

Cara membuat tab view- Kali ini kita akan membahas cara membuat tabview yang standart (biasa) dulu aja ya,.,.,.. Kadang kita bingung kehabisan tab/widget pada suatu blog karena saking banyaknya widget. Blog kita akan semakin rumit dan berat atau kadang tidak karuan. Nah apabila kita gunakan tab view inie tempat widget yang biasanya 1 sampai 4 bisa
di hemat dengan menggunakan 1 tempat widget dengan 4 tab saja.. Lagian apa bila menggunakan tab view widget kita tidak Pathing ndrembel (Kalau orang jawa bilang).  Nih sebagai contoh pengguna'an Tab view di blog ini :

                    Kalo tampilan tab view nya kurang jelas bisa diliat di bagian atas bawah header blog ini                               
Akan terliat lebih simple kan bila pake tab view ??? Tidak Pathing drembelkan ?? Bisa liat keseluruhan blog ini enak tidak di liat kan ??

Tertarik mau membuat tab view ini,.. sebenarnya gampang-gampang sulit buat Tab view ini
Yah,.,., langsung aja ya ke cara memberi tab view
                                 Cara memberi Tab View :
1. Login Blogger anda
2. Rancangan >> Edit HTML >> Centang Explain Widget
3. Copy Paste kode berikut di atas  </head>

        <script src='http://tabaji.googlecode.com/files/ajinoortabview.js' type='     text/javascript'/>

4. Kalau sudah, letakkan kode berikut di atas kode  ]]></b:skin>

div.Tabaji div.TFs
{height: 30px; overflow: hidden;}
div.Tabaji div.TFs a
{float: left; display: block; text-align: center; text-decoration: none; font: normal 12px arial; padding:3px 5px 3px 3px; margin:0 5px 0 0;letter-spacing:-0.07em;
background:#0174DF;
color: #333;
border-top:1px solid #CCCCCC;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #cccccc;
-moz-border-radius-bottomright: 10px;
}
div.Tabaji div.TFs a:hover
{ background: #FF8000;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999;-moz-box-shadow: 0 0 13px;}
div.Tabaji div.TFs a.Active
{ background: #E8E8E8;
color: #000000;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999; font-weight:bold;}
div.Tabaji div.Pages
{ clear: both; overflow: hidden; height:240px; border:1px solid #EFF0F1; padding:0;background: #ffffff; -moz-border-radius:5px;}
div.Tabaji div.Pages div.Page
{height: 100%;padding: 0px; overflow: hidden; }
div.Tabaji div.Pages div.Page div.floor
{ font-size:11px;padding: 3px 5px; text-align:left;}
#toc {  border: 0px solid #000000;  background: #ffffff;  padding:2px; width:495px;  margin-top:10px;}

5. Klik Simpan template dan Sekarang menuju ke Elemen laman

6. Klik Tombol Tambah gadget >> HTML/Javascript

7. Letakkan kode berikut dalam content:

<form action="tabarji.html" method="get">
<div class="Tabaji" id="Tabaji">
<div class="TFs">
<a>tab1</a>
<a>tab2</a>
<a>tab3</a>
<a>tab4</a>
</div>
<div class="Pages">
<div class="Page"><!-- Tab -->
<div class="floor">
Disini letakkan kode untuk tab 1 anda
</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
Disini letakkan kode untuk tab 2 anda
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">
Disini letakkan kode untuk tab 3 anda
</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">
Disini letakkan kode untuk tab 4 anda
</div>
</div><!-- end Tab -->
</div>
</div>
</form>
<script type="text/javascript">tabaji_name('Tabaji');</script>

8. Simpan dan insya allah berhasil

CATATAN :

......             :Ganti dengan Judul tab ( Terserah hati anda )
......             :Ganti dengan ISI yang akan anda isikan pada suatu tab,, bisa script, tulisan atau semacamnya

Demikian Cara membuat Tab view Kalau ada ketidak berhasilan silahkan tanya atau komen
DeMikian juga Script Yang ada dari sumbernya