Selasa, 05 Januari 2010

Cara Membuat Scroll Box atau Teks Scroll

Untuk membuat Teks scroll Books mungkin di perlukan ,selain berguna untuk menghiasi blog tapi dapat memanfaatkan ruang dengan menggunakan Scroll box,
Scroll boks bisa kita gunakan untuk menyimpan postingan yang terlalu lebar atau bisa menyimpan link atau alamat blog kita.Contoh kode HTML scroll boks untuk menyimpan postingan,

<!-- HTML Codes by ozuratakanawa.com -->
<div style="height:120px;width:250px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">
Silahkan isi deskripsi postingan kamu di sini,ini adalah contoh scroll boks untuk menyimpan postingan teks,ganti tulisan ini dengan deskripsi postingan kamu
</div>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/codes/html_scroll_box.cfm">HTML scrollbox Teks</a></p>

Hasilnya seperti contoh di bawah ini ,


Silahkan isi deskripsi postingan kamu di sini,ini adalah contoh scroll boks untuk menyimpan postingan teks,ganti tulisan ini dengan deskripsi postingan kamu

Untuk berikutnya kita menggunakan kode Html scroll boks berwarna contoh kode ,

<!-- Codes by ozuratakanawa.com -->
<div style="height:100px;width:190px;overflow:scroll;background-color:#67F152;color:#A6120D;scrollbar-base-color:#52DC0D;"&gt;Silahkan isi deskripsi postingan kamu di sini,ini adalah contoh scroll boks untuk menyimpan postingan teks,ganti tulisan ini dengan deskripsi postingan kamu.</div>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/codes/">HTML Scroll Boks Warna</a></p></p>
Hasilnya sebagai berikut,

Silahkan isi deskripsi postingan kamu di sini,ini adalah contoh scroll boks untuk menyimpan postingan teks,ganti tulisan ini dengan deskripsi postingan kamu.

Selamat mencoba..!!
Untuk postingan selanjutnya HTML Scroll Boks Untuk Gambar silahkan Klik di sini