Tutorial : Template ala-ala blogskin 4

And last sekali!!!..buat scroll box macam sidebar yuyue dengan content..nampak tak?..alaa..,.kat tepi tuh..yg kat sidebar dengan entry yuyue tuh..ehehe..oke..ikot step nieyh eyh..
SCROLL UNTUK CONTENT/ENTRY
1-DESIGN-->EDIT HTML--> TICK  Expand Widget Templates2-SEARCH : .post {
korang akan jumpa code nieyh kan?:
border: 2px solid #000000;-moz-border-radius: 20px;-webkit-border-radius: 20px;margin:0 0 1.0em;padding:5px;background:#ffffff;line-height:1.9em;
COPY CODE NIE : 
<div style="width:500px;height:380px;overflow:auto;border-width:2px;border-color:000000;border-style:solid;">
PASTE BAWAH : .post { ,
dan letakkan </div> di bawah code yang mula-mula korang jumpa tadi : 
jadi ianya akan jadi macam nie : 
.post { <div style="width:500px;height:380px;overflow:auto;border-width:2px;border-color:000000;border-style:solid;">border: 2px solid #000000;-moz-border-radius: 20px;-webkit-border-radius: 20px;margin:0 0 1.0em;padding:5px;background:#ffffff;line-height:1.9em; </div>
oke..dapat?..
SAVE!!
jadi tak?..jadi scroll tak?..kalau tak jadi..gtau keyh..
SCROLL UNTUK SIDEBAR
sekarang camner nak buat scroll kat sidebar pulak kan?..oke..ikot step nie:
bukak balik HTML/JAVASCRIPT yang korang buat sidebar tadi..ala yang copy code nieyh tadi: 

<div style="position: fixed; bottom : 4px; left: 85px;"> <div style="background : #ffffff repeat; repeat; padding: 5px; border:5px dotted #ff9999;-moz-box-shadow: 0px 0px 20px #000000; -webkit-box-shadow: 0px 0px 20px #000000;border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px;"><center></center>

HTML CODE : CBOX/MENUBAR/APA-APA SAHAJA HTML CODE

</div></div>

ingat?..ehehe..oke sekarang kita nak buat scroll..paste code ni : 

<div style="overflow:auto; height:428px;width:250px;">

paste kat atas*HTML CODE : CBOX/MENUBAR/APA-APA SAHAJA HTML CODE tuh..and akhirkan dengan </div>

akan jadi cmnieyh : 

<div style="position: fixed; bottom : 4px; left: 85px;"> <div style="background : #ffffff repeat; repeat; padding: 5px; border:5px dotted #ff9999;-moz-box-shadow: 0px 0px 20px #000000; -webkit-box-shadow: 0px 0px 20px #000000;border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px;"><center></center>

<div style="overflow:auto; height:428px;width:250px;">

HTML CODE : CBOX/MENUBAR/APA-APA SAHAJA HTML CODE

</div></div></div>

oke..SAVE balik!!!..jadi tak?..kalau tak jadi,sila bagitau keyh...coz nak cepat niey~~..ehehe


p/s : kalau korang guna tutorial template ala-ala blogskin niey untuk blog korang,mintak credit to yuyue keyh..hik3..coz tutorial ini hasil dari yuyue sendiri,bukan copy paste.. :)..tengs!!