TUTORIAL : GABUNGKAN WIDGET BLOGLIST





TUTORIAL BLOG, cara gabungkan widget, cara gabungkan widget bloglist, cara scroll box pada blog list


kalau korang perasan dekat sidebar blog yana bahagian bloglist
yana dh combine 2 bloglist menjadi satu kotak..so menjimatkan ruang . . 

meh yana ajarkan cara nak gabungkan bloglist

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 : 2 });
});
</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 tadi dibawah widget yang
korang nk gabungkan.. . .tengok gambar kat bawah . .kotak yang ada error tue
kotak HTML yg ada code yang kita copy tadi

TUTORIAL BLOG, cara gabungkan widget, cara gabungkan widget bloglist, cara scroll box pada blog list



purple -tukar dengan warna background yang korang suka
merah-bilangan  widget yang korang nak gabungkan
preview dulu
dah jadi baru save ..


selamat mencuba 


Catat Ulasan

4 Ulasan

  1. Nice tutorial.. saya dah letih nak godek godek blog... menten pada entri jer...

    hehehe

    BalasPadam
  2. oo..baru saya faham selama ni tak faham..ok thank tuto

    BalasPadam

tinggalkan komen anda kat sini. . InsyaAllah CikCappuccinoLatte akan sentiasa membalas kunjungan