Cara Membuat Teks Area pada postingan blog dengan tombol "select all"

Text area merupakan salah satu hal penting untuk memperingkas sebuah posting dalam sebuah blog, apalagi text kode yang begitu panjang apabila tidak dimuat dalam text area maka akan memanjang kebawah, dan pastinya membuat susah pengunjung blog untuk mecopy text tersebut.

Kali ini saya coba sedikit memberikan tips untuk sobat blogger yang ingin membuat text area dengan tombol select all..

Nah bagi sobat yang berminat untuk membuat text area dengan tombol pilih semua / Select all seperti contoh dibawah ini,





Caranya: masuk akun Blogger ==> lalu klik new post / edit post ==> pilih html (bukan compose) ==> lalu silakan copy paste code dibawah ini:

<code><span ><div><form name="copy"><div align="center"><input value="Pilih Semua" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"> </div><div align="center"></div><p align="center"><textarea rows="40" cols="10" style="border: 8px inset rgb(104, 104, 204); padding: 0pt 1px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(255, 255, 255); line-height: 1.5em; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;" name="txt" wrap="VIRTUAL">

Masukan text / kode sobat di sini

</textarea></form></div></span></code>

Keterangan:

1. Text warna hijau: bisa sobat ganti dengan select all / block all / 

    tandai semua dan lain-lain sesuai selera sobat.

2. Text warna kuning: adalah ketinggian text area tersebut, 
    silakan sobat sesuaikan sendiri.

3. Text warna biru: adalah panjang kolom text area tersebut, 
    silakan sobat sesuaikan sendiri.

4. Text warna merah: merupakan tempat untuk kode yang 
    inggin sobat taruh di dalam text area tersebut.

selesai dan lihat hasilnya...

SELAMAT BERKREASI!!

Share it to your friends..!