Cara Memasang Multi Tab di Blog

Dengan memasang Multi Tab ini kita bisa meletakkan beberapa widget blog kita, sehingga blog kita tidak dipenuhi banyak widget, jadi dengan memasang Multi Tab ini Di blog, blog kita tidak akan sempit. Tab navigasi widget fitur tab dan jendela konten, ketika sobat  mengklik pada tab, isi yang berbeda terlihat di jendela bawah. Sobat dapat menggunakannya untuk posting Populer, Top komentator, Recent Posts, Recent Posts atau widget yang Sobat Mau juga boleh koq.
nah, jadi tunggu apalagi? silahkan pasang multi tab ini ke blog sobat, Widget ini adalah persembahan dari webaholic.
baik, langsung saja sobat saya kasih tau cara pemasangan Multi Tab Widget Ini Di Blog.

1. sobat masuk ke akun blog sobat (dasbor) > Rancangan > Edit HTML
2. klik centang pada Expand Widget Template
3. sobat cari kode </head> 
4. gunakan tombol CTRL + F untuk memudahkan Pencarian.
5. Copy Kode berikut ini dan Paste-kan tepat diatas/sebelum kode  </head>

• <script src="http://www.webaholic.co.in/other/blogger-tabbed-widget-javascript.js" type="text/javascript"></script>
<link href="http://www.webaholic.co.in/other/blogger-tabbed-widget-css.css" rel="stylesheet" type="text/css" /> 
•   jika sudah diletakkan kodenya, klik SIMPAN TEMPLATE .

eit belum selesai sobat,

• masuk ke menu Edit Laman > Tambah Widget> HTML/JavaScript

     copy kode berikut letakkan di kolom CONTENT

<form action="tabtampil.html" method="get">
<div id="TabTampil" class="TabTampil">
<div style="width: 300px;" class="TTs"> 
<a>Judul 1</a> 
<a>Judul 2</a> 
<a>Judul 3</a>
</div>
<div style="width: 300px; height: 300px;" class="Halamans">
<div class="Halaman">
<div class="Alas">
<br/>
isi Widget Judul 1
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Isi Widget Judul 2
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Isi Widget judul 3
</div>
</div>
</div>
<small><a style='margin-left:10px;align:right;' href='http://www.blogger.webaholic.co.in/2011/10/multi-tabbed-widget-for-blogger.html' target='_blank'>Multi-Tabbed Widget</a> | <a href='http://www.webaholic.co.in/' target='_blank'>Webaholic</a></small>
</div>
</div></form>
<script type="text/javascript">tabtampil_inisial('TabTampil');</script>


keterangan :
 judul 1, judul 2, judul 3 adalah judul tab .
 isi Widget Judul 1, 2, 3 : isi widget pada judul tab . misalkan sobat mau pasang artikel terkait,popular post, dsb maka pasang widgetnya di Isi Widget .
kemudian SIMPAN TEMPLATE.
perhatian!:  kode Java Script dan link sumber tidak boleh diganti, karena itu adalah link Sumbernya,.
jadi selamat mencoba ya sobat .