Cara Menciptakan Kotak Scrollbar Di Postingan Blog
Apa bekerjsama Scrollbar? kalau Anda melihat sebuah blog terutama yang menyajikan sebuah isyarat HTML tertentu dimana biasanya isyarat HTML tulisannya terlalu panjang, untuk mempersingkat ruang di dalam goresan pena dipersingkat dengan sebuah kotak yang sanggup meringkas tulisan. Makara sanggup diartikan Scrollbar ialah sebuah hidangan untuk meringkas goresan pena panjang dalam sebuah kotak yang sanggup di scrooll untuk menampilkan isi keseluruhan sebuah tulisan.
Ada banyak jenis scroolbar yang umumnya dipakai untuk meringkas sebuah tulisan, secara umum dibagi menjadi tiga yaitu scroll horisontal, scroll vertikal dan scrool campuran vertikal dan horisontal. Berikut ini cara menciptakan scrool secara lengkap
Scrollbar Horisontal
Scrooll horisontal artinya goresan pena di ringkas dalam bentuk memanjang, untuk menciptakan scroll horisontal gunakan isyarat yang tertera dibawah ini.
Border = Ukuran garis tepi srcoll
Solid = Warna garis tepi scroll
Height = Tinggi scrool,
Width:2500% = Ukuran panjang scroll yang dipakai untuk mengeser Scroll
Width = Lebar kotak scroll, Anda sanggup merubah ukuran lebar menjadi auto semoga otomatis sesuai dengan ukuran lebar postingan.
Untuk isyarat berikutnya gunakan cara yang sama untuk merubah warna, ukuran lebar, tinggi. Hasil Scroll dengan isyarat HTML diatas ialah menyerupai dibawah ini.
Ada banyak jenis scroolbar yang umumnya dipakai untuk meringkas sebuah tulisan, secara umum dibagi menjadi tiga yaitu scroll horisontal, scroll vertikal dan scrool campuran vertikal dan horisontal. Berikut ini cara menciptakan scrool secara lengkap
Scrollbar Horisontal
Scrooll horisontal artinya goresan pena di ringkas dalam bentuk memanjang, untuk menciptakan scroll horisontal gunakan isyarat yang tertera dibawah ini.
<div style="border:1px solid black;width:auto ;height:50px;overflow-y:hidden;overflow-x:scroll;">Keterangan
<p style="width:2500%;">
MASUKKAN TULISAN ANDA DISINI
</p>
</div>
Border = Ukuran garis tepi srcoll
Solid = Warna garis tepi scroll
Height = Tinggi scrool,
Width:2500% = Ukuran panjang scroll yang dipakai untuk mengeser Scroll
Width = Lebar kotak scroll, Anda sanggup merubah ukuran lebar menjadi auto semoga otomatis sesuai dengan ukuran lebar postingan.
Untuk isyarat berikutnya gunakan cara yang sama untuk merubah warna, ukuran lebar, tinggi. Hasil Scroll dengan isyarat HTML diatas ialah menyerupai dibawah ini.
Scrollbar Vertikal Tipe 1
Scrooll vertiakal artinya goresan pena di ringkas dalam bentuk memanjang dari atas kebawah, untuk menciptakan scroll vertikal gunakan isyarat yang tertera dibawah ini.
<div style="background-color: #f0f0f0; border: 1px solid #1E90FF; height: 50px; overflow: auto; padding: 5px; width: auto;">
MASUKKAN TULISAN ANDA DISINI
</div>
By using overflow-x, we can create scroll bars when the contents of this div are wider than the container. By setting this paragraph to 250 percent, it is 250 percent wider than the parent container - forcing an overflow.
Scrollbar Vertikal Dan Horisontal
Scrooll vertiakal dan Horistonal artinya goresan pena di ringkas dalam bentuk memanjang dari atas kebawah serta kekiri dan kanan, untuk menciptakan scroll vertikal, horisontal gunakan isyarat yang tertera dibawah ini.
<div style="border:1px solid red;width:auto;height:50px;overflow-y:scroll;overflow-x:scroll;">Hasil Scroll dengan isyarat HTML diatas ialah menyerupai dibawah ini.
<p style="width:2500%;">
MASUKKAN TULISAN ANDA DISINI
</p>
</div>
By using overflow-x, we can create scroll bars when the contents of this div are wider than the container. By setting this paragraph to 250 percent, it is 250 percent wider than the parent container - forcing an overflow.
By using overflow-x, we can create scroll bars when the contents of this div are wider than the container. By setting this paragraph to 250 percent, it is 250 percent wider than the parent container - forcing an overflow.
By using overflow-x, we can create scroll bars when the contents of this div are wider than the container. By setting this paragraph to 250 percent, it is 250 percent wider than the parent container - forcing an overflow.
By using overflow-x, we can create scroll bars when the contents of this div are wider than the container. By setting this paragraph to 250 percent, it is 250 percent wider than the parent container - forcing an overflow.
By using overflow-x, we can create scroll bars when the contents of this div are wider than the container. By setting this paragraph to 250 percent, it is 250 percent wider than the parent container - forcing an overflow.
By using overflow-x, we can create scroll bars when the contents of this div are wider than the container. By setting this paragraph to 250 percent, it is 250 percent wider than the parent container - forcing an overflow.
By using overflow-x, we can create scroll bars when the contents of this div are wider than the container. By setting this paragraph to 250 percent, it is 250 percent wider than the parent container - forcing an overflow.
By using overflow-x, we can create scroll bars when the contents of this div are wider than the container. By setting this paragraph to 250 percent, it is 250 percent wider than the parent container - forcing an overflow.
By using overflow-x, we can create scroll bars when the contents of this div are wider than the container. By setting this paragraph to 250 percent, it is 250 percent wider than the parent container - forcing an overflow.
By using overflow-x, we can create scroll bars when the contents of this div are wider than the container. By setting this paragraph to 250 percent, it is 250 percent wider than the parent container - forcing an overflow.
By using overflow-x, we can create scroll bars when the contents of this div are wider than the container. By setting this paragraph to 250 percent, it is 250 percent wider than the parent container - forcing an overflow.
Scrollbar Vertikal Tipe 2
Scrooll vertiakal artinya goresan pena di ringkas dalam bentuk memanjang dari atas kebawah, namun untuk isyarat HTMlL yang dipakai dalam isyarat ini sedikit berbeda. untuk menciptakan scroll vertikal gunakan isyarat yang tertera dibawah ini.
<div style="border: 1px solid green; height: 80px; overflow-x: hidden; overflow-y: scroll; width: auto;">Hasil Scroll dengan isyarat HTML diatas ialah menyerupai dibawah ini.
<p style="width:250%;">
MASUKKAN TULISAN ANDA DISINI
</p>
</div>
Untuk memakai isyarat ini masuk ke hidangan posting di blog Anda, selanjtnya pilih hidangan HTML yang berada di compos, selanjutnya masukkan atau copy paste isyarat diatas sesuai dengan scrollbar yang diinginkan. Selesai dicopy masuk ke hidangan Compos, hapus tulisan MASUKKAN TULISAN ANDA DISINI dengan goresan pena atau isyarat HTML yang ingin Anda buat.
Simpel dan gampang kalau Anda mengalamai kesulitan silahkan ejekan pertanyaan dikolom komentar. Selamat mencoba.
0 Response to "Cara Menciptakan Kotak Scrollbar Di Postingan Blog"
Post a Comment