Cara Membuat Kotak Script Atau TextArea Ditambah Tombol Highlight

Fungsi Text Area atau kotak script pastinya sangat dibutuhkan oleh para blogger. karena textarea ini dapat mempermudah kita untuk  mengatur/ meletakan sebuah code. atau ketika kalian membuat text yang  begitu panjang atau memang dikhususkan untuk disalin oleh pengunjung blog. Contohnya seperti ketika kalian ingin membuat sebuah link khusus tetapi tidak bercampur dengan text lainnya.. tentunya itu membutuhkan sebuah ruang nah maka dari itu inilah fungsi TextArea membuat sebuah kotak didalam blog untuk memisahkan link atau tulisan khusus. Text area juga bisa ditambahkan dengan highlight. Highlight berfuungsi untuk mempermudahkan pengunjung menyalin tulisan yang ada dilam kotak/textarea bisa dibilang ini seperti Tombol Select all seperti yang ada di klik kanan cursor.
Contoh

Cara Membuat TextArea di blog sebagai berikut:

• pertama tama pastikan anda sudah masuk ke blogger 
• Piliih entri baru atau kalian bisa edit entri yang sudah ada
• Pindah ke Menu HMTL yang terletak diatas

• Salin Script nya kemudian Copykan disana

---

Text Area Biasa

Cara 1

<textarea style="height: 100px; margin: 0px; width: 161px;">aaaa

Cara 2

ISI DENGAN TEXT YANG DIINGINKAN

Code Alternatif

1.<textarea style="height: 100px; margin: 0px; width: 161px;">aaaa</textarea>

• 
  

2.<p align="center">

    <textarea name="mytextarea" rows="5" cols="40"readonly="">ISI SENDIRI</textarea></p>

---

Text Area Highlight

<div> <form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div> <div align="center"> </div> <p align="center"> <textarea style="WIDTH: 95%; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">ISI DENGAN TEXT YANG DIINGINKAN
code

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 95%; HEIGHT: 300px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">ISI SENDIRI</textarea></p></div></form>

---

Text Area Auto Saat Di Tekan

ISI SENDIRI
Code

<div style="text-align: center;">
<textarea cols="25" onclick="this.focus(); this.select();" rows="3">ISI SENDIRI</textarea></div>

---

Text Area Auto Saat Kursor berada didalam kotak

ISI SENDIRI
Code

<div style="text-align: center;">

<textarea cols="25" onmouseover="this.focus(); this.select();" rows="3">ISI SENDIRI</textarea></div>

---

• Code Height Berfungsi Untuk mengatur tinggi Text Area
• Code Width Berfungsi Untuk mengatur lebar Text Area

Warna Biru     = Code

Warna Merah = Text yang bisa diganti

Semoga Bermanfaat

Tweet

Postingan terkait:

Ditulis Tonny — Sabtu, 19 Desember 2015 — Add Comment — Blogger