Cerita Miko: Posting dengan Text Area

Semakin banyak saja nih trick yang didapat setelah diantar berselancar sebagai blogwalking bersama mbah google yang selalu setia tanpa keluhan menemani kita kemanapun dengan tujuan apapun, salah satunya yang positip ane dapat ya ini ni artikel yang memperkaya kita akan pengetahuan mengenai tips dan trick perbloggeran, Pada posting kali ini saya coba dokumentasikan mengenai cara posting dengan text area. Text area di sini adalah sebuah kotak khusus yang terdapat pada sebuah posting, biasanya digunakan untuk meletakkan sebuah kode script html pada artikel atau bisa juga untuk meletakkan text maupun link apapun sebagi pemanis artikel dalam posting kita agar user dapat lebih mudah menemukan apa yang kita masukkan dalam text area tersebut.

Agar posting yang kita maksudkan dapat ditampilkan dalam sebuah text area maka kita memerlukan sebuah form text area berupa script yang kita letakkan dalam postingan kita. Untuk contoh-contoh script text area dapat anda simak lebih jauh pada tulisan di bawah ini.

Contoh text area biasa seperti ini :

dengan kode seperti ini :

<form name="contohtextarea"><textarea name="txt" rows="3" cols="30" readonly>Text Anda Disini</textarea></form>

**rows dan cols menentukan ukuran text area,disitu anda edit sesuai keinginan anda.

Tapi jika anda menginginkan sebuah form area kode yang berbeda,anda bisa coba contoh-contoh text area di bawah ini:

Menghias Text Area Contoh #1

Text area di atas:

Background berwarna kuning
Border berwarna biru (dot)
Warna Text Merah
Text bergaris bawah

Untuk kodenya copy kode di bawah ini :

<form><textarea rows="3" cols="30" background-color="green"

style="color: red; background-color: yellow; text-decoration: underline; border-style: dotted; border-color: blue">Text Anda Disini</textarea>

</form>

Menghias Text Area Contoh #2

Text area di atas:

Background berwarna Hijau
Border berwarna Kuning (solid)
Text Huruf Besar (Uppercase)
Warna Text Putih

Untuk kodenya copy kode di bawah ini :

<form><textarea rows="3" cols="30" style="color: white; background-color: green; text-transform: uppercase; border-style: solid; border-color: yellow">Text Anda Disini</textarea></form>

Menghias Text Area Contoh #3

Text area di atas:

Background berwarna Biru
Border berwarna Merah (solid)
Text Tanpa bergaris bawah
Warna Text Kuning

Untuk kodenya copy kode di bawah ini :

<form><textarea rows="3" cols="30" style="color: yellow; background-color: blue; border-style: solid; border-color: red" >Text Anda Disini</textarea></form>

Menghias Text Area Contoh #4

Text area di atas:

Background berwarna Hijau
Border berwarna gray/abu-abu(solid)
Warna text Putih dan berhuruf tebal
Kode terinstall/terblok otomatis

Untuk kodenya copy kode di bawah ini :

<form name="contohtextarea"><textarea name="txt" rows="3" cols="30" onmouseover="this.form.txt.select()" readonly ; style="color: white; background-color: green; font-weight: bold; border-color:gray">Text Anda Disini</textarea></form>

Setelah kita tahu beberapa contoh script yang di perlukan untuk menampilkan text area dalam posting blog seperti pada tulisan di atas maka untuk cara menampilkan text area dalam posting kita langkahnya adalah:

Letakkan cursor pada tempat dimana kita akan meletakkan text area yang kita inginkan.
Click menu Edit HTML yang terletak pada bagian kanan atas pada form posting blogspot seperti pada gambar berikut:

Setelah halaman posting kita pada posisi Edit HTML kemudian kita masukkan kode script text area pada lokasi yang kita inginkan untuk ditampilkan dalam posting artikel kita
Selesai