Scrollbar Di Widget

Letakkan code tambahan untuk mengscrolkan di widget2 yg tertentu

1) Masuk akaun --> Layout -> Edit HTML

2) Jika Link atau label korang terlampau memanjang ke bawah korang boleh singkatkan dengan menggunakan scrollbar. Untuk meletakkannya sila rujuk pada widget2 contoh di bawah nie

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='General' type='LinkList'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='Label1' locked='false' title='Label' type='Label'/>
</b:section>
</div>

3) Merujuk pada code2 widget yg diboldkan, korang amik lah mana2..contohnya Label1. Letakkan code di bawah nie di dalam CSS korang atau di bawah sintaks /* Sidebar Content */

/* Sidebar Content */
#Label1{
height:200px;
overflow:auto;
}

4) Bleh lihat contoh di blog aku yg Nie. Di Category terpampang skrollbar di situ.

Rujukan: tips-for-new-bloggers

0 Comments:

Post a Comment

Please don't spam on here..