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..
Free Template Blogger collection template Hot Deals SEO
|Free Template Blogger | BERITA'KU | Indo Tutorials | SEO |
0 comments:
Posting Komentar