Cara Membuat Tab View di Blogspot

Banyak Teori yang digunakan untuk untuk membuat Tab View di blog tapi saya akan membuat Tab View yang sangat mudah di ikuti.
Tab View merupakan sebuah Widget yang dapat meletakkan link atau gambar atau apapun juga kedalamnya, dan banyak sekali cara pembuatan Tab View begitupun Bentuknya, Demonya seperti pada Blog Khusus Demo Raindra cara membuat menu tab view dan ini juga salah satu caranya.
berikut cara yang termudah dengan cara tinggal kopy paste aja.
Pertama masuk ke Desing - Edit HTML.
Cari ]]></b:skin> 
Salin (copy) CSS dibawah ini kemudian letakkan di atas code ]]></b:skin> 

/* Tabbed Sidebar Widgets */
.widget-wrapper2{
border:1px solid #494e52;
background-color:#636d76;
padding:8px;
}
.widget-tab {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius-bottomleft:5px;
-webkit-border-radius-bottomright:5px;
-webkit-border-radius-topright:5px;
background:#FFFFFF url(http://i195.photobucket.com/albums/z105/dantearaujo/tabcontentbg.gif) repeat-x scroll left bottom !important;
border:1px solid #CFCFCF;
font-family:Arial,Helvetica,sans-serif;
padding:15px !important;
}
.widget-tab ul {
margin:0px;
padding:0px 20px 0px 20px;
}
.widget-tab ul li {
list-style:none;
border-bottom:1px solid #d6dde0;
padding-top:10px;
padding-bottom:10px;
font-size:13px;
}
.widget-tab ul li:last-child {
border-bottom:none;
}
.widget-tab ul li a {
text-decoration:none;
color:#3e4346;
}
.widget-tab ul li a small {
color:#8b959c;
font-size:9px;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:relative;
left:4px;
top:0px;
}
.tab-content ul li a:hover {
color:#a59c83;
}
.tab-content ul li a:hover small {
color:#baae8e;
}
.active-tab{
background:#FFFFFF url(http://i195.photobucket.com/albums/z105/dantearaujo/tabtopbg.gif) repeat-x scroll left top !important;
border-color:#CFCFCF #CFCFCF #FFFFFF #CFCFCF !important;
border-style:solid !important;
border-width:1px 1px 2px !important;
color:#282E32 !important;
}
ul.tab-wrapper {
margin:0px; padding:0px;
margin-top:5px;
margin-bottom:6px;
}
ul.tab-wrapper li {
-webkit-border-radius-topleft:5px;
-webkit-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#191919 url(http://i195.photobucket.com/albums/z105/dantearaujo/tabinactivebg.gif) repeat-x scroll left top;
border:1px solid #464C54;
color:#FFFFFF;
cursor:pointer;
display:inline;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
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 14px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>

Ok sekarang Agan sudah memastikan bahwa Agan memiliki jQuery terinstal, Agan perlu menginstal script yang akan melakukan semua keajaiban bagi kita, hanya menempatkan kode berikut tepat sebelum code </head>
"Catatan"
Bila sudah ada code tersebut di blog agan ga usah di masukan lagi
Langkah selanjutnya masukan code di bawah ini di atas code </head>

<script type='text/javascript'>
var starttab=0;
var endtab=2;
var sidebarname="sidebar1";
</script>
<script src='http://www.yourjavascript.com/0293812025/bloggertabv1.0-min.js' type='text/javascript'/>

yang harus diperhatikan adalah "sidebar1" nah itu adalah nama sidebarya, sebagai contoh sidebar agan namanya <div id='sidebar-wrapper'> atau juga <b:section-contents id='sidebar-right-1'>  ganti dengan yang di atas atau bisa buat sendiri pokonya berkreasi sendiri dah gimana caranya
Source: Easiest Way to Make Tabbed Sidebar for Blogger