Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Memasang Scroll Pada Blog

Cara Memasang Scroll Pada Blog

Cara Memasang Scroll Pada Blog | Setelah kemarin kita membahas Tutorial Blog mengenai Cara Memasang Widget Random Post Valid HTML5, pada kesempatan kali ini kita akan membahas Cara Memasang Scroll Pada Blog. Sedikit mengulas mengenai scroll atau disebut juga gulungan, biasa digunakan untuk menyingkat sebuah halaman yang panjang agar menjadi lebih simpel dan tentunya ditujukan agar halaman tersebut menjadi lebih rapi.

Scroll ini bisa diterapkan di berbagai tempat, seperti widget, form komentar, blockquote, dsb. Bisa untuk gambar maupun teks. Untuk memasang scroll tersebut cukup mudah, kita hanya perlu menyisipkan kode HTML untuk scroll pada objek yang diinginkan. Berikut kode HTML scroll atau gulungan tersebut.

Versi pertama.

<div style="height: 500px; overflow: auto;">OBJEK YANG INGIN DI PASANG SCROLL</div>
Versi kedua.

<div style="overflow:auto; padding:5px; width:20px; 
height:80px; background-color: rgb(255, 255, 255); border:1px solid 
#ccc;">Tambahkan teks atau kode script disini</div>

  • Jika Sobat ingin menambahkan teks kedalam kotak scrollbar, maka ganti tulisan yang bercetak tebal dengan teks yang diinginkan.
  • Jika Sobat ingin menambahkan gambar, maka tulisan yang bercetak tebal tersebut di ganti dengan <img src="alamat url gambar Anda" />
Nah, demikianlah ulasan singkat Tutorial Blog mengenai Cara Memasang Scroll Pada Blog tersebut. Semoga bisa bermanfaat untuk kita bersama.

Posting Komentar untuk "Cara Memasang Scroll Pada Blog"

Iklan