Membuat Scroll Bar dan Text Area Select All Di Postingan Blog

hai guys. Terima kasih sudah mampir di blog sederhana gue ini. kali ini saya membahas tentang membuat scroll pada postingan yang gunanya mungkin kita bisa menghemat space postingan yang begitu banyak sehingga kita bisa memanfaatkan fungsi scroll pada postingan kita.

kita juga bisa menambah kan highligth pada text area yang nantinya dibuat seperti select all. agar nantinya dapat memudahkan jika ada yang ingin mengcopy tanpa haruf ngeblok semua content yang kita masukan pada text area. oke langsung aja guys mari kita buat 

1. Membuat scroll

langkah pertama masuk kepada postingan lalu pilih HTML

langkah kedua copy kan kode berikut untuk membuat scroll nya

<div style="border: 1px solid #eee; height: 100px; overflow: auto; padding: 10px; width:400px;">

Letakan Tulisan / Kode HTML  Disini guys 

</div>

selesai

keterangan : 

100px : Kode untuk mengatur tinggi pada kolom scroll

400px : Kode untuk mengatur lebar pada kolom scroll

DEMO 

Membuat Scroll Bar dan Text Area Select All Di Postingan BlogMembuat Scroll Bar dan Text Area Select All Di Postingan BlogMembuat Scroll Bar dan Text Area Select All Di Postingan BlogMembuat Scroll Bar dan Text Area Select All Di Postingan BlogMembuat Scroll Bar dan Text Area Select All Di Postingan BlogMembuat Scroll Bar dan Text Area Select All Di Postingan BlogMembuat Scroll Bar dan Text Area Select All Di Postingan BlogMembuat Scroll Bar dan Text Area Select All Di Postingan BlogMembuat Scroll Bar dan Text Area Select All Di Postingan BlogMembuat Scroll Bar dan Text Area Select All Di Postingan BlogMembuat Scroll Bar dan Text Area Select All Di Postingan Blog

2. Membuat Area Text dengan fungsi Select All
sama seperti diatas guys langkah langkah nya cuma bedanya ada pada coding nya aja.

langkah langkah copy kode berikut pada bagian HTML

 <div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 50px; width: 300px;" wrap="VIRTUAL">Masukkan script/teks anda disini..</textarea></div>
</form>
</div>

keterangan :
50px = tinggi dari Text area
300px = lebar dari Text area
tulisan merah tersebut untuk meletakkan content yang kita buat

Demo nya guys 

oke guys sekian dulu cara Membuat Scroll Bar dan Text Area Select All Di Postingan Blog semoga bermanfaat ya guys dan terima kasih sudah mau mampir ke blog saya :D

Artikel Terkait

Membuat Scroll Bar dan Text Area Select All Di Postingan Blog

4/ 5

Oleh Rafa Printing

Rafa Printing 1/12/2016 Komentar