Cara membuat Scroll Box Background

Pada Tutorial blog kali ini saya akan kasih tips cara membuat Scroll Box. Scroll Box banyak digunakan di web atau blog. Scroll Box sangat berguna sekali untuk menjimatkan ruang di dlam blog, terutama bila halaman web atau blog sudah penuh dan sementara masih banyak artikel atau apa saja yang ingin tetap ditampilkan pada satu halaman. Selain itu, Scroll Box digunakan untuk tempat artikel, banyak juga yang menggunakan Scroll Box sebagai tempat daftar isi. 
1. Login ke blogger dengan ID anda. 
2. Klik Design dan pilih Page Element 
3. Add a Gadget 
4. Pada menu tersebut, Anda pilih gadget HTML/JavaScript




Cara membuat Scroll Box sangat mudah, silakan anda perhatikan contoh dibawah ini beserta kodenya : Contoh 1:

TAJUK ARTIKEL

Sila isi artikel atau daftar isi atau pape je disini. Semakin banyak teks yang anda isikan dalam scroll box ini, dengan sendirinya akan membentuk kotak scroll box secara otomatis, sehingga dapat menghemat tempat. Lihat Contoh scroll box dibawah dengan isi teks yang lebih banyak.Semakin banyak teks yang anda isikan dalam scroll box ini, dengan sendirinya akan membentuk kotak scroll box secara otomatis, sehingga dapat menghemat tempat. Lihat Contoh scroll box dibawah dengan isi teks yang lebih banyak.Semakin banyak

Berikut Kode untuk scroll box diatas :

<br><div align="center"><br><table width="250" border="1"><br><tr> <th colspan="100%" scope="col">JUDUL ARTIKEL</th> </tr><br><tr><td><div style="font-family: arial; font-size: 12px; overflow: scroll; width: 250px; height: 150px;"><div style="text-align: center; width: 100%; padding: 0 px; overflow: hidden;">Silahkan anda bisa mengisi artikel atau daftar isi atau apa saja disini. Semakin banyak teks yang anda isikan dalam scroll box ini, dengan sendirinya akan membentuk kotak scroll box secara otomatis, sehingga dapat menghemat tempat. Lihat Contoh scroll box dibawah dengan isi teks yang lebih banyak.</div></div></td></tr><br></table><br></div>

Contoh 2: Sila isi artikel atau daftar isi atau apa saja disini. Semakin banyak teks yang anda isikan dalam scroll box ini, dengan sendirinya akan membentuk kotak scroll box secara otomatis, sehingga dapat menghemat tempat. Lihat Contoh scroll box dibawah dengan isi teks yang lebih banyak.Sila isi artikel atau daftar isi atau apa saja disini. Semakin banyak teks yang anda isikan dalam scroll box ini, dengan sendirinya akan membentuk kotak scroll box secara otomatis, sehingga dapat menghemat tempat. Lihat Contoh scroll box dibawah dengan isi teks yang lebih banyak.Sila isi artikel atau daftar isi atau apa saja disini. Semakin banyak teks yang anda isikan dalam scroll box ini, dengan sendirinya akan membentuk kotak scroll box secara otomatis, sehingga dapat menghemat tempat. Lihat Contoh scroll box dibawah dengan isi teks yang lebih banyak.Sila isi artikel atau daftar isi atau apa saja disini. Semakin banyak teks yang anda isikan dalam scroll box ini, dengan sendirinya akan membentuk kotak scroll box secara otomatis, sehingga dapat menghemat tempat. Lihat Contoh scroll box dibawah dengan isi teks yang lebih banyak.Sila isi artikel atau daftar isi atau apa saja disini. Semakin banyak teks yang anda isikan dalam scroll box ini, dengan sendirinya akan membentuk kotak scroll box secara otomatis, sehingga dapat menghemat tempat. Lihat Contoh scroll box dibawah dengan isi teks yang lebih banyak.Sila isi artikel atau daftar isi atau apa saja disin

Berikut Kode untuk scroll box diatas :

<center><textarea onclick="this.focus();this.select()" style="background: url('URL PICTURE'); height: 100px; overflow: scroll; width: 200px;">TEXT ANDA

dapat x tuto di atas? kalau dah dpt... Save and enjoys...