The Most Popular Traffic Exchange  Free powerful counter for your website. From creators of EasyHits4U

Monday, October 8, 2012

3 Cara Mudah Membuat Text Area






Pada kali ini saya akan menjelaskan bagaimana cara membuat text area pada blog anda, langsung saja ikuti cara - caranya ..


Text Area yang akan saya jelaskan ada 3 macam , ada yang sederhana, ada yang memakai tombol "copy all" dan juga ada yang memakai scroll bar :

1. Text Area Sederhana 

Caranya copy code berikut ini dan paste pada postingan anda pada tab edit html atau pada tempat yg anda inginkan: 

 <textarea rows="6" cols="35">diisi dengan kalimat, kata, kode yang diinginkan</textarea>


Catatan : Ubah tulisan berwarna biru dengan tulisan yang anda inginkan.


 2. Text Area dengan Tombol "Copy All"

Caranya copy code berikut ini dan paste pada postingan anda pada tab edit html atau pada tempat yg anda inginkan: 

<div> 
<form name="copy"> 
<div align="center"> 
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Copy All" /> </div> 
<div align="center"> 
</div> 
<div align="center"> 
<textarea cols="15" name="txt" rows="50" style="height: 100px; width: 350px;" wrap="VIRTUAL">Berikut ini adalah cara membuat teks area dengan copy / select all atau cara klik copy all</textarea></div> 
</form> 
</div>

Catatan : Ubah tulisan berwarna biru dengan tulisan yang anda inginkan.

3. Text Area dengan Scroll Bar

Caranya copy code berikut ini dan paste pada postingan anda pada tab edit html atau pada tempat yg anda inginkan: 

<div style="overflow:auto; width:80%px; height:50px; padding:10px; border:2px solid #f4f4f4background-color:#f2f2f2"> 
Cara membuat text area dengan fungsi scroll / tombol gulir
</div>

Catatan : Ubah tulisan berwarna biru dengan tulisan yang anda inginkan.

Selesai deh, selamat mencoba… mudah – mudahan berhasil J




Anda sedang membaca Artikel tentang 3 Cara Mudah Membuat Text Area, jika Anda menyukai Artikel di blog ini, silahkan masukkan email Anda dibawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel baru.

0 comments:

Tip n Trik Copyright © 2011 -- Template created by O Pregador -- Powered by Blogger

Related Posts Plugin for WordPress, Blogger...