Text Area dengan Tombol Highlight

kampanye damai pemilu indonesia 2009Kita sudah pernah membahas tentang pengertian, fungsi dan cara membuat text area disini.

Dengan penggunaan Text Area seperti itu, mempunyai kelemahan, yaitu pengunjung yang ingin mendapatkan kode didalam text area harus men-dark atau memblok secara manual.

Tidak masalah sebenarnya, tetapi akan sedikit menyulitkan jika text area kita sempit/kecil.

Nah, sekarang Ayas mau kasi trik bagaimana membuat text area dengan tombol highlight di atas nya, sehingga jika orang ingin memblok kode, tinggal klik tombol tersebut, sudah terblok kode2 tersebut, sehingga tinggal copy aja.

Gimana cara membuat text area dengan tombol highlight, yuk kita coba bareng.


Pertama, tentu Sodara dah punya kode untuk gambar Sodara. Contoh gambar ini :

blog trik, tips, trick tips blog

Mempunyai kode :

<img src="http://i39.tinypic.com/2a8qioz.jpg" />

Untuk membuat text area dengan tombol Highlight, gunakan kode seperti ini :


<center><a href="http://blog-howtotricks.blogspot.com/" target="_blank"><img src="http://i39.tinypic.com/2a8qioz.jpg" /></a>
<div><form name="copy"><div align="center"><input value="Highlight" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button">
<textarea rows="1" cols="22" name="txt" ><a href="http://blog-howtotricks.blogspot.com/" target="_blank"><img src="http://i39.tinypic.com/2a8qioz.jpg" /></a></textarea></div></form></div></center>


Maka akan menghasilkan :





Silahkan ganti text berwarna merah dengan url blog Sodara, dan yang berwarna biru dengan url gambar Sodara.

Selamat mencoba..

3 comments:

  1. hehehe seperti biasa di save dulu....... seppppppp deh inponya

    ReplyDelete
  2. thanks ya buat dukungannya..semoga 3 hari bisa nyalip....serp nya di google.co.id

    ReplyDelete

Klo ada pertanyaan, masukan ato tips yang lebih mudah, koment aja y..Insya Allah Ayas bales.. Thanks all..moga2 bermanfaat

 
Copyright © 2013. About - Sitemap - Contact - Privacy
Template Seo Elite oleh Bamz