Ramai rakan blogger dalam bloglist korang ?
sudah tentu bloglist korang akan memanjang
so jom kita pendekan bloglist korang menggunakan scroll box
Log in > Design > Edit HTML > Tick Expand Widget Templates
Tekan Ctrl F dan carikan tajuk bloglist korang. .contoh nama blog list yana
Blog List 1
dah jumpa tajuk bloglist korang tu kan ?,
cari kod
<div class='widget-content'>
dah jumpa kod
<div class='widget-content'> ?
delete kod <div class='widget-content'> gantikan dengan kod dibawah
<div class='widget-content' style='overflow:auto; width:ancho; height:200px;'>
preview dulu ...dah jadi baru save
p/s:saiz height warna merah korang boleyh tukar
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
purple -tukar dengan warna background yang korang suka
merah-bilangan widget yang korang nak gabungkan
preview dulu
dah jadi baru save ..
selamat mencuba
