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

Post a Comment

22 Comments:

NEW FRESH said...
Teknik Buat Blog

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

http://kenchenys.blogspot.com

Yana Sakura said...
Teknik Buat Blog

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

zikeryhassan said...
Teknik Buat Blog

memang da lama cari benda ni. thnx

terokai seni said...
Teknik Buat Blog

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

syazwan safwan said...
Teknik Buat Blog

ini sememangnya terbaik bro.

Unknown said...
Teknik Buat Blog

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

sibersensasi said...
Teknik Buat Blog

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

Sarah Sylph said...
Teknik Buat Blog

thanks,great tutorial! :D

Unknown said...
Teknik Buat Blog

yeaayyyy....dpt!!! terima kasih

dwatyKNY said...
Teknik Buat Blog

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

Ixora Azura said...
Teknik Buat Blog

salam..mcm mn nk dpt kn widget id?

sibersensasi said...
Teknik Buat Blog

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

♥.::cintabunga™blogspot::.♥ said...
Teknik Buat Blog

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

sibersensasi said...
Teknik Buat Blog

@.::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

Kak hana said...
Teknik Buat Blog

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

sibersensasi said...
Teknik Buat Blog

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

Knowledge | Daily Life said...
Teknik Buat Blog

nice info sob..

Izza is my name said...
Teknik Buat Blog

macam nak masukkan kod. saya tak berapa faham la

Noor Akma said...
Teknik Buat Blog

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

Pecinta Mujahid said...
Teknik Buat Blog

kenapa tidak mnjadi en yahya ..??

sibersensasi said...
Teknik Buat Blog

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

liyanazahirah said...
Teknik Buat Blog

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