Langkah Pertama :Gaya tab dapat dengan mudah diubah kapan saja hanya dengan menggunakan CSS, tapi ini bukan alasan utama untuk tutorial ini, Terserah anda untuk mengubah atau tidak, menggunakan keahlian Anda sendiri CSS. Kami telah membuat tata letak umum untuk itu, untuk menginstal hanya tempat yang tepat kode berikut sebelum ]]></b:skin> Pakai Ctrl+F untuk mempermudah pencarian :
silahkan CSS nya kawan-kawan ubah sesuai keinginan anda.
Langkah 2
Script ini membutuhkan library jQuery JavaScript, jika Anda sudah memilikinya terinstal, Anda dapat melewatkan langkah ini, jika Anda tidak hanya paste kode dibawah ini tepat sebelum Anda </head>:
Ok sekarang jika Anda telah memastikan bahwa jQuery terinstal, anda perlu menginstal script yang akan melakukan semua keajaiban bagi kita, hanya menempatkan hak kode berikut sebelum
</head>
<script type="text/javascript">
var starttab=0;
var endtab=2;
var sidebarname="sidebar1";
</script>
<script type="text/javascript" src="http://kangdadang.googlecode.com/files/BloggerTab.js"></script>
Menyesuaikan:
Seperti yang Anda ketahui Anda akan mendapatkan beberapa baris yang dapat disesuaikan, yaitu:
var starttab=0;
var endtab=2;
var sidebarname="sidebar";
Sangat cepat: starttab adalah jumlah awal untuk widget yang Anda pilih, mulai menghitung dari 0. endtab adalah jumlah untuk widget terakhir Anda disertakan. sidebarname adalah id sidebar Anda, umumnya hanya "sidebar", tapi hanya jika anda memiliki id yang berbeda, kami akan membantu Anda menemukan satu yang tepat untuk tempat di sini.
Bagaimana mencari ID sidebar Anda
Ok jika anda telah menginstal script dan itu tidak bekerja, Anda mungkin memiliki ID sidebar yang berbeda yang tidak hanya "sidebar", gunakan metode berikut untuk menemukan dia kanan id dari sidebar Anda.
Metode 1 - Mendapatkan dari HTML:
Yang satu ini mungkin yang tercepat, jika Anda menggunakan template minima, template atau berasal darinya, hanya pergi ke Layout> Edit HTML> Search for "sidebar-wrapper" dan Anda mungkin mendapatkan sesuatu seperti ini:
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
Maka sidebar-wrapper tersebut adalah ID nya.
Selamat mencoba dan semoga sukses.........
Title : Cara mudah memasukkan banyak Tab Widget pada sidebar
Description : Langkah Pertama : Gaya tab dapat dengan mudah diubah kapan saja hanya dengan menggunakan CSS , tapi ini bukan alasan utama u...