Cara Menambahkan Kotak Scroll Pada Postingan Blog

Salam..

Pada kesempatan kali ini blogarif.com ingin berbagi tips bagaiman cara membuat kotak Scroll, kotak scroll biasanya pada suatu postingan blog umumnya digunakan untuk menyisipkan kode/scripts HTML, Java dan bahasa pemograman lainnya atau juga berupa link. Kotak scroll kegunaannya juga bisa mempercantik tampilan blog dengan adanya kotak scroll pada sebuah halaman postingan blog maka tampilan blog tersebut akan lebih rapi dalam menyisipkan kode atau bahasa pemograman sehingga membuat pengunjung blog lebih nyaman dalam membaca artikel, kegunaan lainya juga bisa mengurangi beban loding blog.

Ada banyak jenis tampilan kotak scroll yang dipakai oleh para blogger salah satunya seperti kotak scroll yang ada dibawah ini.

<div style="border: 1px solid #eee; height : 150px; overflow: auto; padding: 10px; width: 300px;">

Letakan Kode scriptsnya

</div>

Berikut ini cara menggunakan kotak scroll pada blog.

Login ke Blog > Pilih > Entri baru.
Dihalaman  Entri baru klik HTML dan masukan kode yang diatas tadi.

Keterangan :

Border = Ukuran ketebalan garis tepi kotak scroll.
Height  = Tinggi kotak scroll.
Width = Lebar kotak scroll.
Overflow : auto = fungsi kotak scroll
Sesuaikan ukuran kotak scroll menurut kebutuhan yang anda.
Pada tulisan  yang berwana weah silahkan dimasukan kode scripts yang di inginkan seperti bahasa pemograman Java, Javascripts, HTML dan lain - lain.

Dibawah ini merupakan salah satu contoh dalam menggunakan kotak scroll pada halaman postingan blog.
 

Masukan kodenya disini
Bahasa pemograman Java, Javascripts, HTML dan lain - lain.

Jika adanya kesulitan silahkan ajukan pertanyaan melalui komentar atau melalui About Us.

Terima Kasih.

Tweet