Gimana Cara Membuat Kotak Scroll / Scroll Box pada postingan blog ?

Ketemu lagi kita sob, mari selanjutnya kita mengulas tentang cara membuat kotak scroll/ scroll box... Cekidot..

Gimana sih cara membuat kotak scroll seperti gambar diatas? kita terkadang sering melihat blog orang yang membuat kotak scroll tersebut. padahal di menu entri blog nggak ada yang menyediakan jasa seperti itu. Tapi singkatnya sih cara ini sangat diperlukan bagi blog yang membagikan script atau HTML yang panjang. Kenapa? Gak kenapa-kenapa sih, supaya lebih enak diliat aja. Siapa sih yang nyaman kalo ngeliat kode kode script/HTML panjang panjang? Bukankah lebih baik diberikan kotak scroll? Biar keliatan lebih rapi. Blog yang menulis kalimat yang panjang bisa juga menggunakan kotak scroll. Yah.... mungkin blog yang berisi lirik lagu, puisi, dan sebagainya.

Lalu bagaimana cara membuat kotak scroll pada postingan? Caranya sangat sederhana dan mudah.

Pada saat kalian ingin membuat sebuah postingan, masuk pada mode HTML (bukan mode Compose. Lihat gambar di bawah)

Lalu, copy-paste script di bawah ini

<div style="overflow:auto;width:400px;height:150px;padding:10px;border:1px solid #000000">
Hapus tulisan ini dan ganti dengan tulisan yang kalian inginkan</div>

ket:

tulisan biru untuk ukuran lebar scroll box(kotak scroll)
tulisan hijau untuk tinggi scroll box
tulisan orange untuk warna border/garis di pinggir scrollbox

Blog_Iqrar
Blog_Iqrar
Blog_Iqrar
Blog_Iqrar
Blog_Iqrar
Blog_Iqrar
Blog_Iqrar
Blog_Iqrar
Blog_Iqrar
Blog_Iqrar
Blog_Iqrar
Blog_Iqrar
Blog_Iqrar

beginilah hasilnya (atas)


itulah Tips n' Trick kita pada hari ini. semoga informasi di atas bermanfaat... :D