Adsense Link 728 X 15;

Cara Mudah Membuat Text Area

Posted by Tips Trick Blogger Tuesday, November 30, 2010 0 comments
Adsense Content. recommended 336 X 300
Pembuatan Text Area mungkin saja dianggap penting ebagian blogger. Namun terkadang juga kurang banyak digunakan bila blog tersebut tidak banyak mengupas tentang aplikasi blog, jadi masalah penting atau gak penting terserah sahabat masing-masing. Ok langsung aja ane terangkan cara membuat text area sederhana yang sebenarnya ane juga masih kutak-katik, dalam arti lain baru-baru belajar juga bro....heheheeee.....nih di bawah penjelasannya.

Pembuatan text area sederhana

Spoiler:
<textarea rows="5" cols="25" style="display: inline;" name="txt">ganti tulisan ini dengan tulisan yang anda inginkan. isinya bisa berupa code script ataupun teks biasa seperti ini</textarea>
Hasilnya seperti ini:



Letak center (di tengah), tinggal tambahkan kode <center> dan di akhiri dengan </center>
kodenya menjadi seperti ini.

Spoiler:
<center><textarea cols="25" name="txt" rows="5" style="display: inline;">ganti tulisan ini dengan tulisan yang anda inginkan. isinya bisa berupa code script ataupun teks biasa seperti ini</textarea></center>
Hasilnya seperti ini.






Keterangan :
  • rows = tinggi
  • cols = lebar

Pembuatan Text Area dengan Button atau Higtlights

Spoiler:
<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 seperti ini.




Pembuatan teksarea dengan onclick hightligt

    Spoiler:
    <textarea rows="5" cols="25" style="display: inline;" name="txt" onclick="this.focus();this.select()">ganti tulisan ini dengan tulisan yang anda inginkan. isinya bisa berupa code script ataupun teks biasa seperti ini</textarea>
    Hasilnya seperti ini...,klik aja bagian teks areanya




    catatan
    kalau mau letaknya di tengah tinggal menambahkan kode <center> pada bagian awal kodenya dan di tutup dengan </center>

    pembuatan textarea sensitif hightlight

      Spoiler:
      <textarea rows="5" cols="25" onfocus="this.select()" style="display: inline;" onmouseover="this.focus()" name="txt" onclick="this.focus();this.select()">ganti tulisan ini dengan tulisan yang anda inginkan. isinya bisa berupa code script ataupun teks biasa seperti ini</textarea>
      Hasilnya akan nampak seperti di bawah 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 silahkan ganti rows dan colsnya. 

      Tambahan
      • Untuk menyimpan kode HTML/Javascript dalam Text Area/Textbox Area, terlebih dahulu harus di PARSE. Untuk mengetahui cara melakukan Parse kode HTML/Javascript silahkan gambar di bawah ini.




      • untuk mengganti warna anda cari kode background:#06CDEB;  atau yang ini background:#836E2C; ganti kode yang berwarna merah. Untuk mengganti kode warna klik gambar di bawah ini.


      keep spirits and do the best
      Adsense Content. bottom of article
      Categories:

      If You Like This Post, Share it With Your Friends & Peers

      Digg
      stumbleupon
      Delicious
      facebook
      twitter
      reddit
      rss feed bookmark

      Related Posts by Categories



      0 comments:

      Post a Comment

      Copyright © Trick Untuk Blogger. All rights reserved.

      Tricks-Collections Themes created by Tricks-Collections.Com