Selasa, 04 Februari 2014

Cara Menggunakan Textarea Didalam Post Pada Blog

Kali ini Sampul ilmu akan berbagi tentang Cara Menggunakan Textarea Didalam Post Pada Blog. Kadangkala kita merasa tidak nyaman dengan postingan kita disebabkan karena terlalu panjang atau kesulitan dalam memasukkan kode HTML.

Bentuk Penulisan Kode HTML
Contoh 1 
<textarea>  Sampul Ilmu  </textarea>
Contoh 2
<textarea cols="30" rows="5"> Sampul Ilmu </textarea>
Keterangan :
Cols="30" adalah ukuran lebar textarea (untuk nilai cols anda dapat diubah sesuai dengan keinginan anda)
rows="5" adalah ukuran tinggi textarea  (untuk nilai rows anda dapat diubah sesuai dengan keinginan anda)
Contoh 3
<form><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> <br> <textarea cols="30" rows="5" name="txt" >Sampul Ilmu</textarea></form>
Keterangan :
input onclick="javascript:this.form.txt.focus();this.form.txt.select();"
adalah pada saat clik tombol Select All maka text yang ada didalam textarea akan terblok secara otomatis
type="button"
adalah bentuk atau type berupa button atau command button
Value="Select All"
adalah nama dari button atau command button
<br>
Adalah untuk membuat baris baru
name="txt"
adalah nama textarea

Untuk Cara Penggunaannya Pada Post diblog adalah :
1. Login Ke Blogger Anda
2. Clik Post
3. Create New Post Untuk Membuat Postingan / Artikel Baru
4. Setelah itu clik HTML kemudian Masukkan Kode HTML Pada Contoh 1, Contoh 2 Dan Contoh 3 diatas kedalam halaman postingan anda.

Hasilnya :
Contoh 1

Contoh 2

Contoh 3

Semoga Bermanfaat

sumber

Tidak ada komentar:

Posting Komentar