Cara Membuat Text Area pada Blogger

Fungsi fitur ini adalah:
  • sebagai tempat menyimpan data dalam bentuk text maupun kode HTML/Javascript, baik di dalam postingan maupun di sidebar blog.
  • menghemat halaman posting agar tidak terlalu panjang

Ingin mencobanya? silahkan ikuti langkah-langkah berikut ini:

Untuk Text Area:
Contoh:


Masukan kode di bawah ini ke dalam postingan atau sidebar blog Anda.


<form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"></div><p style="text-align: center;"><textarea style="padding: 3px; width: 200px; height: 50px;" name="txt"> Text/kode yang ingin anda tulis</textarea></p></form>


Untuk Textbox Area:
Contoh:

KLIK "SELECT ALL" UNTUK MENANDAI SELURUH TEXT

Masukan kode di bawah ini ke dalam postingan atau sidebar blog Anda.


<style type="text/css"> .codebox{ border: 2px solid #000000; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; background:#E0ECF8; padding:5px } .codebox2 { background:#E0ECF8; padding:10px } </style> <div class="codebox"><div style="text-align: center;"> </div><div style="text-align: center;" class="codebox2"> <span style="font-weight: bold;">KLIK "SELECT ALL" UNTUK MENANDAI SELURUH TEXT </span></div> <form style="font-family: monospace; font-size: 8pt;" name="copy"><center><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"></center> <!-- Masukan Kode di dalam text Area--> <textarea dir="ltr" cols="100" name="txt" rows="15" style="width: 100%;"> Text/kode yang ingin Anda tulis </textarea>
</form> </div>


Keterangan:


<textarea dir="ltr" cols="100" name="txt" rows="15" style="width: 100%;">

1. Width/Cols adalah lebar Text Area/Textbox Area;
2. Height/Rows adalah tinggi Text Area/Textbox Area;
3. Untuk tulisan yang berwarna hijau: Tempat untuk menulis text atau kode HTML/Javascript

5 komentar: