Cara Membuat Text Box Area Dengan Tombol Di Blog

Cara Membuat Text Box Area Dengan Tombol Di Blog

 

Text Box Area berfungsi untuk memperlihatkan kode HTML atau Text, biasanya text box digunakan para blogger untuk menyimpan Kode HTML Bannernya pada Blogroll, Dengan tujuan agar pengunjung yang akan bertukar link dengan mudah mengcopy kode HTMLnya, kali ini saya akan memberikan tutorial pembuatan Text Area Dengan Tombol, Text Area ini dilengkapi dengan tombol untuk mendrag semua bagian kode HTL dengan tujuan agar pengunjung tidak perlu repot-repot untuk mendarg lagi, Berikut ini cara membuatnya.

Silahkan Ikuti Langkah-langkah berikut :

1. Silahkan login akun Blog anda.

2. Siapkan Postingan, Laman atau Gadget yang mungkin akan sahabat gunakan untuk membuat Text Box 
3. Apabila sahabat sudah menentukan dan akan membuat Text Box silahkan Copy kode dibawah ini :

<!-- Text Box - http://wizyuloverz.blogspot.com - Start -->
<form name="select_all"><textarea rows="2" cols="22" name="text_area">
SIMPAN KODE HTML/TEXT DISINI
</textarea><br/> 
<input value="Select All" onclick="javascript:this.form.text_area.focus();this.form.text_area.select();" type="button" />
</form>

<!-- Text Box - http://wizyuloverz.blogspot.com - End -->

4. Apabila Sahabat mencopy kode di atas di dalam postingan jangan lupa tempatkan pada Edit HTML bukan Compose Kecuali pada Post Option dipilih tampilkan HTML yang diketik
5. Ganti tulisan berwarna Kuning dengan kode HTML/Text yang akan sahabat tempatkan didalam Text Box
6. Setelah Selesai, Silahkan Simpan/Save

 

Sumber : http://wizyuloverz.blogspot.com

 

Artikel Terkait

[archives limit=10]