Cara Menambahkan Funsi Scroll dalam Postingan Blog

Fungsi scroll dalam postingan artikel kita di blog, memang tidak selalu kita gunakan. Fungsi ini biasanya kita gunakan apabila berbagi bahasan atau kode script yang cukup panjang, sehingga yang tampil hanya cuplikannya saja atau sebagiannya saja. Tujuannya untuk memendekkan tampilan yang tampil di postingan, sehingga artikel atau postingan menjadi terlihat lebih simpel.

Namun walaupun yang tampil hanya sebagian, tidak berarti menghilangkan fungsi dari konten yang kita share terhadap pengunjung blog, sebab untuk menampilkan keseluruhan konten, pengunjung hanya perlu menarik tombol scroll di samping konten tersebut.

Jika anda ingin mencoba menggunakan fungsi ini dalam postingan artikel di blog anda, sebenarnya cukup banyak cara yang bisa anda gunakan. Namun jika anda ingin cara yang lebih simpel, salah satu kode yang bisa anda gunakan adalah script berikut:

<div style="border: 1px solid #eee; height: 150px; overflow: auto; padding: 10px; width: 450px;">
Artikel atau Kode HTML anda Disini
</div>

Angka "150" merupakan Kode untuk mengatur tinggi pada kolom scroll.
Angka "450" merupakan Kode untuk mengatur lebar pada kolom scroll.
Anda bisa merubah angka-angka tersebut, bisanya lebar kolom untuk area postingan artikel kita di blog adalah 500px

Untuk menggunakan kode tersebut, anda harus menggunakan fasilitas HTML bukan compose, caranya sebagai berikut:
Silahkan log ini dan pilih "entri baru".
Kemudian pilih bagian "HTML" dan letakkan kode tadi, setelah diletakkan pilih kembali bagian "compose"
dan mulailah mengetik artikel anda.

Anda juga bisa menambahkan kode tersebut di tengah-tengah artikel. Jadi silahkan ketik dulu artikel anda di bagian compose, kemudian ketika anda ingin menyelipkan sebuah konten baru yang memerlukan fungsi scrol, silahkan pilih  "HTML" dan letakkan kode tadi, dan silahkan lajutkan artikel anda. (cakra)