Cara Membuat Text Area dengan Fasilitas Select All di Blogger

Putra Kefa
Putra Kefa

Apa itu Text Area? Text area adalah sebuah perintah
 HTML yang berfungsi untuk membuat kotak Kotak ini biasa digunakan untuk menyimpan kode, teks atau link untuk dicopy oleh pengunjung. Bagi Anda yang ingin mencobanya caranya sangat mudah. Anda cukup copy kode-kode yang ad di bawah ini ,lalu letakkan ke blog Anda.

<div style="text-align: center;"><textarea style="width: 300px; height: 50px; padding:3px">Anda tulis kode/teks disini!!!</textarea></div>


Keterangan:
Teks yang dicetak merah tebal merupakan teks yang akan muncul pada kotak. Anda ganti dengan teks atau kode yang ingin Anda tampilkan.Untuk mengatur posisinya ,Anda ganti center (posisi kotak di tengah) dengan posisi yang ingin Anda ganti .Jika ingin meletakan di sebelah kiri ganti dengan left dan sebaliknya unutk diselah kanan ganti dengan right .
Sedangkan width merupakan lebar kotak dan height merupakan tinggi kotak. Silahkan diganti sesuai kebutuhan.


Membuat kotak teks/text area dengan fasilitas Select All
Pada langkah berikutini  kita akan membahas tentang cara membuat kotak/teks area dengan fasilitas select All.
Tombol select all merupakan sebuah tombol yang digunakan untuk menghighlight seluruh teks yang berada didalam text area sehingga kita atau pengunjung bisa lebih mudah untuk mengcopy seluruh teks atau kode yang berada dalam text area.

Untuk langkah-langkahnya , ikuti petunjuk di bawah ini    :
Copy kode di bawah ini , dan tempatkan di blog Anda .
<form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt">anaktimor-17.blogspot.com</textarea></p></form>


Jika anda ingin membuat text area dengan tombol Select All berada tepat  dibawah seperti 
<form name="copy"><div style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt">Anda tulis kode/teks yang ingin di tampilakan disini!!!</textarea></div><p align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></p></form>

Maka  Anda gunakan kode dibawah ini      :

Keterangan:

- Teks yang dicetak tebal merupakan nama tombol. Anda bisa menggantinya dengan nama lain.
- Teks berwarna merah adalah teks muncul didalam kotak. Silahkan diganti dengan teks atau kode anda.

Selamat mencoba!!!


tips dan trik blogger blogspot Widget
1 comment
  1. Putra Kefa
    Selamat mencoba!! semoga membantu....
    Reply