Jumat, 06 Januari 2012

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  

Simpel dan mudah bukan cara menampilkan text area dalam artikel posting kita, untuk jenis-jenis yang lain anda bisa modif sendiri, selamat mencoba ya

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...