Blog Tutorial 4 U

Kalau pada postingan sebelumnya kita membahasa tentang cara menambahkan text area pada blog, nah pada postingan kali ini kita akan coba variasi lain yakni text area dengan menggunakan tombol highlight. Tombol highlight 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 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: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">contoh text area dengan highlight</textarea></p></div></form>

Lihatlah hasilnya sebagai berikut :


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



Kalau tulisan Highlight All diganti Tulisan lain boleh ? boleh aja coba lihat contohnya :


Silakan coba semoga bermanfaat