Cara Membuat Text Area

Tampilan ScreenShoot Text Area.

Berikut ini Adalah Tutorial Blogger Cara Membuat Text Area Memakai Tombol Select All. Tutorial ini digunakan untuk pemula maupun yang Profesional. Dengan Menggunakan Fasilitas Tombol Select All yang artinya Pilih Semua, Teks Area ini berfungsi untuk memudahkan Pengunjung kita Jika kita memposting artikel tentang kode CSS,kode HTML, dan lain sebagainya, kita bisa memakai Kotak Teks Area ini. Pada saat kita meng-klik tombol Pilih Semua, maka semua kode atau teks yang ada di dalam Text Box Area akan terpilih semua dan kamu tinggal menekan tombol Copy atau CTRL + C  dari keyboard . Cara ini akan Lebih memudahkan tamu blog kita untuk meng-Copy kode atau teks. Dan satu lagi sob, Teks Area ini biasanya digunakan untuk Tukeran Link yang biasanya di pasang pada sidebar blog kawan-kawan lainnya.

Berikut ini adalah Contoh Tampilan Teks Area  yang berisi kode atau teks di dalam kotak teks area.

simpan tulisan Sobat di sini, maka tulisan yang Sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung kita sob! :)

Nah jika sudah melihat contohnya, berikut ini adalah Kode Script Text Area. Silahkan sobat pasang dimana saja. Misalnya di postingan, sidebar, dan sesuai dengan keinginan sobat.

<div> 
    <form name="copy"> 
    <div align="center"> 
    <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="PILIH SEMUA">  
    </div> 
     
    <div align="center"> 
    </div> 
    <p align="center"> 
    <textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100"  
    wrap="VIRTUAL" cols="55">simpan disini sob tulisan kamu di sini, maka tulisan yang kamu tulis akan muncul di sini dan siap di copy oleh para pengunjung 
    </textarea> 
    </p> 
    </div> 
    </form>

 

<div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika sobat ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.

<input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol PILIH SEMUA di klik, maka seluruh text yang ada di dalamnya akan di pilih (di tsobati atau di blok), jadi sobat jangan merubah tulisan ini.

Value="PILIH SEMUA" --> kata PILIH SEMUA adalah kata yang akan muncul di dalam tombol, jadi jika sobat ingin merubah tulisan ini silahkan ganti dengan kata yang sobat inginkan.

Nah, cukup sampai disini dulu ya sobat, saya tidak bisa berpanjang lebar lagi, karena saya lagi sakit (mriang). Semoga artikel diatas beranpaat untuk sobat . happy blogging ;)