Iklan Nuffnang

..................................................................................................

..................................................................................................

Wednesday 9 November 2011

Cara Nak Letak Scroll Box Pada Mana2 Widget

SEMOGA APA YANG ADMIN KONGSIKAN BERMANFAAT UNTUK KORANG SEMUA. JIKA ADA KELUAR IKLAN SEMASA MENDOWNLOAD..HARAP KORANG BIAR LOADING SEHINGGA HABIS. BAGI LAH SEDIKIT PENGHARGAAN UNTUK DUNIAKONGSI. TERIMA KASIH JIKA MEMAHAMI (^_^) p/s : SILA LAPORKAN DI RUANGAN KOMEN JIKA TERDAPAT LINK YANG ROSAK

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 betul2

Tapi 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:

khatgrafik said...[Reply to comment]

Salam, bagus tips cara letak scroll nie.. nice sharing..

| Lepak Santai |

Kongsi Apa2 Aje said...[Reply to comment]

semoga berguna. admin hanya kongsikan (^_^)

Iklan Nuffnang

Share This With Your Friends

 
NAK YANG LEBIH HEBAT?. TENGOK NI..