Cara Membuat Tab View Otomatis di Sidebar



Caranya adalah sebagai berikut :

1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian
6.  Lalu cari kode : ]]></b:skin>  ,  lalu copy kode berikut ini  tepat diatasnya :
.widget-wrapper2{
border:1px solid #494e52;
background-color:#F1EFEF;
padding:8px;
}
.widget-tab {
font-family:Arial,Helvetica,sans-serif;
}
.tab-content ul li a:hover {
color:#a59c83;
}
.tab-content ul li a:hover small {
color:#baae8e;
}
.active-tab{
color:#FFF !important;
background:#BF1E2D !important;
padding-top:10px;
-moz-border-radius:10px 10px 0 0;
border:5px solid #171615;
border-bottom:none;
}
ul.tab-wrapper {
margin:0px;
padding:0px;
margin-top:5px;
margin-bottom:-2px;
}

ul.tab-wrapper li {
-moz-border-radius:10px 10px 0 0;
border:5px solid #171615;
border-bottom:none;
background:#282828;
color:#FFFFFF;
cursor:pointer;
display:inline;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
line-height:2em;
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;
margin-right:1px;
padding:8px 10px;
text-align:center;
text-decoration:none;
}
7. Selanjutnya cari kode :  </head>  lalu copy code di bawah ini  dan letakkan di atas kode :  </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
var starttab=0;
var endtab=2;
var sidebarname=&quot;sidebar&quot;;
</script>
<script src='http://introbloggerscripts.googlecode.com/files/bloggertabv1.0-min.js' type='text/javascript'/>
8. Save
♂ Good Luck ♀

Semua ini adalah apa yang pernah aku cobain sendiri . . dan aku dapat/mengerti dari teman2 blogger lainnya karena aku hanya seorang blogger pemula yang ingin mengetahui lebih banyak hal lagi . . . . Thank's

3 komentar:

  1. kenapa tab view nya g bisa apa g kurang kode getjed nya atau gmana tlong dijelaskan

    BalasHapus
  2. @Eko johari saputradari kodenya ngak ada yang salah mas . . . saya sudah mempraktekkannya langsung. . . trus berhasil di blog http://www.yes-or-no.co.cc/ . . coba aja kembali sesuai petunjuk diatas . . thank's

    BalasHapus
  3. Kok agak ssh mas buat tab nya ,,aku dah cb ,,minta ptnjuknya ya ,tanks

    BalasHapus