Cara mudah membuat tampilan Scroll dengan Div

Tutorialmixs - sobat blogger, ketemu lagi dengan topik dan pembahasan yang berbeda. Kali ini, aku akan coba share bagaimana cara membuat tampilan scroll hanya dengan menggunakan perintah div. karena ini adalah hal yang mudah, tapi berguna banget, maka dari itu, aku juga akan share tutorial ini ke sobat, siapa tahu widget perintah ini bisa berguna dan minimal bermanfaat buat sobat blogger.

Oke, langsung saja ke topik pembahasan, bagaimana caranya membuat atau menambahkan scroll pada tampilan blogger?? ini adalah cara yang mudah yang pernah aku baca sebelumnya. Kalau menurut aku sih, ini sangat berguna sekali, karena bisa menghemat space, jadi kita bisa memaximalkan space untuk hal-hal yang menurut kita perlu ditampilkan keberadaannya. Ingat, memunculkan artikel yang menjadikan andalan pada blog adalah hal yang sangat penting, untuk menambah traffic page view blog kita tentunya.

sippp, berikut ini adalah tutorial sederhananya:

1. Silahkan tambahkan kode script CSS di bawah ini pada html sobat 

.scroll{
  width: 300px;
  background: orange;
  padding: 10px;
  overflow: scroll;
  height: 300px;

  /*script tambahan khusus untuk IE */
  scrollbar-face-color: #CE7E00;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-highlight-color: #6F4709;
  scrollbar-3dlight-color: #11111;
  scrollbar-darkshadow-color: #6F4709;
  scrollbar-track-color: #FFE8C1;
  scrollbar-arrow-color: #6F4709;
}

Note: untuk mengatur lebar dan tingginya, silahkan ganti saja tulisan yang saya beri warna Biru dengan selera sobat blogger saja

2. Masukkan struktur <div> nya seperti dibawah ini, pada script sobat yang ingin anda buat tampilan scrollnya yah,, dan struktur sederhananya, sobat bisa lihat contoh penempatan perintahnya dibawah ini:

<div class="scroll">
    <p>Silahkan sobat isikan perintah widget sobat di struktur ini</p>
    <p>Bla Bla Bla Bla dan Bla Bla Bla</p>
    <p>akhir kata Wassalammu'alaikum Wr.Wb</p>
</div>

Oke berikut tadi adalah Tutorial bagaimana cara membuat tampilan scroll hanya dengan menggunakan perintah div,  yang bisa sobat tambahkan pada baris awal dan akhir dari widget artikel sobat yang ingin di tampilkan..

akhir kata, salam blogger, dan semoga bermanfaat buat sobat blogger
selamat bereksperiment sendiri

Share this

Related Posts