Home » » 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=&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
Share
Related Post

3 comments:

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

@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

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

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

Archives

Label


ShoutMix chat widget
Guest Book
 

Subscribe Via Email

Enter your email address:

Delivered by FeedBurner

My Blog

Show

Exploration


Show

[Valid Atom 1.0]
Google PageRank Checker Powered by  MyPagerank.Net

Powered by FeedBurner

SEO Stats powered by MyPagerank.Net

Show

Show

Exploration

Welcome To My Blog

I hope you find what you're looking for here . . Thank you for visit to my simple blog . .

Rizky Maulana

This life is a sacrifice and struggle . . and I am just a man who wants to be better than ever . .