Cara Membuat Scroll Box dengan Tombol 'Select All' pada Text Area di Postingan Blog
Blog Kang Fakhrie - Yosh, Assalamu'alaikum Wr. Wb.
Pada kesempatan kali ini, saya akan membagikan tutorial seputar Blogging. Sesuai judul, kali ini saya akan memberi tutorial "Cara Membuat Scroll Box dengan Tombol 'Select All' pada Text Area di Postingan Blog".
ini adalah salah satu cara yang memudahkan pengunjung untuk memblok isi/script atau memberikan perintah select all atau highlight all dengan sebuah tombol. Sehingga lebih memudahkan pengunjung mengcopy script/tulisan dalam sebuah box/form.
Silahkan disimak baik-baik :
Demo :
Langkah Langkah :
1. copy script dibawah ini :
<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>
2. Pastekan script tsb. di postingan/laman pada bagian HTML di blog sobat.
Note :
- Pastikan sobat mempastekan script tsb. di bagian HTML, jangan di bagian Compose.
- ubah kalimat kalimat yang berwarna merah dengan kalimat/script yang sobat inginkan.
- yang berwarna biru merupakan tinggi scroll box, silahkan dirubah sesuai selera sobat
- yang berwarna hijau merupakan lebar scroll box, silahkan dirubah sesuai selera sobat
Sekian Tutorial Blog tentang "Cara Membuat Scroll Box dengan Tombol 'Select All' pada Text Area di Postingan Blog" . semoga tutorial ini bermanfaat bagi sobat..
jika sobat ingin mengcopas artikel ini, jangan lupa sertakan link sumber. Jadilah Blogger yang Baik dan Bertanggungjawab.
Terimakasih,
