Cara Menambahkan Text Area pada blog dengan memakai HighLight All

Kalau pada postingan sebelumnya kita membahasa tentang cara menambahkan textarea pada blog, nah pada postingan kali ini saya akan coba variasi lain yakni text area dengan menggunakan tombol highlight all. Tombol highlight all ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda perhatikandan copy kode HTML di bawah :

<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: 84px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Contoh text area dengan Highlight All. Belajar NgeBlog disini Bareng Mas Amien </textarea></p></div></form>

Hasilnya :

Nah....Kalau yang ditambahkan kode HTML bagaimana ?
Caranya sama tinggal anda ganti tulisan contoh text area dengan highlight dengan kode HTML contoh nya :



Naaaaahhh....Selamat Mencoba, Semoga berhasil
Cara Menambahkan Text Area pada blog dengan memakai HighLight All

0 comments:

Post a Comment