Label

Welcome to "Punya Seorang" Blog ! Blog ini dibuat tanggal 8 Mei 2012, follow @JualJersey99 !!

Kamis, 10 Mei 2012

Cara Membuat Text Area Pada Blog

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



Related Post:

Tidak ada komentar:

Posting Komentar