Cara Bikin Atawa Membuat Simple Hightlight Text

Cara membuat highlight text yang satu ini amat sangat simple dan mudah serta praktis digunakan. Script yang dipakai langsung diterapkan pada posting yang kita lakukan. Input Button kita pergunakan sehingga bentuk KODE yang digunakan semakin irit. Silahkan untuk melihat DEMO-nya yang sekaligus berisi tutorial.


KODE CSS : letakkan dan simpan di atas KODE ]]></b:skin>

<style type="text/css">
.pypaste{
    width:500px;
    border:2px solid #666;
    margin:0 0 15px;
    padding:3px;
    background:#FFFFCC;
    font-family:Comic Sans MS;
    font-size:13px;
    color:#660000;
    -moz-border-radius-bottomright:12px;
    -moz-border-radius-bottomleft:12px;
    }
</style>



Gunakan KODE berikut di ruang posting :

<form name="select_all">
<input type="button" value="Highlight Text" onclick="javascript:this.form.paijo_area.focus();this.form.paijo_area.select();"><br />
<textarea name="paijo_area" rows="5" class="pypaste">

Tuliskan teks di sini !

</textarea>
</form>

Catatan :

1. Jika diperlukan rubah lebar texarea dengan merubah width:500px; (bisa juga dengan width:auto;)

2. Untuk merubah tinggi texarea ganti nilai pada KODE ---> row="..."

3. Nama paijo pada paijo_area dapat diganti dengan sembarang nama !

4. Untuk merubah ukuran font ganti KODE : font-size:12px; dengan ukuran yang dikehendaki .

5. "Highlight Text" pada : value="Highlight Text" dapat diganti dengan text lain seperti "Select All"