Cara Mudah Memasang Multi Tab di Blog

Tampilan Multi Tab Widget

hain sobat Setia Putupunyablog ? kali ini saya memposting lagi nih, yaitu tentang cara buat multi tab widget pada blog . Multi Tab Widget adalah widget yang yang mempunyai Ruang Besar untuk meletakkan widget blog kita . misalnya, coba lihat di sidebar blog saya yang paling kanan yang berisi Tutorial Unik Lain-lain nah itulah yang dinamakn Multi Tab Widget . oiya sobat saya lupa, 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.

sobat masuk ke akun blog sobat (dasbor) > Rancangan > Edit HTML
klik centang pada Expand Widget Template
sobat cari kode </head>
gunakan tombol CTRL + F untuk memudahkan Pencarian.
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 .
jika sobat masih bingung, tidak ada salahnya dengan bertanya komentar di bawah ini.

Selamat Berkarya.

Admin : Wayan Putu Sujane

Saya hanya seorang blogger pemula yang mencoba untuk berbagi tentang hal apapun yang saya ketahui dan semoga yang saya bagi ini bisa bermanfaat bagi anda, mohon maaf bila ada kekurang dan terima kasih atas kunjungannya ke blog saya ini.