Cara Membuat Scrol Box di Halaman Posting

Cara membuat Scrol Box di Halaman Posting - Terkadang jika kita ingin memanjakan pembaca, kita harus melakukan berbagai macam cara agar pembaca tidak jenuh dengan blog yang sedang di baca. Terlebih jika yang kita posting adalah jenis tulisan CSS atau Java Script. Ini akan membutuhkan halaman atau tempat yang sangan panjang jika kode CSS atau HTML yang akan di tampilkan sangan banyak. Dan untuk menghemat tempat ada salah satu cara yaitu dengan membuat scrol box.

Di sini Belajar Blog ingin sedikit berbagi Bagai mana Cara Membuat Scrol Bok di Halaman Posting .

Untuk Contohnya silahkan anda lihat Di sini.

Nah bagai mana caranya kita ikuti langkah-langkahnya.
  • Buat postingan seperti biasa dulu.
  • jika sudah selesai centang atau pindah ke Edit HTML
  • tambahkan kode ini sebelum paragraf atau tulisan yang akan dimasukkan kedalam scrol box
<div style="overflow:auto;width:450px;height:200px;padding:10px;border:1px solid #cecece">
  • Letakkan kode </div> setelah akhir dari tulisan yang akan dimasukkan dalam srol box.
  • Selesai dan terbitkan
Bagaimana, Mudah bukan. Untuk lebih jelasnya lihat contoh ini

<div style="overflow:auto;width:450px;height:200px;padding:10px;border:1px solid #cecece">

LETAKKAN TULISAN SOBAT / APAPUN DISINI 
INI ADALAH CONTOH MEMBUAT SCROL BOX 
DIDALAM POSTINGAN

 </div>

Keterangan : untuk tulisan yang berwanna merah bisa anda ganti sesuai selera anda.

Demikian tadi Cara Membuat Scrol Box di Halaman Posting. Semoga bisa bermanfaat.

Tidak ada komentar:

Posting Komentar