Tuesday, April 16, 2013

Cara Membuat Kotak Script / Text Area dengan tombol Highlight

Cara Membuat Kotak Script / Text Area dengan tombol Highlight

Bagaimana membuat Kotak Script / Text Area dengan tombol Highlight di Postingan Blog? Kotak Script atau Text Area merupakan sebuah kolom tempat meletakkan kode HTML maupun tulisan untuk dihidangkan kepada pembaca blog. Kotak Script atau Text area berfungsi untuk merapikan artikel agar mudah dilihat dan dibaca pengunjung Blog.

Membuat Kotak Script atau Text Area sangat bagus jika menggunakan tombol Highlight. Fungsinya untuk menyorot semua isi Kotak Script / Text Area sehingga mempermudah pengunjung blog melakukan Copy Paste isi Kotak Script / Text Area tersebut yang terlalu panjang. Ok, langsung saja kita mempelajari bagaimana membuat Kotak Script / Text Area dengan tombol Highlight berikut prosedurnya dibawah ini :

1. Sebagai contoh buatlah sebuah artikel kemudian Copy Pastekan Kode dibawah  ini kedalam postingan artikel anda. 

<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: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">MASUKKAN ISI TEKS DISINI, AKAN MUNCUL SCROLL JIKA TEKS TERLALU PANJANG</textarea></p></div></form>

2. Untuk meletakkan kode HTML diatas, Pastekan di postingan anda dalam Mode HTML. Klik HTML lalu Pastekan.



3. Setelah di Pastekan Kode HTML tadi, silahkan masukkan isi teks yang anda inginkan. Kemudian ubah ke mode COMPOSE.

4. Maka hasilnya seperti contoh di bawah :


   

5. Untuk merubah lebar dan tinggi kotak script / Text area, bisa di edit kodenya sesuai selera anda.
  • Height: 100px : Tinggi Kotak Script / Text Area
  • Width: 200px  : Lebar Kotak Script / Text Area

Ok, Mudah bukan? Begitulah cara membuat Kotak Script / Text Area dengan tombol Highlight di postingan blog. Terima kasih telah sudi mampir di blog saya ini. Semoga informasinya membantu dan bermanfaat.



2 comments: