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.
  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 .
jika sobat masih bingung, tidak ada salahnya dengan bertanya komentar di bawah ini.

Selamat Berkarya.

Baca Juga Artikel Dibawah Ini!



9 komentar:

  1. blogwalking .
    follow sukses #3
    follback : http://deejayhan.blogspot.com

    BalasHapus
  2. Gan cara masukkan artikel ke dalam gimna ?

    BalasHapus
  3. @miko_ agan pake Kode Script Daftar isi per label aja gan... coba agan cari script daftar isi perlabel, lalu pastekan di tulisan Isi Widget Judul 2.

    BalasHapus
  4. @Zamrud Hijau terimakasih gan atas kunjungan dan komentarnya. ok gan saya akan berkunjungan dan akan follow blog agan. tetapi follow back ya gan.. ;)

    BalasHapus
  5. sukses selalu sob,, kunjungan balik yah..

    BalasHapus

Silahkan Berkomentar. Dilarang Live Link. Tidak Memakai Verifikasi Kata. Berkomentarlah Dengan Sopan!.

Entri Populer

 
Copyright © 2012 - 2013 Putupunyablog | Powered by Blogger