Membuat Scroll Box Pada Blog

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.

 
Yahoo Messenger
Send Me IM!
Google Plus
Add Me To Your Circle!
Twitter
Follow Me!
Facebook
Add My Facebook
Original Template By Belajar SEO Blogspot - Himajiesized By Dayz Hidayat