Xx+==x(EXPLORATION)=xXx==+=

Home » Tips Blogger » Cara Membuat Tab View Otomatis di Sidebar

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="sidebar";
</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

Tips Blogger

3 comments:

11 Juni 2011 pukul 10.56

world in web Said...

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

world in web Thank you for commenting on » Cara Membuat Tab View Otomatis di Sidebar

11 Juni 2011 pukul 22.57

Rizky Maulana Said...

@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

23 Juni 2012 pukul 18.32

argia Said...

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

argia Thank you for commenting on » Cara Membuat Tab View Otomatis di Sidebar

Posting Komentar