Kali ini saya akan mepostingCara 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.. dan lihat hasilnya. seperti dibawah ini :

Dan untuk melihat hasilnya bisa di cek di blog saya kolominfo.com

Jadilah orang pertama yang menyukai tulisan ini

Apakah anda menyukai tulisan ini ?

Suka tulisan ini