Cara Membuat Text Area II

Text Area II - Ini merupakan lanjutan dari postingan saya yang lalu, Fitur nya sama semua cuman beda tampilan. Text area yang ini dilengkapi dengan tombol Highlight di atas text area, yang berfungsi untuk blok semua isi yang berada di dalamnya. Langsung saja kita bahas, berikut caranya.

Cara Pembuatan Text Area Dengan Highlight

1. Seperti biasa Masuk Blogger

2. Pilih Rancangan/Design

3. Pilih Elemen Laman/Add Page Elemen

4. Pilih Tambah Gadget/Add Gadget Pilih HTML/JavaScript

5. Copy script dibawah ini dan letakan didalamnya

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

6. Save

Keterangan :
Warna Kuning : Menunjukan posisi yakni posisi tombol akan berada ditengah
Warna Pink : Menunjukan bahwa ketika tombol Highlight di klik maka seluruh isi yang berada di dalamnya akan ter highlight/ter blok semua.
Warna Merah : Menunjukan Kata/text yang berada di tombol highlight.

Selamat mencoba jika ada yang kurang jelas silahkan anda tanyakan, Semoga Sukses..
Terima Kasih