Membuat Text Box Area sumber: Klik Tujuh

Home »TUTORIAL»Membuat Text Box Area

Membuat Text Box Area

Posted on 8:38 PM by Damar Yosa Aji

Text box area biasanya digunakan untuk memasang kode-kode HTML yang dimaksudkan supaya bisa dicopy oleh pengunjung.

Untuk membuat text box area anda hanya membuat kode dibawah ini lalu silahkan pasang di gadget yang anda
ingin kan

Seperti biasa cara pasangnya Login Blogger-->Layout-->Add Gadget-->HTML/Javascript-->Lalu isikan kode2nya-->Save

Kode Untuk text box area tanpa tombol Highligh sebagai berikut:

<br /> <div class="alert"></div><div align="center"><textarea cols="40" name="code" rows="3"> Isi  text anda atau kode2 HTML

Silahkan ganti angka "rows" yang merupakan tinggi kolom dan "cols" yang merupakan lebar kolom sesuai keinginan anda

Hasilnya seperti ini

Kode text box area menggunakan tombol highligh sebagai berikut

<br /> <div class="alert"></div><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><div align="center"><textarea cols="55" name="txt" rows="100" style="height: 80px; width: 400px;" wrap="VIRTUAL">simpan tulisan anda di sini, maka tulisan yang anda tulis  akan muncul di sini dan siap di copy oleh para  pengunjung

Silahkan ganti angka WIDTH (lebar kolom) dan HEIGHT (tinggi kolom) sesuai keinginan anda

Hasilnya akan seperti ini

Klik Tujuh