cara membuat kotak scroll di halaman pada blog / HTML

cara buat kotak scroll di halaman pada blog / HTML

بِسْــــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
السلام عليكم 
ketika kuliah dulu salah satu yang di pelajari bagi anda yang mengambil jurusan IT(INFORMATIKA) salah satunya membuat kotak scroll pada halaman di blog atau html/css, Jadi bagi anda yang mengambil jurusan IT tentu sudah tahu caranya tapi bagi yang belum tahu berikut caranya.
cara buat kotak scroll di halaman pada blog / HTML

Berikut cara membuat kotak scroll pada halaman di blog atau HTML/CSS

script kotak scroll

<div style="border: 0px solid #999999;
height: 250px;
overflow: auto;
padding: 10px;
width: 100%;">
Artikel / Konten disini
</div>

Keterangan :
border = Garis tepi, ubah 0 menjadi 1/2/3 dst.., #999999 =Warna Border.
height = Tinggi halaman scroll
overflow = Fungsi scroll, pilihan ada auto, visible, hidden,scroll, initial, inherit.
padding = Jarak antara konten dan border
width = lebar halaman 


cara buat kotak scroll di notepad / HTML

  • buka notepad
  • lalu salin script di atas
  • kemudian ganti Artikel / Konten disini dengan artikel yang anda inginkan
  • lalu klik Save beri eksistensi .html
  • setelah itu klik file yang telah anda buat, dan lihat hasilnya
Cara buat kotak scroll di blog
  • Login ke blogger
  • Klik entri baru 
  • lalu ganti Compose dengan HTML
  • lalu masukkan script di atas
  • kemudian ganti Artikel / Konten disini dengan artikel yang anda inginkan
  • Terakhir klik Publikasikan dan lihat hasilnya
Itulah cara membuat kota scroll di halaman pada blog / HTML, semoga bermanfaat
Back To Top