cara letak scroll pada widget

 Penggunaan scroll pada widget  adalah  dengan tujuan supaya senarai yang dipaparkan akan lebih kemas dan tidak menggunakan ruang yang banyak.contohnya widget labels dan archives akan jadi memanjang kebawah bila sudah terdapat banyak posting.bagaimana pun bagi widget Archives pula terdapat pilihan bagi memaparkan secara dropdown menu bagi menjimatkan ruangan.Bagi tutorial ini saya terangkan cara bagaimana untuk meletakkan scroll pada labels.

Untuk meletakkan scroll pada label,terlebih dahulu dapatkan widget id:

Caranya masuk ke dashboard-template--edit html --..gunakan ctrl+f (klik pada mana mana bahagian pada templatedan tekan butang ctrl+f) untuk memudahkan pencarian taipkanLabels (tajuk widget pada sidebar).

kemudian muncul kod seperti dibawah

<b:widget id='Label1' locked='false' title='Labels' type='Label'/> (title disini adalah tajuk widget yg kita letak pada sidebar)

widget id bagi labels ialah Label1

salin kod dibawah
#Label1{
height:180px;
overflow:auto;
}
dan letakkan diatas kod
 ]]></b:template-skin>
Bagi widget lain cuma perlu tukar pada widget id sahaja pada kod diatas.Jika scroll tidak muncul adalah disebabkan senarai tersebut adalah pendek dan kod diatas diletakkan height1 80px jadi akan muncul hanya setelah mencapai ketinggian 180px atau ubah sahaja ketinggian tersebut.

kemudian save template

update 14/5/2013

Catat Ulasan

Letakkan komen anda disini.Segala komen adalah dihargai.Sila buat backup bila membuat perubahan pada template.Terima Kasih.

22 Comments:

me and you berkata...
terima kasih atas kunjungan

wah... nice info.... i love it...

http://kenchenys.blogspot.com

'yAnA' Cute berkata...
terima kasih atas kunjungan

yana tak pham la nak edit cmne n buat cmne scroll ni..hmm..bole bg contoh x??
thanks ya =)

zikeryhassan berkata...
terima kasih atas kunjungan

memang da lama cari benda ni. thnx

cemomoi berkata...
terima kasih atas kunjungan

menarik... eh otometik ada moto kat cbox tu yeh

syazwan safwan berkata...
terima kasih atas kunjungan

ini sememangnya terbaik bro.

(One) SiTi* berkata...
terima kasih atas kunjungan

alamak, cmne nak leta scroll untuk menu yang ada dalam design?
macam list of post

Recent post:
Membantah kewajipan ke bengkel calon bagi calon pilihan raya kampus UM

yahaya berkata...
terima kasih atas kunjungan

@(One) SiTi*ada tutorial.... Cara pasang menu scroll pada blog

uwmaisarah berkata...
terima kasih atas kunjungan

thanks,great tutorial! :D

M.a.s.u.r.i berkata...
terima kasih atas kunjungan

yeaayyyy....dpt!!! terima kasih

dwaty berkata...
terima kasih atas kunjungan

saya pun still tak paham... saya nak buat cam awak buat kat footer bawah ni...vvvvvvv

Ixora Azura berkata...
terima kasih atas kunjungan

salam..mcm mn nk dpt kn widget id?

yahaya berkata...
terima kasih atas kunjungan

@Ixora Azuracuba kat sini..http://teknikbuatblog.blogspot.com/2010/09/cara-buat-widget-muncul-hanya-pada.html

.::cintabungablogspot::. berkata...
terima kasih atas kunjungan

tak jadi la... pening d'buatnyer -_-)

yahaya berkata...
terima kasih atas kunjungan

@.::cintabungablogspot::.kalau ikut cara dah betul kalau tak jadi..bukan semua template boleh cara ini.kalau tak cuba try yang ini pula.

http://teknikbuatblog.blogspot.com/2011/02/borderbackground-dan-scroll-pada-widget.html

Ana admi berkata...
terima kasih atas kunjungan

i da wat..byk kali tak jadi la..:(

yahaya berkata...
terima kasih atas kunjungan

@Ana admitgk pada tutrial---cara letak border,background dan scroll pada widget..yg ini sesuai unuksemua template

Knowledge | Daily Life berkata...
terima kasih atas kunjungan

nice info sob..

Izza-Crystal berkata...
terima kasih atas kunjungan

macam nak masukkan kod. saya tak berapa faham la

Noor berkata...
terima kasih atas kunjungan

Bagusnyerrrrrrrr........... Lama dah cari!!!

Serikandi Islam berkata...
terima kasih atas kunjungan

kenapa tidak mnjadi en yahya ..??

yahaya berkata...
terima kasih atas kunjungan

@Serikandi Islamkod salah atau pun ketinggian adalah auto jika belum sampai tak scroll akan keluar

liyanazahirah berkata...
terima kasih atas kunjungan

@yahaya
mcm mane nk buad scroll box utl live feed traffic tu ?

Related Posts Plugin for WordPress, Blogger...