Cara Membuat Kotak Scroll (Kotak Yg Bisa Bergeser Ke atas ke bawah)

Cara Membuat Kotak Scroll (Kotak Yg Bisa Bergeser Ke atas ke bawah)

Cara Membuat Kotak Scroll (Kotak Yg Bisa Bergeser Ke atas ke bawah)
Untuk membuat kotak scroll sebelumnya saya sudah pernah menjelaskannya, namun saya menjelaskan ulang karena saya akan memberikan kode kotak scroll yang lebih bagus dan selain itu saya melihat tulisan saya kurang kuat di google dan saat dicari tidak ada, mungkin karena ada kesalahan dari penulisan, karena itu saya tulis ulang.

Cara Membuat Kotak Scroll (Kotak Yg Bisa Bergeser Ke Kanan dan Ke Kiri)
Maksud saya adalah seperti ini:

Tulisan anda "Cara Membuat Kotak Scroll (Kotak Yg Bisa Bergeser Ke Kanan dan Ke Kiri)"
Mulai dari kalimat "Tulisan anda" bisa anda ganti dengan tulisan apa saja.
Bahkan anda bisa memasukkan gambar apa saja disini.
Akan tetapi tetap tidak boleh terlalu banyak, karena kalau terlalu banyak tetap saja hasilnya agak berat. namun daripada tidak menggunakan kotak scroll, gambar yang dipasang/diupload kedalam postingan itu jauh lebih berat.
Sekian akhir contoh penulisan "Cara Membuat Kotak Scroll (Kotak Yg Bisa Bergeser Ke atas ke bawah)" di dalam kotak Scroll.  

Sudah paham yang dimaksud kotak scroll ya?
Nah, agar anda bisa membuat kotak scroll seperti ini, anda membutuhkan kode HTML kotak scroll, dan ini kode HTML Kotak Scroll diatas:

<div style="border: 1px solid #111; height: 100px; overflow: auto; padding: 5px; width: 100%;">
Tulisan anda "Cara Membuat Kotak Scroll (Kotak Yg Bisa Bergeser Ke Kanan dan Ke Kiri)"<br />
Mulai dari kalimat "Tulisan anda" bisa anda ganti dengan tulisan apa saja.<br />
Bahkan anda bisa memasukkan gambar apa saja disini.<br />
Akan tetapi tetap tidak boleh terlalu banyak, karena kalau terlalu banyak tetap saja hasilnya agak berat. namun daripada tidak menggunakan kotak scroll, gambar yang dipasang/diupload kedalam postingan itu jauh lebih berat.<br />
Sekian akhir contoh penulisan "Cara Membuat Kotak Scroll (Kotak Yg Bisa Bergeser Ke atas ke bawah)" di dalam kotak Scroll. &nbsp; </div>

Intinya kode diatas adalah:

<div style="border: 1px solid #111; height: 100px; overflow: auto; padding: 5px; width: 100%;"> </div>

sedang yang ada antara 100%"> dengan </div> adalah isi atau apa saja yang ingin anda masukkan di dalamnya.
Nah sekarang pasti sudah paham kan?
oke kalau begitu selamat mencoba dan semoga bermanfaat.
Posted by Anyail, Published at 21.02 and have 0 komentar

Tidak ada komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.