26 Mei 2009

SCROLLBOX DI DALAM BLOG


Sekiranya dalam blog kita ada scrollbox pasti akan kelihatan lebih menarik. Lagipun ianya akan menjimatkan banyak ruang pada posting dan tidaklah panjang menjela-jela. Bagaimana nak membuatnya..? Senang sahaja..tak perlu penin kepala.

Ikut langkah-langkah berikut:

1. Login > Layout > Edit Html (tandakan pada 'Expand Widget Templates')

2. Cari kod ini
]]></b:skin>

3. Letakkan kod berikut diatasnya
.scrollbox {
height:100px;
width:400px;
overflow:auto;
}

p.s. anda boleh mengubah saiz Hight dan Width mengikut kesesuaian anda.

4. Ketika posting, letakkan isi posting yang akan di scrollbox di antara kod <div class="scrollbox">
dan </div>

sebagai contoh :

<div class="scrollbox">
ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar
</div>

Ini hasilnya


ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar ini adalah isi di dalam scrollbar

1 ulasan:

  1. tq...memang berguna scroll ni...post la lagi banyak2 tips blogger...ok

    BalasPadam