Dah lama cik tom tak buat tutorial. Busy+takde yang request so stop la dulu. Kali ni cik tom nak buat tutorial cara buat scroll dalam blog archive bagi kak diana dan miszlullaby. Kak diana dah berjaya buat. Tahniah ye.
Bagi yang rajin update. Blog Arhieve akan jadi panjang. So eloknya buat jenis scroll bagi jimatkan ruang blog dan juga nampak lebih kemas.
STEP 1
DASHBOARD>DESIGN>EDIT HTML>tick kotak EXPAND WIDGET TEMPLATES>DOWNLOAD FULL TEMPLATE
*Apa-apa pun sebelum edit html, korang mestilah buat backup sebagai langkah berjaga-jaga.
STEP 2
Tekan keyboard, CTRL+F secara serentak.Cari code;
<div id='ArchiveList'>
STEP 3
Di atas coding step 2, sila copy dan paste coding;
<div style='overflow:auto; width:ancho; height:100px;'>
**height=korang boleh ubah berapa panjang kotak scroll yang korang nak.
STEP 4
Di akhir coding step 2 tue, korang kena masukkan penutup coding bagi step 3 iaitu
</div>
Contoh coding;
<div style=’overflow:auto; width:ancho; height:300px;’>
<div id=’ArchiveList’>
<div expr:id=’data:widget.instanceId + "_ArchiveList"’>
<b:if cond=’data:style == "HIERARCHY"’>
<b:include data=’data’ name=’interval’/>
</b:if>
<b:if cond=’data:style == "FLAT"’>
<b:include data=’data’ name=’flat’/>
</b:if>
<b:if cond=’data:style == "MENU"’>
<b:include data=’data’ name=’menu’/>
</b:if>
</div>
</div> </div>
<b:include name=’quickedit’/>
STEP 5
Klik Preview dan Save jika tiada sebarang error serta berpuashati.
Selamat mencuba ye…
credit: syamila
@hoya hadis: awk punye url blog awk ye??sbb url tue salah…kl x mcm nk tgk..huhu..
cik tom..
saya buat tutorial nie kat blog saya..
btw..
credit to u..
thanks buat tutorial ni yaaa..
^.^
cik tom, ML pinjam tutorial ni ye, sebab ade kawan yang mintak tunjukkan scrollbox warne warni.
Yang blockquote tu, xsempat nak belajar..ML dok print screen dari microsoft word ke Paint. Hihihi…Mekaseyh ye cik tom.=)
urmm.dah lama sy crik mende ni,teringin sgt na buat.tp step first ag dah xbley wat.xjumpe pon kod tu..:( tlg sy ciktom..
aik cik tom jenguk blog tifa ada je code tue n dah menjadi pun…maybe sbb lmbt sgt cik tom jawab kot..huhuh..pe pun tahniah ye dah berjaya
salam cik tom…bole tolong tak say tak berjaya buat kotak scroll tu?berapa kali cuba dia asik kuar warna merah perkataan kat bawah niiii…erggghhhh gerammmm…
Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “style”.
cik tom rasa umi silap masukkan code…ataupun blogger problem…tp kalau kes cik tom camni biasanya silap masukkan code atau code yang masuk tue takde penutup code…
kak liza pun facing problem sama juga..
knp saya tada “” dlm saya pnya html ??
saya mau wat this toturial laaa .,. huuuuuhhhuuuuuu
saya pun try wat..tak boleh jugak T____T
dia naek Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly. XML error message: Open quote is expected for attribute “{1}” associated with an element type “style”.
Error 500
huuu
sy pon same la kuar mcm nie
Pingback: Tutorial Buat Scroll Dalam Bloglist Kemaskan Blog | Ciktom