CARA MEMBUAT SCROOL BAR ATAU SCROOL BOX PADA HALAMAN BLOG

Sabtu, 02 Mei 2020

CARA MEMBUAT SCROOL BOX ATAU SCROOL BAR DI POSTINGAN BLOG

Selamat datang pembaca sekalian, 

Pada kesempatan ini saya ingin berbagi pengalaman dan pengetahuan membuat postingan blog yang sudah saya buat dengan memberikan variasi menggunakan scrool box/Bar. Perlu anda tahu Cara Membuat Scrool Bar / Box cukup mudah sekali. Bagi yang ingin menambah scrool Bar yang ditempatkan di halaman postingan blog maupun Widget blog.

sedikit penjelasan dari saya tentang fungsi Scroll atau Scroll Bar. 

Scroll bar adalah scroll box kotak yang berisi tulisan, link, gambar dan kode script / html yang berfungsi untuk menghemat pemakaian halaman blog serta mempercepat proses loading blog. Membuat scroll box atau scroll bar pada postingan blog tidak lah terlalu sulit karena penulisannya hampir sama dengan penulisan di postingan-postingan di blog pada umumnya.

Scroll Bar berfungsi untuk mempermudah seseorang atau pengunjung agar dapat membaca tulisan atau artikel yang cukup panjang, Scroll Bar inipun mempunyai fungsi lebih jika diterapkan pada Widget Sidebar Blog yang kita miliki, karena nantinya Scroll Bar dapat Memperkecil ukuran atau tempat untuk menampilkan Widget pada sidebar Blog kita.Selain itu juga dapat menghemat ruang postingan atau membatasi objek menjadi lebih rapi dan tidak memakan banyak tempat dan dapat menghemat ruang postingan sehingga terlihat lebih oke.

Scroll bar pada postingan blog sangat sering dijumpai untuk memberikan blog tutorial yang membagikan kode HTML atau yang lainnya, dengan memakai efek scrool box  Jika anda sering mengunjungi blog atau website pasti pernah melihat kotak scrool box.

Efek scroll ini sering jg digunakan pada widget sidebar seperti arsip, artikel terbaru, random post, popular post yang berada pada sidebar. Selain itu juga sering digunakan dalam postingan blog.

Sebagai contoh saya menggunakan scroll pada halaman postingan blog.

Berikut ini contoh cara menggunakan scroll di blog.

1. Login ke Akun blogger Anda

2. Masuk ke halaman

3. Klik buat entri baru atau buka postingan halaman yang ingin diberi scrool bar

4. Pilih mode HTML bukan Compose

5. Lalu masukan kode script seperti contoh 

Berikut Kode cara membuat scrool Bar saya tempatkan dalam scrool Bar dibawah ini:

     <div style="border: 1px solid rgb(153, 153, 153);

overflow: auto;
width: 560px;
height: 200px;
text-align: center; ">
ISI DENGAN TEKS YANG ANDA INGINKAN
</div>

Keterangan :
width:560px = lebar scroll box atau scroll bar

height:200px = tinggi scroll box atau scroll bar

·    max-height: 200px : adalah batas maksimal tinggi, bisa anda atur sesuai keinginan.

·      Width: 400px : adalah batas maksimal lebar, bisa anda atur sesuai keinginan

·   Angka yang diwarnai biru ini berfungsi untuk mengganti lebar sempitnya scroll box.

·  Angka yang diwarnai merah ini berfungsi untuk mengganti tinggi pendeknya scroll box.

Angka yang diwarnai kuning ini berfungsi untuk mengganti besar kecilnya garis pinggir scroll box.

Demikian Cara Membuat Scrool Bar Pada Halaman Postingan.

Selanjutnya silahkan anda berkreasi sendiri atau berbagi pengalaman dan pengetahuan.

Selamat mencoba, semoga bermanfaat.

Sumber Tulisan

https://sairman-blog.blogspot.com/2016/01/cara-membuat-scroll-bar-di-postingan.html

https://agungadhyaksa.blogspot.com/2011/06/cara-membuat-scroll-box-di-blogger.html