Salam semua. hari ini admin nak berkongsi sedikit tutorial dengan korang. harap dapat membantu korang dalam mencantikkan lagi blog2 korang tu. admin ingin berkongsikan cara nak letak scroll box pada mana2 widget.
WIDGET
- contoh widget dengan scroll box
Code scroll box ni cukup simple :
<div style="width:170px;height:300px;overflow:auto; ">coding widget</div>
width = lebar mana yang korang nak
height = ketinggian mana yang korang nak
coding widget = coding widget yang korang nak letak scroll box tu. pastikan coding tu betul2Tapi untuk keselamatan save template korang dulu
(Edit HTML > Download Full Template)
Bila dah siap semua korang paste seperti biasa.
Add a Gadget > HTML JavaScript > coding korang
Lepas tu klik SAVE dan lihat hasilnya
BLOG ARCHIVE
- contoh blog archive dengan scroll box
Untuk letak scroll box pada blog archive lain sedikit caranya.jangan lupa untuk klik pada box "Expand Widget Templates". korang perlu
EDIT HTML > CTRL F > paste "blogarchive"@ nama blogarchive pada labels > enter
Seperti biasa untuk keselamatan korang save TEMPLATE terlebih dahulu
Bila dan jumpa blogarchive"@ nama blogarchive korang. turun bawah sikit dan cari perkataan ni
Paste <div style="width:170px;height:300px;overflow:auto; "> sebelum <div class='widget-content'/> dan </div> selepas <b:include name='quickedit'/>
Width dan height tu ubah mengikut kesesuaian korang. bila dan siap paste klik SAVE TEMPLATE dan lihat hasilnya. semoga berjaya..
Cara untuk blog archive ni juga boleh digunakan untuk bloglist, popular post, random post dan macam2 lagi. korang pandai2 lah mencuba yer.
Admin : cara ini berkesan pada template admin..moga korang turut berjaya yer. admin hanya kongsikan. moga berguna (^_^)
Suka dengan apa yang admin kongsikan?. sila klik pada button dibawah sebagai tanda sumbangan ikhlas anda untuk duniakongsi.net. hanya sedikit iklan untuk menampung duniakongsi. sumbangan "klik" dari anda sangat admin hargai dengan ucapan terima kasih
2 comments:
Salam, bagus tips cara letak scroll nie.. nice sharing..
| Lepak Santai |
semoga berguna. admin hanya kongsikan (^_^)
Post a Comment