Cara Membuat Text Area Dalam Postingan Blog

Thursday, 30 July 2015

Cara Membuat Text Area Dalam Postingan Blog

Text area merupakan sebuah kolom untuk media tulisan atau kode html yang ingin kita tampilkan di dalam blog/website kita kepada para pengunjung blog baik sebagai widget maupun sisipan dalam postingan tulisan.
Agar kode yang kita buat untuk widget atau sebagai sisipan dalam tulisan bisa menampilkan text area sesuai dengan yang kita inginkan, maka kita harus memilih mode HTML pada saat akan melakukan paste kode. 

Cara membuat text area biasa »»»
Copy kode dibawah ini :

<div>
<form name="codeJSdlieur">
<div align="center">
<textarea cols="70" name="txt" rows="15" style="background: rgb(202, 253, 199);" wrap="VIRTUAL">** Rubah dengan kalimat/kode HTML yang ingin anda tampilkan**</textarea></div>
</form>
</div>

Kemudian Paste ke dalam widget atau sisipkan diantara tulisan.


Cara membuat  text area dengan fungsi Highlight »»»

Text area dapat dibuat dengan fungsi highlight [menyorot/memilih semua text] yang berada di dalam text area. Fungsi highlight/pilih semua ini bertujuan untuk memudahkan pengunjung jika ingin melakukan copy text/kode yang berada dalam text area tersebut.
Yang anda harus lakukan adalah mengcopy kode dibawah ini :

<div>
<form name="codeJSdlieur">
<div align="right">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Pilih Semua" /></div>
<div align="justify">
<textarea
cols="70" name="txt" rows="15" style="background: rgb(202, 253, 199);" wrap="VIRTUAL">** Rubah dengan kalimat/kode HTML yang ingin anda tampilkan**</textarea></div>
</form>
</div>


Kemudian Paste ke dalam widget atau sisipkan diantara tulisan.
Setelah melakukan tindakan copy dan paste salah satu kode text area diatas, langkah selanjutnya adalah klik Preview [Pratinjau] dahulu untuk memastikan apakah tampilan text area sudah sesuai dengan yang anda inginkan atau belum dan setelah yakin klik publish [publikasikan].

Contoh tulisan yang menyisipkan text area dengan fungsi Highlight bisa anda lihat disini : Highlight

*) Keterangan :
  1. cols : Tampilan lebar kolom sejumlah karekter yang ingin ditampilkan. Contoh : cols="70"; ini berarti text area akan selebar 70 karakter tergantung pada font sehingga lebar text area tidak akan persis sama dengan 70 karakter.
  2. rows : Tampilan tinggi baris yang akan ditampilkan.
  3. Silahkan rubah tulisan yang berwarna merah sesuai dengan yang anda ingin sampaikan.

Posted by : Juragandlieur
This post Updated at :Thursday, July 30, 2015