Cara Membuat Text Area Pada Blog

Cara Membuat Text Area Pada Blog -  Hallo kembali lagi dengan saya Hounes. Dari tutorial yang sudah saya berikan, kini saya yang akan memberikan cara untuk bisa membuat text area yang ada seperti dari blog-blog yang biasanya anda kunjungi sebelumnya. Pasti dari sana banyak sekali yang tanda tanya gimana cara untuk bisa membuat text area.

Untuk itu saya yang akan menjelaskan apa itu text area, text area yang merupakan dari sebuah kotak yang biasanya diisi dengan dari kode-kode HTML dan biasanya juga ada pada blog yang berisikan dari tutorial juga, nah itulah yang kita namakan "Text Area".

Berikut ini saya akan langsung saja pada topiknya. silahkan copy kode yang ada dibawah ini :

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>

Contohnya :



Keterangan :

Row = "6" menunjukkan dari tinggi pada kolom text area, jadi untuk itu bisa anda atur sesuai dengan yang anda inginkan. 
Cols = "20" menunjukkan dari lebar pada text area anda, jadi bisa untuk anda sesuaikan dengan dari yang anda inginkan.


Text Area dengan memakai Highlight

Pada saat anda ingin memasang dari Text Area juga ada dari beberapa macam variasi yang bisa untuk anda terapkan pada blog. Pada variasi highligt ini juga akan mempermudah anda untuk meng-copy dari semua text yang ada pada kolom dengan hanya mengklik pada tombol highlight saja. Untuk dari itu bisa untuk anda ikuti dari tutorial yang ada dibawah ini.

<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: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form> 

Contohnya : 



Untuk anda agar lebih bisa untuk memahami dari kode yang ada diatas ini juga bisa saya uraikan yaitu memliki dari 2 elemen bagian yang dimana juga ada pada tombol "Highligt", dan yang kedua itu adalah dari elemen kode yang untuk membuat text area.

Elemen tombol "Highlight"
  1. <div align="center"> → Kata dari center ini yang berfungsi untuk menunjukkan dari posisi yang akan berada ditengah. Jadi jika anda ingin untuk membuatnya disebelah kiri anda bisa untuk mengganti dengan  left. Dan jika anda ingin untuk berada pada posisi sebelah kanan anda bisa untuk mengganti menjadi right.
  2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> → Kode ini yang berfugnsi untuk menjadi tombol highlight yang ketika diklik akan semua kata yang berada dalam kolom akan di block atau di select. Jadi jangan diganti kode yang ada diatas ini.
  3. Value="Highlight" → Kata Highlight adalah kata yang ada pada tombol tersebut. Ini juga bisa untuk anda ganti dengan kata lain sesuai dengan apa yang anda inginkan.

Element text area :
  1. <p align="center"> → Kata dari center ini yang berfungsi untuk menunjukkan dari posisi yang akan berada ditengah. Jadi jika anda ingin untuk membuatnya disebelah kiri anda bisa untuk mengganti dengan  left. Dan jika anda ingin untuk berada pada posisi sebelah kanan anda bisa untuk mengganti menjadi right.
  2. <text style="WIDTH: 300px"> → Kata dari "WIDTH: 300px" ini menunjukkan dari lebar pada text area tersebut sebesar 300 pixelm jadi jika anda ingin untuk memperbesarnya bisa untuk anda mengganti angka yang ada pada WIDTH sesuai dengan keinginan.
  3. HEIGHT: 144px → Angka dari "144px"menunjukkan bahwa dari text area yang mempunyai dari tinggi pada kolom, anda juga bisa untuk menentukkan sesuai dengan dari keinginan anda.

Inilah dari beberapa elemen yang ada pada cara untuk memasang text area yang ada pada blog anda. Kode dari HTML ini bisa untuk anda terapkan langsung pada blog anda. 


-------------------------------------------------------------------------------------------------------------------------

Ditulis oleh : Christian Hounes

-------------------------------------------------------------------------------------------------------------------------


Posting Komentar

 
Top