Cara Membuat Kotak Scroll di Postingan dan Sidebar Blog

Membuat kotak scroll di postingan merupakan sebuah cara yang dilakukan oleh para blogger untuk menghemat konten postingan yang terlalu panjang. Pada umumnya, kotak scroll di postingan bisa diisi script, artikel ataupun gambar. Namun kalian juga bisa mengkreasikannya dengan hal lain sesuai selera.

Selain bisa dipasang di postingan, kotak scroll juga bisa dipasang sebagai widget di sidebar blog. Biasanya cara ini digunakan untuk membuat fitur Blogroll atau Link Sahabat. Kalian juga bisa menjadikannya sebagai daftar artikel atau artikel pilihan dan masih banyak manfaat lainnya. Oke langsung saja, berikut ini akan saya jelaskan langkah-langkahnya:

Langkah-langkah membuat scroll pada postingan di blog:

1. Masuk ke akun blog kalian (Dashboard).
2. Setelah itu pilih bagian Pos » Buat Entri Baru (*Ingat, dalam hal ini proses penulisan harus dalam keadaan format HTML)
3. Kemudian copy kode di bawah ini dan sisipkan tepat di dalam postingan kalian:
   
   <div style="border: 1px solid #000000; height: 150px; overflow: auto; padding: 10px; width: 500px;"> Hapus tulisan ini dengan tulisan yang kalian inginkan</div>
   Keterangan:
   » border: 1px = ketebalan garis pada scroll (ubah sesuai dengan yang kalian inginkan)
   » #000000 = warna garis border pada scroll (ubah sesuai dengan warna yang kalian inginkan)
   » height: 150px = tinggi scroll (ubah tinggi scroll sesuai dengan keinginan kalian)
   » width: 500px = lebar scroll (ubah lebar scroll sesuai dengan keinginan kalian)
   
   
4. Langkah selanjutnya adalah publikasikan tulisan kalian dan lihatlah hasilnya
5. Dan berikut ini adalah hasilnya:
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution

Langkah-langkah membuat scroll di sidebar blog:

1. Masuk ke akun blog kalian (Dashboard)
2. Setelah itu pilih bagian Tata Letak » Tambahkan Gadget » HTML/JavaScript
3. Kemudian copy kode di bawah ini dan sisipkan tepat di dalam Kolom HTML tersebut:
   <div style="border: 1px solid #000000; height: 180px; overflow: auto; padding: 10px; width: 150px;"> Hapus tulisan ini dengan tulisan yang kalian inginkan</div>
   Keterangan:
   
   » border: 1px = ketebalan garis pada scroll (ubah sesuai dengan yang kalian inginkan)
   » #000000 = warna garis border pada scroll (ubah sesuai dengan warna yang kalian inginkan)
   » height: 180px = tinggi scroll (ubah tinggi scroll sesuai dengan keinginan kalian)
   » width: 150px = lebar scroll (ubah lebar scroll sesuai dengan lebar sidebar blog kalian)
   
   
4. Langkah selanjutnya adalah simpan dan lihat hasilnya pada blog kalian
5. Berikut ini adalah hasilnya:
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution
   » Dream Art Volution