Senin, 23 Januari 2012

Cara Buat TeksBox Pada Blog


     Kawand membicarakan Tutorial Blog, kali ini saya akan posting Cara Buat TeksBox Pada Blog, yang insyaallah bermanfaat untuk kawand-kawand semua. Membuat TeksBox ini sangat berguna bagi pengunjung yang ingin mengambil/ meng-copy kode atau lain-lain pada Kotak TeksBoxs. Oke langsung saja Cekidot>

TeksBoks ini ada 3 macam:


1. Kita harus menge-Drag (bisa memanfaatkan Ctrl+A) jika ingin meng-Copy, kodenya sebagai  berikut:

<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;">MASUKKAN KOD ANDA DISINI</textarea>
Contoh hasil dari kode 1>>

Keterangan:

1. Teks yang berwarna Merah adalah teks yang akan anda tampilkan pada TeksBox

2. height: 100px; >Bisa disesuaikan sesuai keinginan/ kebutuhan kawand ^_^
3. width: 200px; > Bisa disesuaikan sesuai keinginan/ kebutuhan kawand ^_^
4. background: #8CEFFD; Bisa kita ubah warna background dengan kode tertentu. Untuk kode warnanya, Klik Disini

2. Kita tidak perlu menge-Drag tapi hanya cukup One Klik pada TeksBox, kodenya sebagai  berikut:

<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;" onclick="this.focus();this.select()" >MASUKKAN KOD ANDA DISINI</textarea>

Contoh hasil dari kode 2>>

1    3.Yang ini lebih mudah tampa harus meng-Klik, teks sudah otomatis ter-Drag, kodenya sebagai berikut:

<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;" onmouseover="this.focus()" onfocus="this.select()" >MASUKKAN KOD ANDA DISINI</textarea>

Contoh hasil dari kode 3>>
Mudah kan ^_^
^_^ Good Job kawand ^_^
^_^ Semoga Bermanfaat ^_^

>>>perbanyak comment ya kawand agar saya tetap semangat memposting ^_^