LutHfi my BLOGGER's

Kali ini saya akan meposting Cara Membuat Tab View Otomatis di Sidebar yang akan memudahkan blogger untuk mensiasati letak sidebar yang sudah penuh sesak dengan widget. Cara buatnya pun gak terlalu sulit dan tentunya tanpa perlu edit isi view tersebut.

Baiklah langsung saja kelangkah pembuatannya :



1. Login ke akun blogspot,

2. Klik Design/Rancangan >> Edit HTML >> Klik Expand Templates Widget,

3. 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;

}



4. 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�/>



5. Terakhir Save Templates..