Cara Membuat Kotak Scroll Dengan Kode HTML

Cara Membuat Kotak Scroll Dengan Kode HTML. Setelah pada halaman sebelumnya kita membahas tentang cara membuat blog atau cara membuat website, pada halaman ini kita akan belajar bagaimana cara membuat kotak scroll.

Mungkin teman – teman sekalian sering melihat halaman website yang menampilkan sebuah kotak yang didalamnya ada barisan links atau teks, dengan tombol yang dapat digeser ke atas atau ke bawah untuk melihat teks yang ada di atasnya atau di bawahnya. Untuk dapat membuat kotak scroll kita tidak perlu belajar HTML yang bikin kepala pusing, cukup dengan mengcopy kode HTML yang saya tulis di bawah.

Untuk lebih jelasnya lihat gambar kotak scroll di bawah ini :

Tombol yang saya beri tanda merah jika diklik dan ditahan, dapat digeser ke atas atau ke bawah sehingga teks kita dapat melihat teks – teks yang tersebunyi di bawah atau di atasnya. Lalu bagai mana cara membuatnya dengan kode HTML? cara nya mudah. Ikuti langkah – langkah cara membuat kotak scroll di bawah ini :

Tuliskan kode HTML di bawah ini pada tempat yang anda inginkan, pada halaman website anda. Misalnya pada sidebar blog wordpress anda.

Pada ukuran “width” dan “height” di atas, anda dapat mengeditnya sesuai keinginan anda, atau sesuaikan dengan lebar sidebar blog anda.

Simpan halaman blog anda, lalu lihat hasilnya. Contoh hasilnya dapat anda lihat pada gambar di bawah ini :

Demikianlah cara membuat kotak scroll dengan kode HTML. Untuk lebih jelasnya anda dapat melihat contoh nyata pada halaman blog ini, pada sidebar kanan.