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

Comments

Post a Comment

Popular posts from this blog

5 Cara Mengubah Bahasa Keyboard ke Arab, Jepang, dll di Semua Keyboard Android

Image
Tumeskecil - Pada keyboard qwerty, huruf yang digunakan hanya terbatas pada huruf latin yang hanya bisa digunakan di beberapa bahasa seperti bahasa Indonesia dan Inggris. Namun, bagaimana dengan bahasa lainnya yang tidak menggunakan huruf latin? Seperti contohnya bahasa Arab. Tentunya kamu pasti mengakalinya dengan menulis bahasa tersebut dengan bahasa latin seperti اسلم عليكم menjadi Assalamualaikum. Begitupun dengan bahasa lainnya. Penulisan seperti itu sepertinya dirasa agak kurang keren. Sebenarnya, mudah mengganti keyboard qwerty menjadi berhuruf lainnya. Selain itu, ada juga kelompok orang yang memahami bahasa tertentu, seperti orang yang ahli dalam bahasa Jepang juga ingin chattingan menggunakan bahasa yang mereka kuasai. Nah, kali ini Tumeskecil akan membagikan cara mengubah papan ketikke bahasa arab, jepang dan sebagainya. Tutorial cara mengubah bahasa keyboard android berikut kami paparkan dengan berbagai jenis keyboard virtual smartphone yang populer. A. Gboa...
Read more

cara mudah mengganti domain blogspot (custom domain)

Image
HERI2911- cara mudah mengganti domain blogspot (custom domain) kali ini saya akan menjelaskan bagaimana cara mudah mengganti domain blogspot (custome domain) ke domain kita sendiri yang sudah kita beli dari layanan penyedia domain misal tadi nya blog kita domainnya heriyanto221193.blogspot.com akan kita rubah menjadi herinda.com. bagai mana caranya..? berikut ini akan menjelaskan cara mudah menggati domain blogspot (custome domain) , namun sebelum menggati domain pada blogspot kalian,alangkah baiknya membaca artikel sebelumnya yang pernah saya tulis mengenai resiko menggati domain pada  blog  >>>> BACA DISINI langsung saja langkah cara mudah mengganti domain blogspot (custom domain) . pertama:  beli domain di web penyedia layanan domain,baik  dari penyedia layanan dengan harga murah hingga harga termahal tinggal menyesuakan budget saja,ada banyak penyedia layanan yang bisa kita pilih seperti rumahweb , exabytes dan bahkan kita bisa beli langsung dari b...
Read more

Cara Mengatasi Penolakan AdSense "Situs Tidak Aktif" atau "Inventaris Berharga: Tidak Ada Konten"

Image
COPAD | Cara Mengatasi Penolakan AdSense "Situs Tidak Aktif" atau "Inventaris Berharga: Tidak Ada Konten" - Halo sobat COPAD, selamat datang kembali bagi pengunjung lama, eh.. Setia maksudnya, hehe.. :v Dan selamat datang juga bagi pengunjung baru di blog ini. Pada kesempatan kali ini, mimin akan membagikan solusi kepada sobat yang sering atau pernah ditolak AdSense. Apa alasan penolakannya, dan bagaimana cara mengatasinya? Yuk, langsung ke TKP. Check it out! Ada yang sering atau pernah mengalami email penolakan dari Google AdSense dengan alasan "Situs Tidak Aktif" atau "Inventaris Berharga: Tidak Ada Konten" setelah penggantian domain ke TLD? Padahal blog dapat diakses dan konten juga sudah banyak. Kode iklan AdSense juga sudah terpasang pada HTML blog. Maksud dari "Situs Tidak Aktif" itu sebenarnya bukan untuk menekankan kita untuk terus aktif ngeblog sepanjang masa pengajuan (review) AdSense, namun blog kita memang tidak dapat d...
Read more