Scroll bar atau yang sering disebut scrollbar merupakan tampilan navigasi yang muncul ketika halaman konten yang ingin ditampilkan lebih besar dari area tampilan atau layar yang tersedia. Scroll bar dapat ditemukan di berbagai macam platform seperti website, aplikasi, dan bahkan di Microsoft Excel. Dalam artikel kali ini, kita akan membahas cara membuat scrollbar pada berbagai platform dan aplikasi dengan menggunakan JavaScript dan VBA Excel.
Cara Membuat Scrollbar dengan JavaScript di Blog
Pertama, kita akan membahas cara membuat scrollbar pada blog menggunakan JavaScript. Scrollbar pada blog bisa berguna untuk meningkatkan tampilan dan navigasi pada halaman blog, khususnya jika blog tersebut berisi konten yang panjang.
Langkah pertama adalah menyisipkan kode JavaScript pada blog di mana kita ingin menampilkan scrollbar. Kita bisa menggunakan editor kode pada platform blog yang digunakan atau menyisipkan kode pada HTML template.
<script>
function scrollIndicator()
</script>
Kode di atas akan membuat sebuah fungsi bernama “scrollIndicator” yang berisi beberapa variabel. Variabel “winScroll” akan menghitung ketinggian jendela scroll browser, sedangkan variabel “height” akan menghitung ketinggian total konten blog. Kemudian variabel “scrolled” akan menghitung nilai kecepatan scroll pada blog dan akhirnya akan ditampilkan pada sebuah div kontainer dengan ID “scrollBar”.
Setelah menambahkan kode JavaScript, selanjutnya kita bisa menambahkan elemen HTML pada blog yang akan menampilkan scrollbar. Kita bisa menambahkan kode di bawah ini pada tampilan HTML blog.
<div class="container">
<!-- Your blog post content here -->
<div id="scrollBar"></div>
</div>
<script>
window.onscroll = function() scrollIndicator();
</script>
Sekarang kita sudah berhasil menambahkan scrollbar pada blog menggunakan JavaScript. Selanjutnya, kita akan membahas cara membuat scrollbar di Microsoft Excel menggunakan VBA.
Cara Membuat Scrollbar dengan VBA Excel
Microsoft Excel memiliki tool bernama Scroll Bar yang bisa digunakan untuk memudahkan navigasi pada dokumen Excel yang berisi banyak data. Namun, dalam beberapa kasus kita mungkin ingin membuat scrollbar kustom dengan desain dan fitur yang lebih personal.
Pertama, kita menyiapkan sebuah dokumen Excel kosong dengan satu tab kosong untuk dijadikan tempat membuat scrollbar. Selanjutnya, kita bisa menambahkan scrollbar dengan menggunakan fitur Control Toolbox pada Excel. Klik kanan pada halaman kosong pada tab Excel dan pilih “Control Toolbox” pada menu pop-up. Selanjutnya, pilih “Scroll bar” dari bagian “Form Control”, dan buat sebuah kotak di mana scroll bar akan ditempatkan.
Setelah itu, kita akan menulis kode VBA yang akan menangani program scroll bar yang kita buat. Kode pertama yang akan kita tulis adalah kode untuk menghitung nilai minimum dan maksimum scrollbar. Kita akan menggunakan formula Excel “MIN()” dan “MAX()” untuk menentukan nilai minimum dan maksimum dari scrollbar yang kita buat. Kita juga akan mendeklarasikan sebuah variabel bernama “ScrollBarValue” yang akan digunakan untuk merekam nilai scrollbar.
Private Sub ScrollBar1_Change()
Dim ScrollBarValue As Integer
ScrollBarValue = ScrollBar1.Value
Range("A1").Value = ScrollBarValue
End Sub
Kode di atas akan merekam nilai scrollbar yang dipilih oleh user dan menampilkannya pada sel A1 pada lembar kerja Excel. Selanjutnya, kita akan menambahkan kode untuk pemilihan rentang data yang akan digulirkan menggunakan scrollbar. Kita akan menambahkan kode yang akan menghitung jumlah baris dan kolom yang akan digulirkan:
Dim rowsToScroll As Integer
Dim columnsToScroll As Integer
rowsToScroll = Round(ScrollBarValue * (ActiveWindow.VisibleRange.Rows.Count - ActiveWindow.VisibleRange.Rows.LastIndex))
columnsToScroll = Round(ScrollBarValue * (ActiveWindow.VisibleRange.Columns.Count - ActiveWindow.VisibleRange.Columns.LastIndex))
ActiveWindow.ScrollRows rowsToScroll
ActiveWindow.ScrollColumns columnsToScroll
Dengan menggunakan kode di atas, kita bisa menyesuaikan jumlah baris dan kolom yang akan digulirkan oleh scrollbar dengan nilai ScrollBarValue yang digunakan oleh user. Kita juga perlu menambahkan fungsi Round() untuk membuang nilai desimal yang tidak perlu.
Itu dia, kita sudah berhasil membuat scrollbar dengan VBA Excel. Kita juga bisa menambahkan desain dan fitur yang lebih kustom seperti mengubah warna scrollbar atau menambahkan animasi ketika scrollbar digerakkan menggunakan kode VBA yang lebih kompleks.
FAQ
Bagaimana saya bisa memasukkan video Youtube pada blog saya?
Untuk memasukkan video Youtube pada blog, pertama-tama kita harus memilih video yang ingin ditampilkan. Kemudian kita bisa menyalin kode URL video dari Youtube dan membuka editor HTML pada blog kita. Selanjutnya kita bisa menambahkan elemen “Iframe” pada HTML menggunakan kode yang sudah disediakan oleh Youtube.
<iframe width="560" height="315" src="https://www.youtube.com/embed/(kodeURL)></iframe>
Dalam kode di atas, kita hanya perlu mengubah nilai “kodeURL” dengan kode URL video Youtube yang ingin ditampilkan pada blog kita.
Apakah saya harus belajar pemrograman untuk membuat scrollbar pada blog atau Excel?
Tergantung pada kebutuhan kita. Jika kita ingin membuat scrollbar pada blog atau Excel dengan desain dan fitur yang lebih kustom, kita perlu mempelajari bahasa pemrograman seperti JavaScript atau VBA Excel. Namun, jika kebutuhan kita hanya untuk menambahkan fungsi scrollbar pada dokumen tanpa ada kebutuhan desain yang kustom, kita bisa menggunakan fitur yang sudah disediakan oleh platform atau aplikasi yang kita gunakan.
