Tutorial - Letak Tab Widget 3 Dalam 1

Hai korangg , Assalammualaikumm tuto nieyy pasal letakk tab 2 atau 3 tab dalam 1 box yangg sama .. Faham takk ? Takk faham , tgokk pic kat atas tu .. MUdahh jehh nieyy , takk yahh susaa-susaa edit HTML korangg ^^

Langkah 1

Dashboard > Design > Add A Gadget > HTML/JavaScript

Langkah 2

Copy semua code bawah ni

 

<style type="text/css">

.tabber {

 padding: 0px !important;

 border: 0 solid #bbb !important;

}

.tabber h2 {

 float: left;

 margin: 0 1px 0 0;

 font-size: 12px;

 padding: 3px 5px;

 border: 1px solid #bbb;

 margin-bottom: -1px; /*--Pull tab down 1px--*/

 overflow: hidden;

 position: relative;

 background: #e0e0e0;

 cursor:pointer;

}

html .tabber h2.active {

 background: #fff;

 border-bottom: 1px solid #fff; /*--"Connect" active tab to its content--*/

}

.tabber .widget-content {

 border: 1px solid #bbb;

 padding: 10px;

 background: #fff;

 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>

<!-- to make sure the widget works, do not alter the code below -->

<div id='codeholder'><p>Get this <a href="http://www.bloggersentral.com/2011/05/create-tabbed-content-blogger-widgets.html" target="_blank">tabber widget</a></p></div>

 

Langkah 3

Pastekan code tadi dan letakkan dibahagian HTML/JavaScript tadi dan Save

Langkah 4 Drag/bawa tabber widget code tadi diatas widget yang korang nak gabungkan contoh -   (tab1 , tab2, tab3 adalah widget yang ingin digabungkan)
Langkah 5 Korangg tekan Save dan lihat hasilnya :)
Nota Kecil ! Tulisan Merah - jumlah widget yang korangg nakk digabungkan Tulisan Pink - code colour yangg korangg nakk .. >>KLIK SINI jehh kalau korangg malas nakk cari ..   **credit dari blogger sentral**