Home » » Cara Memasang Multi Tab di Blog

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, 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 .

Anda sedang membaca artikel tentang Cara Memasang Multi Tab di Blog. Anda bisa bookmark halaman ini dengan URL http://rujakcemil.blogspot.com/2012/06/cara-memasang-multi-tab-di-blog.html. Jika Anda menyukai Artikel di blog ini, Silakan masukkan email Anda di bawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit.
Bagikan artikel ini :
Description: Cara Memasang Multi Tab di Blog
Rating: 4
Reviewer: Aditya Nugroho
ItemReviewed: Cara Memasang Multi Tab di Blog

Artikel Terkait

3 komentar:

  1. keren gannn...

    kunjungi yaaa...
    http://kmkosipil.blogspot.com/

    BalasHapus
  2. Top Markotop Sip! Kunjungi Juga ya
    http://blogborondonggaring.blogspot.com
    Trim's

    BalasHapus
  3. Thanks mas, ikutan aq coba ya...

    BalasHapus

 
DMCA.com
Copyright © 2013. Rujakcemil-Blog - All Rights Reserved
Proudly powered by Blogger

Log In Blogger