Cara Membuat Kotak Geser atau Scroll Box di Blog

Para sobat blogger yang masih pemula khususnya yang ilmunya masih kayak gua mungkin pernah bertanya tanya gemana sih caranya membuat postingan yang make kotak geser atau scroll box nah kalau saja iyya maka kali ini saya rasa kebingungan itu cukup sampai hari ini saja karena setelah sobat membaca artikel ini maka saya yakin kebingungan itu akan segera lenyap sehubungan postingan ini di khususkan untuk blogger yang jurusnya masih setingkat dengan penulis, maka hal ini akan kita bahas dengan sangat rinci baiklah berikut langkah langkah yang boleh sobat peraktekkan sebagai pembelajaran awala membuat kotak geser dan selanjutnya silahkan sobat kembangkan sendiri seperti biasa untuk menguji cara ini sobat harus dalam
keadaan login tentunya kemudian dari homepage pilih

- Entri atau post
- New entri
- Letakkan kode dari tab HTML no Compose

kemudian letakkan kodenya dari halamn HTML

nah berikut akan saya bagikat dua jenis kotak geser

- Contoh .1

kotak geser atau scroll box dengan tombol block diatasnya yang fungsinya apabila di klik maka keseluruhan teks yang berada di dalam kotak geser akan terblok atau tertandai dan siap untuk di copy

CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU CONTOH SATU

- Contoh .2

Kotak geser tanpa tombol untuk menandai keseluruhan teks yang berada di dalam kotak

CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA CONTOH DUA

nah berikut adalah kode yang harus anda letakkan pada postingan sobat yang ingin menggunakan kotak geser sesuai petunjuk penggunaan yang saya sebutkan di atas

Kode contoh .1

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" style="background-color: black; color: yellow; width: 150px;" type="button" value="Tandai Kode" /></div>
<div align="center">
<textarea cols="20" name="txt" rows="5" style="height: 80px; width: 300px;" wrap="VIRTUAL">Masukkan teks di sini </textarea><br />
<br />

Kode contoh .2

<p align="center"><textarea name="code" rows="2" cols="15"> Tulis text atau kode HTML yang sobat inginkan disini </textarea></p>

nah saya rasa cara diatas sudah cukup untuk di jadikan sebagai bahan pembelajaran awal dalam membuat kotak geser atau scroll box pada postingan mohon maaf atas segala kekurangan akhir kata saya ucapkan selamat berkarya semoga sobat tidak seperti pemilik blog ini yang hanya dapat berbagi hasil karya orang lain ''berbagi itu indah asal jangan Copas"

Blog iseng-iseng

mencari mencoba dan berbagi