Membuat Kotak Script / Text Area Dengan Tombol Highlight

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. 

Berikut caranya :

• 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>

• 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 :

MASUKKAN ISI TEKS DISINI, AKAN MUNCUL SCROLL JIKA TEKS TERLALU PANJANG 

• Untuk merubah lebar dan tinggi kotak script / Text area, bisa di edit kodenya sesuai selera anda.

Keterangan :

Height: 100px : Tinggi Kotak Script / Text Area
Width: 200px  : Lebar Kotak Script / Text Area

loading...

Share on Facebook

Share on Twitter

Share on LinkedIn

Ingin mendapatkan artikel dari Serba Serbi Informasi tanpa membuka blog ini? Silahkan masukkan e-mail anda di kolom ini, artikel yang di post Serba Serbi Informasi akan otomatis terkirim ke e-mail anda: