kak reva: March 2014

1.Login ke blogger dengan akun anda
2. Di dashboard klik Tata Letak > pilih Edit HTML centang expand widget templates
3.Jangan lupa backup dulu template anda dengan mengklik Download Template Lengkap.
4. Letakkan kode berikut di atas kode ]]></b:skin>

.widget-wrapper2{  
border:1px solid #494e52;  
background-color:#636d76;  
padding:10px;  
}  
  
.widget-tab {  
background:#c9dbdd;  
font-family:Arial,Helvetica,sans-serif;  
padding:5px !important;  
}  
  
.widget-tab  ul {  
margin:0px;  
padding:0px 5px 0 5px;  
}  
.widget-tab  ul li {  
list-style:none;  
border-bottom:1px dotted #a4bddf;  
padding-top:4px;  
padding-bottom:4px;  
font-size:12px;  
}  
.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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgseTtNgcz-6F-NvshDak1Aw9NeJjSbPfhN4rTcH23Vma6u6FNgQFWmYNtPGaXriWJukZVO_HyNMKxfKkZamAIwZdo0d_F-nG_dAJe8Eaof03rwf8t8DtU7DW7lB5iwvtk4ikxgpnLctgE/s1600/sidebar.png) repeat-x scroll left bottom !important;  
color:#282E32 !important;          
}  
  
ul.tab-wrapper {  
margin:0px; padding:0px;  
margin-top:5px;  
margin-bottom:6px;  
}  
  
ul.tab-wrapper li{  
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoRP39vla67nUBguH6imUBikLnIzY2diXC3cBo3sS6SjSxTNVT9WiYANdy-5iXIMkFGHWTDO2jkY8_mUtiorGbPhw-kuy4QIT5_NloXYxIsdifcDck3LNMVIxgTNm4NeVfsX3hdxBlS68/s1600/menu-m1.png) repeat-x top;  
color:#FFF;  
cursor:pointer;  
display:inline;font-family:Verdana,Arial,Helvetica,sans-serif;  
font-size:9px;  
font-weight:700;  
line-height:2em;  
list-style-image:none!important;  
list-style-position:outside!important;  
list-style-type:none!important;  
margin-right:1px;  
text-align:center;  
text-decoration:none;  
text-transform:uppercase;  
padding:8px 14px  
}

5.Kode diatas sacnat memerlukan kode jquery.min.js (Ingin tahu jquery.min.js) oke sekarang letakkan kode berikut di atas </head>.

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

6.Setelah itu itambah kode berikut di bawah kode jquery.min.js

<script type='text/javascript'>
var starttab=0;
var endtab=3;
var sidebarname="sidebar";
</script>
<script src='http://yourjavascript.com/229125112341/tabber.js' type='text/javascript'/>

Keterangan :
var starttab=0;
var endtab=3;
var sidebarname="sidebar";
Starttab adalah nomor awal untuk widget yang Anda pilih, mulai menghitung dari 0. Endtab adalah jumlah untuk widget terakhir yang ingin ditampilkan dalam tabber. Endtab=3 berarti widget yang ditampilkan dalam tabber ada 4 (0, 1, 2, 3 empat kan jumlahnya).

7.Save/simpan template sobat. :)

Cara mempercantik kotak widget