Cari Artikel Blog Ini

Total Tayangan Laman

MEMBUAT TEXT AREA

Sebagai pemahaman awal, alihkan perhatian anda pada sidebar kiri paling atas. Disitu tercantum LINK EPG STUDIO dan dibawahnya ada banner serta teks dala kode HTML.
Tempat yang digunakan untuk menyimpan kode HTML tersebut dikenal dengan nama Text Area. Salah satu kegunaannya adalah untuk menyimpan teks berupa kode HTML untuk tukaran Link sesama Blogger atau bisa berupa teks biasa, misalnya sebuah pesan atau apa saja.
Ingin mencoba...ikuti langka-langkahnya.
Siapkanlah kode seperti ini :


<p align="center"><textarea name="code" rows="10" cols="20"> teks anda yang ingin ditampilkan </textarea></p>


Kode rows="10" merupakan kode tinggi text area dan kode cols="20" kode dari lebar text area. Angka pada kode-kode tersebut dapat anda ganti sesuai keperluan.


Kode diatas akan kelihatan seperti ini :





Contoh text area yang diisi dengan kode HTML :


<p align="center"><textarea name="code" rows="10" cols="20"> <script src="epg-studio.blogspot.com"></script> <img src="http://1.bp.blogspot.com/_1j80TgNqd_8/SaESR56aNhI/AAAAAAAAAnY/3YSBhu-aHLU/S220/LOGO+EPG+1.jpg" width="180" height="50" border="0" />
</textarea></p>



Kode tersebut akan kelihatan seperti ini :





Sekarang siahkan anda coba...!!

Text Area dengan tombol Highlight


Tambahkan kode dibawah ini pada text area :


<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">TEXT AREA DISINI</textarea></p></div></form>



Jika kode tadi ditambahkan text area diatas, kodenya akan seperti 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: 180px; height: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55"><script src="epg-studio.blogspot.com"></script> <img src="http://1.bp.blogspot.com/_1j80TgNqd_8/SaESR56aNhI/AAAAAAAAAnY/3YSBhu-aHLU/S220/LOGO+EPG+1.jpg" width="180" height="50" border="0" /></textarea></p></div></form>



Kode-kode diatas akan kelihatan seperti ini :





Keterangan untuk tombol highlight All :

  1. <div align="center"> : menunjukan bahwa posisi tombol berada di tengah. Anda dapat mengubah dengan kata left atau right.
  2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> : maksudnya ketika tombol highlight di klik, maka seluruh text akan terblok, Kode ini jangan diubah.
  3. Value="Highlight All" : kata Highlight All merupakan kata yang akan muncul di dalam tombol. Dapat anda ubah dengan kata yang anda inginkan.
Keterangan text area :
  1. <p align="center"&gt; : menunjukan text area berada di tengah. Dapat anda ganti dengan left atau right
  2. <text style="width: 180px"&gt; :menunjukan lebar dari text area. Anda dapat mengubah angkanya sesuai keperluan.
  3. height: 100px : menunjukan text area mempunyai tinggi 144 px. Dapat anda ganti sesuai keperluan
Selamat Mencoba semoga bermanfaat

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
2 Comments

2 komentar :

gusti&hana mengatakan...

istimewa tips-nya nih bang..., thx ya bang... :D

tridenda mengatakan...

Sangat bermanfaat ini...
Saya coba yaa..

Posting Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!