Langsung ke konten utama

cara membuat teks area ( text area )

Untuk kesempatan kali ini saya akan memberikan contoh cara pembuatan text area ( teks area ) untuk blogspot anda. Tapi sebelum saya langsung memberikan contoh pembuatannya.. ada baiknya saya akan jelaskan terlebih dahulu kegunaan dari teks area ini. Jika anda adalah seorang bloger, maksudnya orang yang suka ngeblog dan sering melakukan blog walking ( keliling keliling dari satu blog ke blog lainnya ) sangat cocok sekali jika anda menyiapkan teks area di blog anda yang berisikan tag pembentuk link yang menuju blog anda... tau kan cara membuat link..? kalo belom tau silahkan klik disini dan anda pelajari sebentar.. Nah setelah anda bisa membuat link buat blog anda sendiri ada baiknya jika link blog anda yang barusan anda buat anda suguhkan kepada pengunjung blog anda dengan menggunakan teks area ini, pasti dech pengunjung blog anda yang ingin bertukeran link dengan anda pasti tidak terasa kerepotan karena sudah anda siapakan. Nah udah taukan apa manfaat teks area..?, contoh yang barusan saya gambarkan barusan adalah cuman sebagai contoh aja dan bisa anda kembangkan dan manfaatkan lebih lanjut lagi...

Sekarang waktunya kita untuk praktek, langsung aja lihat contoh yang pertama dibawah ini, karena dalam pembuatan teks area nantinya akan saya bagi menjadi beberapa tingkatan yang mempunya functional tersendiri.. ni dia contohnya..
  • Pembuatan teks area standar / default
<textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea>


Hasilnya akan nampak seperti dibawah ini


Keterangan :
rows = tinggi
cols = lebar
  • Pembuatan textarea dengan button / tombol higtlight
Untuk yang ini, adalah memudahkan pengunjung blog anda untuk memberi tanda hightlight

<center><form name="copy"><input value="Klik Tandai" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/><textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea></form></center>


Hasilnya akan nampak sperti dibawah ini.



  • Pembuatan teksarea dengan onclick hightligt
Untuk contoh yang ini hampir sama dengan textarea yang ada button hightlighnya, cuman bedanya yg tanpa menggunkan bantuan form.. nah untuk mencobanya silahkan anda klik pada halaman teksarea contoh hasil dibawah ini..

<textarea rows="5" cols="25" style="display: inline;" name="txt" onclick="this.focus();this.select()">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea>


Hasilnya akan nampak seperti dibawah ini..., anda klik aja di bagian teksareanya


  • pembuatan textarea sensitif hightlight
Untuk teks area yang ini fungsinya hampir sama dengan teks area yang barusan dicontohkan diatas ini, tapi lebih sensitif, maksudnya ketika mouse berada di wilayah teks area walaupun tanpa ngeklik tapi suda ter hightlight sendiri, ni dia contoh codenya..

<textarea rows="5" cols="25" onfocus="this.select()" style="display: inline;" onmouseover="this.focus()" name="txt" onclick="this.focus();this.select()">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea>


Hasilnya akan nampak dibawah ini, letakkan mouse anda di wilayah teks area dibawah ini agar menegetahui efek hightlight nya..



Oiya.. hampir lupa, kalo ingin merubah lebar dan tinggi tampilan textarea silahakn ganti angka angka pada kata " rows " dan " cols "

Nah contoh contoh diatas adalah sebagai contoh aja dan sebagai pembelajaran dan bisa anda kembangkan sendiri sesui dengan fungsional nya..
Moga aja membantu yah, n kalo masih bingung atau bahkan sudah berhasil membuat ini dan ingin koar koar disini juga silahkan.. monggo mas.. hehehe..
Sampai jumpai di tutorial tutorial yang menarik lainnya di http://master-blog-ayiek.blogspot.com ini

Komentar

Postingan populer dari blog ini

Cara Mengaktifkan USB Debugging (Penambatan USB) pada Semua Versi Android

Tumeskecil - Android adalah Sistem Operasi smartphone yang memiliki pengguna terbanyak di dunia saat ini. Hal ini dikarenakan banyak sekali fitur yang memudahkan penggunanya dalam mengakses smartphone, terutama sifatnya yang open source. Salah satu fitur android yang open source adalah adanya fitur Opsi Pengembang yang memungkinkan kamu dapat mengotak-atik android kamu. Saat kamu mengaktifkan Opsi Pengembang, kamu dapat menggunakan fitur canggih dan tersembunyi dari android itu sendiri, salah satunya adalah mengaktifkan USB Debugging. USB Debugging USB Debugging adalah opsi yang harus dilakukan ketika kamu mengoprak-aprik sistem android. Jadi, dapat dikatakan fungsi USB Debugging adalah menjembatani sistem android dengan PC. Banyak sekali kegiatan android yang harus melakukan USB Debugging, seperti : root android instal custom ROM mengembalikan data yang terhapus dan masih banyak lagi  Dan Semua kegiatan tersebut harus dilakukan USB Debugging agar kita dapat m...

Blogger Pemula, Catat! Inilah 3 Hal Yang Menyebabkan Blog Kamu Lambat Dimuat

COPAD |  Blogger Pemula, Catat! Inilah 3 Hal Yang Menyebabkan Blog Kamu Lambat Dimuat -  Halo sobat COPAD, pada artikel kali ini mimin akan membahas tentang apa saja yang menyebabkan blog kita lambat dimuat dan akhirnya akan merugikan kita sendiri. Kenapa merugikan kita sendiri? Karena akan menimbulkan perasaan tidak nyaman pada para pengunjung dan akhirnya memutuskan untuk tidak jadi mengakses blog kita. Terkecuali bagi para blogger sekalian yang sudah memiliki banyak pengunjung tetap dan blognya sudah populer, kalau sedikit lambat gak masalah yang penting dapat yang diinginkan karena pengunjung sudah tahu kalau blognya memang berisi artikel-artikel yang berkualitas. Lalu, bagaimana dengan kita yang masih blogger pemula? Tentu akan merugikan, apalagi kalau masih berupa blog yang terbilang baru dibuat, artikelnya masih sedikit, hasil copy paste, dan belum memiliki pengunjung tetap atau jumlah pengunjung yang masih terbilang sedikit. Selain pengunjung merasa tidak nyaman meng...

Cara mendapatkan Uang dari aplikasi Kwai Go

Hallo Brada, Diartikel ke lima puluh delapan ini, Saya akan memberikan Tutorial Cara bermain di aplikasi Kwai Go hingga mendapatkan Uang secara mudah. Kwai Go adalah aplikasi tentang Video Pendek yang bertujuan untuk menghibur. Selain itu, aplikasi ini juga memberikan Uang untuk anggotanya hanya dengan menyelesaikan beberapa misi. Cara mendapatkan Uang di Kwai Go Sebelumnya Anda harus menyiapkan Smartphone, Koneksi Internet, Nomor Handphone, dan Akun Google. Jika sudah menyiapkan alat dan bahan yang diperlukan diatas, silahkan melanjutkan membaca Tutorial ini. 1. Pertama, Anda harus membuat Akun Kwai Go, Silahkan klik disini untuk mendaftar. 2. Kedua, Pilih " Buka Sekarang! " Untuk melanjutkan. 3. Ketiga, Anda disuruh untuk mendaftar menggunakan Nomor Handphone. Yang harus Anda lakukan adalah: 1. Isi Nomor Handphone 2. Pilih " Kirim ". 3. Masukkan Kode Verifikasi yang telah diberikan oleh pihak Kwai Go. 4. Pilih " Daftar ". Sampai disini Anda sudah berha...