Cara Membuat Table Otomatis Di Blog

 ini adalah cara membuat tabel otomatis di blog,dengan cara yang sederhana tidak perlu edit HTML.

caranya hanya tinggal simpan code nya di widget,trus simpan di atas widget yang mau di grupin menjadi table.

contoh seperti gambar di bawah,yang di tandai adalah script yang untuk menjadikan table

untuk code scrip nya silahkan di copy

<style type="text/css">
.tabber {
padding: 0px !important;
border: 0 solid #333333;
}
.tabber h2 {
float: left;
margin: 0 1px 0 0;
font-size: 12px;
padding: 3px 5px;
border: 1px solid #333333;
margin-bottom: -1px; /*--Pull tab down 1px--*/
overflow: hidden;
position: relative;
background: #333333;
cursor:pointer;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
}
html .tabber h2.active {
background: #000000;
border-bottom: 1px solid #000000; /*--"Connect" active tab to its content--*/
}
.tabber .widget-content {
border: 1px solid #333333;
padding: 10px;
background: #333333;
clear:both;
margin:0;
}
.codewidget, #codeholder {
display:none;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bloggertabs0.1_min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#codeholder').bloggerTabber ({
tabCount : 3
});
});
</script>

<!-- jangan dihapus bagian bawah ini, krn akan menyebabkan script tidak jalan -->
<div id='codeholder'><p><a href="http://andretauladan.blogspot.com/2012/01/tutorial-membuat-multi-tab-widget.html" target="_blank"></a><a href="http://www.bloggersentral.com/2011/05/create-tabbed-content-blogger-widgets.html" target="_blank"></a></p></div>

nanti hasil nya seperti ini

untuk code yang saya warnain biru itu untuk warna table nya,untuk code yang seperti itu silahkan di rubah sesuaikan dengan warna yang anda inginkan
untuk code macam macam warna silahkan
KE SINI

klo yang di warnain kuning,itu adalah jumlah table nya,bisa di rubah sesuai keinginan anda
mau 2/4/5

mudah kan??

selamat mencoba

untuk trick yang lain nya
DI SINI

9 out of 10 based on 10 ratings. 9 user reviews.

Artikel Terkait:

Posted in: Trick Blog