Kali ini saya akan membuat artikel mengenai Cara Membuat Text Box Area Dengan Tombol Di Blog
Silahkan liat juga postingan artikel saya sebelumnya yang berjudul:
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 :
<!-- Text Box - http://wizyuloverz.blogspot.com - End -->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>
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>
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
No comments:
Post a Comment