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

Related Post