Cara Menciptakan Kotak Scrollbar Di Postingan Blog

Apa itu Scrollbar? scroolbar disini maksudnya sebuah media yang digunakan untuk meringkas ukiran pena panjang dalam sebuah kotak yang mampu di scrool sehingga menampilkan isi keseluruhan tulisan. Model mirip ini sering kita lihat pada postingan spider web log yang membahas perihal kode-kode pemrograman. 

Scrollbar memiliki banyak jenis untuk meringkas ukiran pena panjang, namun pada postingan ini admin akan membahas iii jenis scrollbar yaitu:

Sebelum membahas apa-apa saja jenisnya, admin akan memperlihatkan penjelasan untuk meletakkan kode-kode setiap jenis scrollbar. 

Caranya:

-Silahkan masuk di halaman posting blog. 
-Selanjutnya pada halaman tersebut ada terdapat dua sajian ialah : Compose dan HTML.
-Lalu copylah kode-kode scroll dibawah ini dan glue kan pada halaman menu HMTL. 
-Setelah itu, masuk ke halaman menu Compose dan pastekan lah kode-kode atau ukiran pena yang ingin ditampilkan tepat di halaman kotak scrollbar yang telah dibuat (pada Tulisan Masukkan Tulisan Anda Disini). 


Berikut ini ialah Jenis-jenis Scrollbar yang akan dibahas pada postingan ini:

1.Scroll Horizontal

Scrooll horizontal artinya ukiran pena di ringkas dalam bentuk memanjang. 

Berikut ini kodenya:

<div style="border:1px solid black;width:auto ;height:50px;overflow-y:hidden;overflow-x:scroll;">
<p style="width:2500%;">
MASUKKAN TULISAN ANDA DISINI
</p>
</div>

Hasilnya:

Scroll horizontal artinya ukiran pena di ringkas dalam bentuk memanjang, untuk membuat scroll horisontal gunakan instruksi yang tertera dibawah ini.

2.Scroll Vertikal

Scroll vertikal artinya ukiran pena di ringkas dalam bentuk memanjang dari atas kebawah.

Berikut ini kodenya:

<div style="background-color: #f0f0f0; border: 1px enterprise #1E90FF; height: 100px; overflow: auto; padding: 5px; width: auto;">
MASUKKAN TULISAN ANDA DISINI
</div>

Hasilnya:

Scroll vertikal artinya ukiran pena di ringkas dalam bentuk memanjang dari atas kebawah, untuk membuat scroll vertikal gunakan instruksi yang tertera dibawah ini.

3.Scroll Vertikal dan Horizontal 

Scroll vertikal dan Horistonal artinya ukiran pena di ringkas dalam bentuk memanjang dari atas kebawah serta kekiri dan kanan.

Berikut ini kodenya: 

<div style="border:1px enterprise red;width:auto;height:50px;overflow-y:scroll;overflow-x:scroll;">
<p style="width:2500%;">
MASUKKAN TULISAN ANDA DISINI
</p>
</div>

Hasilnya:

Scrooll vertikal dan Horistonal artinya ukiran pena di ringkas dalam bentuk memanjang dari atas kebawah serta kekiri dan kanan, untuk membuat scroll vertikal, horisontal gunakan instruksi yang tertera dibawah ini.

Scroll Vertikal 

Scrol vertikal artinya ukiran pena di ringkas dalam bentuk memanjang dari atas kebawah, tapi untuk instruksi HTMlL yang digunakan dalam instruksi ini sedikit berbeda. 

Berikut ini kodenya:

<div style="border:1px enterprise red;width:auto;height:50px;overflow-y:scroll;overflow-x:scroll;">
<p style="width:2500%;">
MASUKKAN TULISAN ANDA DISINI
</p>
</div>

Hasilnya:

Scroll vertikal artinya ukiran pena di ringkas dalam bentuk memanjang dari atas kebawah, namun untuk instruksi HTMlL yang digunakan dalam instruksi ini sedikit berbeda. untuk membuat scroll vertikal gunakan instruksi yang tertera dibawah ini.

Demikianlah cara membuat kotak scrollbar di postingan blog, biar bermanfaat dan terimakasih. 

Bagikan Artikel ini