Pasti anda tidak asing dengan fitur web/blog yang satu ini, yaitu "scroll box". Selain mempercantik tampilan blog, scroll box juga berfungsi untuk menghemat space pada
tampilan blog agar tidak terlalu memakan banyak tempat. Scroll box
biasanya digunakan untuk menampilkan daftar teks, iklan, gambar, dan
lain sebagainya sehingga kita sebagai pembaca blog tetap dapat melihat
elemen halaman blog namun tetap irit tempat bagi si pemilik blog.
Silakan lihat contoh yang telah saya buat di bawah ini.
Ini
Adalah Contoh Ini Adalah Contoh Ini Adalah Contoh Ini Adalah Contoh Ini
Adalah Contoh Ini Adalah Contoh Ini Adalah Contoh Ini Adalah ContohIni
Adalah ContohIni Adalah ContohIni Adalah Contoh Ini Adalah Contoh Ini
Adalah Contoh Ini Adalah Contoh Ini Adalah Contoh Ini Adalah Contoh Ini
Adalah Contoh Ini Adalah Contoh Ini Adalah Contoh Ini Adalah Contoh Ini
Adalah Contoh Ini Adalah Contoh Ini Adalah Contoh Ini Adalah Contoh Ini
Adalah Contoh Ini Adalah Contoh Ini Adalah Contoh Ini Adalah Contoh Ini
Adalah Contoh Ini Adalah Contoh
Dari
contoh dan penjelasan ringkas saya di atas, saya rasa anda sudah
mengerti tujuan pembuatan dan fungsi dari scroll box. Bagi anda yang
ingin membuatnya, caranya cukup mudah. Silakan periksa script di bawah ini dan copy-kan pada elemen halaman anda.
<div style="border: 1px solid #000000;background-color:#ffffff; width:350px; height:100px; overflow:auto; color:#555555;"><p>TEKS ANDA</p></div>
Untuk
menghasilkan tampilan width dan height scroll box yang anda inginkan,
silakan anda tentukan sendiri dengan mengganti variabel pada kode yang
berwarna merah (dalam ukuran pixel). Sedangkan untuk mengetikkan isi dari scroll box, ganti TEKS ANDA dengan teks yang ingin ditampilkan.
Thanks uda mampir,.. kalau ada yang kurang jelas boleh ditanyakan..
{ 0 komentar... Skip ke Kotak Komentar }
Tambahkan Komentar Anda
Untuk menyisipkan kode,gunakan tag
[code]KODE ANDA[/code]
Untuk menyisipkan quote,gunakan tag
[blockquote]KATA-KATA ANDA[/blockquote]
Untuk menyisipkan gambar,gunakan tag
[img]URL GAMBAR ANDA[/img]
Untuk menyisipkan video,gunakan tag
[youtube]URL VIDEO ANDA[/youtube]
Anda juga bisa menggunakan emoticon seperti biasa.