Tutorial : Gabungkan Widget/Gadget

Assalamualaikum (^__^)v

*kalau tak jawab dosa, kalau jawab AWESOME*

Rasanya dah lama gegiler beLog FakhRuru tak buat segmen tutorial hias-hias beLog utk korang-korang semua.. Huhuhu~ Nie pun dapat request daripada beLogger Kecik - Mieza Suhaini.. Jadi mOod tutorial hias-hias beLog datang balik.. Thanks to u! Hahaha!! (^__^)v

Hah! Nampak gambar kat atas tue? Kali ini saya nak tunjukkan korang-korang macam mana nak gabungkan widget/gadget seperti kat ats tue.. Dapat lar jimatkan ruang di sedebar korang-korang nanti (^__^)v

PROSEDUR

• Dashboard --> Layout --> Add a Gadget --> Edit HTML
• Copy code di bawah --> pastekan di ruang Edit HTML --> Save

<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: #ffffff;
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: #fffffff;
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>

• Kemudian, letakkan kotak Edit HTML korang-korang tue di bawah Widget/Gadget yg korang-korang nak gabungkan.. Sebagai contoh seperti saya:-

• PURPLE --> tukar dgn warna background yg korang-korang nak
• MERAH --> berapa bilangan Gadget/Widget yg korang-korang nak gabungkan
• Preview dulu & dgn automatiknya Widget/Gadget korang-korang akan bergabung bergantung kpd bilangan yg korang-korang letak lar
• Save bila dah berpuas hati (^__^)v

Senang kan? Selamat Mencuba drp beLog FakhRuru

- lebih AWESOME daripada biasa -

...ARIOS AMIGOS...

(^___^)v