Cara membuat teks area dengan berbagai model

-
Cara membuat teks area dengan berbagai model. Teks area yang dimaksud di sini adalah area text berdiri sendiri (terletak dalam kotak) yang berguna untuk meletakkan text yang sengaja kita buat untuk menghemat tempat ataupun memudahkan pengunjung untuk mengcopynya dengan mudah tanpa takut salah.

Cara membuat text area ini sengaja saya ambil dari sumber aslinya (Kucoba.com) yang ternyata saya praktekkan sukses. "Terimakasih Bang Salman atas petunjuknya". Tak ada salahnya kan jika saya berbagi dengan anda? he heee...

Ada 6 macam teks area yang bisa kita pakai menurut kebutuhan.

Untuk lebih jelasnya mari kita praktek langsung ke TKP yuuuk...

1. Teks area Standar/Biasa.
Tampilannya:

Ada 6 macam teks area yang bisa kita pakai menurut kebutuhan

Kodenya:

<textarea>Teks anda</textarea>

2. Text Area yang Bisa Diatur Ruang dan Kolomnya.

Tampilannya:

Ada 6 macam teks area yang bisa kita pakai menurut kebutuhan

Kodenya:

<textarea cols="20" rows="5">Teks anda</textarea>

3. Teks Area Password

Tampilannya:

Kodenya:

<input type="password" value="Rahasia" >

4. Text Area Garis Putus

Tampilannya:

Ada 6 macam teks area yang bisa kita pakai menurut kebutuhan

Kodenya:

<textarea cols="20" rows="5" style="border: 2px dashed ;">Teks anda</textarea>

5. Text Area klik Auto Blok

Tampilannya:

Ada 6 macam teks area yang bisa kita pakai menurut kebutuhan

Kodenya:

<textarea rows="5" cols="25" onclick="this.focus(); this.select();">Teks anda</textarea>

6. Text Area Tombol Blok (Select All)

Tampilannya:

Ada 6 macam teks area yang bisa kita pakai menurut kebutuhan

Kodenya:

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Teks anda</textarea></p></div></form>

Note.

- Center : letak area teks center (tengah), bisa anda ganti left (posisi di sebelah kiri) atau right (posisi di sebelah kanan)

- WIDTH: 300px : lebar area teks, silahkan modifikasi sesuai selera anda.

- HEIGHT: 144px : area teks, silahkan modifikasi sesuai selera anda.

Gampang bukan? Selamat mencoba

Komentar

Posting Komentar

Postingan populer dari blog ini

Arti dan perbedaan lambang Koperasi Indonesia

-
Gambar
Arti dan perbedaan lambang Koperasi Indonesia. Tentunya kita tak asing lagi dengan yang namanya Koperasi. Di Indonesia koperasi diresmikan berdiri pada tanggal 12 Juli 1947 setelah mengadakan Kongres yang pertama di Tasikmalaya, kemudian tanggal ini ditetapkan sebagai Hari Koperasi Indonesia. Bung Hatta diangkat sebagai Bapak Koperasi Indonesia. Beliau pernah berkata: bukan Koperasi namanya jika di dalamnya tidak ada pendidikan tentang Koperasi. Ingin tahu lebih jauh tentang siapa Moh. Hatta? Silahkan baca artikel Bung Hatta dan Bung Karno sang Dwitunggal Sekilas tentang Koperasi Sebelumnya, ide-ide tentang perkoperasian mula-mula dikenalkan oleh Patih di Purwokerto, Jawa Tengah, yang bernama R. Aria Wiraatmadja, yang pada tahun 1896 mendirikan sebuah Bank untuk Pegawai Negeri. Cita-cita semangat tersebut selanjutnya diteruskan oleh De Wolffvan Westerrode. Koperasi singkatan dari ko atau co dan operasi atau operation. Koperasi adalah sebuah kumpulan orang-orang untuk bekerja sama demi
Baca selengkapnya

Three yellow box

-
Gambar
Vector images, Three yellow box adalah sebuah gambar desain berformat vector yang bisa digunakan untuk sablon kaos manual maupun digital. Desain ini berbentuk tiga kotak hampir kubus berwarna kuning yang jika dilihat dari kejauhan tampak menonjol ke depan. Desain file cdr ini bisa anda garap dan modifikasi dengan Corel Draw X4 pada komputer anda. File coreldraw ini bisa anda rubah sendiri jika memang ada yang kurang memuaskan. Seperti tampak pada gambar di bawah, desain sablon kaos tersebut di sablon pada badan depan kaos dengan dasar berwarna merah, dan cat sablonnya menggunakan warna kuning saja. Coba perhatikan desain kotak tersebut tampak seperti 3d bukan? Jika mungkin anda berminat untuk menggunakan desain ini, silahkan ambil pada link yang telah disediakan. File cdr ini berukuran 853 KB saja, jadi jangan khawatir bagi yang menggunakan komputer pas-pasan akan terasa berat. Unduh dan langsung buka menggunakan coreldraw X4 maka siap dimodifikasi baik warna, ukuran maupun bentuknya d
Baca selengkapnya

Notasi Ayak-ayakan Pamungkas Pelog Barang

-
Gambar
Notasi Ayak-ayakan Pamungkas Pelog Barang adalah notasi gending Jawa yang disebut ayak-ayakan pamungkas dengan laras pelog barang. Notasi ini terdiri dari 13 baris yang ditandai lengkap letak kenong, kempul, dan gong. Seperti notasi ayak rangu, notasi ini juga kami terbitkan dalam dua format, yaitu PNG (31 KB) dan PDF (20 KB). Nah, bagi anda yang membutuhkan notasi ini dalam rangka belajar gending-gending Jawa, kami rasa ini sangat bermanfaat. Download Notasi Ayak-ayakan Pamungkas Notasi Ayak-ayakan Pamungkas format PNG sebagai berikut: Lebih jauh notasi gending Jawa, kami membuat blog baru khusus untuk gending Jawa lengkap dengan notasi dan syairnya, silahkan kunjungi: Not Gamelan Jawa Demikian Notasi Ayak-ayakan Pamungkas Pelog Barang, semoga bermanfaat bagi anda penggemar gending Jawa.
Baca selengkapnya