Textarea untuk menampilkan Teks

Textarea untuk menampilkan Teks kedalam postingan
Login ke akun blog klik tataletak klik entri halaman baru HTML copy code berikut
pastekan kedalam halaman baru HTML dan klik simpan selesai

1-  Kode Textarea

<div style="border: 3px #00BFFF Double; padding: 30px;background:#444;color:#FFCC00;width:417px;
text-align: left;">
Your Texts
</div>

1- Contoh Textarea untuk menampilkan Teks

Your Texts

 2-  Kode Textarea

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background:#333;color:#FF0000; border-radius: 10px; border-bottom:4px solid #008000; padding: 10px;width: 461px;
height: 42px; text-align: left;">
Your Texts
</div>

2- Contoh Textarea untuk menampilkan Teks

Your Texts

3-  Kode Textarea

<p style="border-bottom:4px solid #40FF1F;padding: 15px; display: block; width:450px; height:40px; background:#2F4F4F;color:#FF0000; text-align: left;">
 Your Texts
</p>

3- Contoh Textarea untuk menampilkan Teks

Your Texts

4-  Kode Textarea

<div style="border: 3px  #8B008B solid; padding: 10px;background: #2F4F4F;color:#FF0000;border-bottom:4px solid  #D2691E;overflow: auto; height: 50px; width: 456px; text-align: left;">Your Texts
</div>

4- Contoh Textarea untuk menampilkan Teks

Your Texts

All Sources
Edited by. Myscript2010

---

Mari Belajar

Beberapa macam model textarea

TEXTAREA

ada beberapa macam model textarea untuk menampilkan script kedalam postingan yang dapat diterapkan ke halaman baru HTML. berikut contoh textarea

1- Textarea Hover dengan warna background

<style>.textarea {
padding:0;
margin:0;
background: #444;
width:483px;
height:100px;
color:#00BFFF;
font:12px arial;
border:0px dashed #fff;
}
.textarea:hover {
color:#fff;
border:2px solid #fff;
}</style>

 <textarea class="textarea" readonly="readonly">             
          your code here
</textarea>

1- Contoh Textarea Hover

your code here

2- Textarea Slect dengan warna background

<textarea class="input" cols="56" onclick="javascript:this.select();" readonly="true" rows="3" style="background:#bffaff;color:#FF0000;border-bottom:4px solid #40FF1F;border-right:4px solid #40FF1F;border-top:4px solid #FFE900;border-left:4px solid #FFE900;line-height:1.5em;padding:5px;">
your code here
</textarea>

2- Contoh Textarea Select

your code here

3- Textarea Auto Slect dengan warna background

<textarea onclick="input" cols="56"this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" readonly="readonly" rows="3" style="background:#4B0082;color:#fff;border-bottom:4px solid #40FF1F;border-right:4px solid #1E90FF;border-top:4px solid #1E90FF;border-left:4px solid #FFE900;line-height:1.5em;padding:5px;">
your code here
</textarea>

3- Contoh Textarea Auto Select

your code here

All Sources
Edited by. Myscript2010

---

Mari Belajar

Textarea untuk menampilkan script

Textarea untuk menampilkan script

Cara membuat textarea  agar semua script
dapat tampil dalam sebuah  postingan
langkahnya Sebagai berikut :

Login ke akun blogg klik edit HTML
cari kode ]]></b:skin> gunakan CTRL F untuk pencarian kemudian copy kode berikut, pastekan diatas kode ]]></b:skin> klik simpan

.kotak {
padding:10px;
margin-top:5px;
margin-bottom:10px;
border-left: 10px solid #0b5394;
border-top:1px solid #ddd;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
box-shadow:0px 3px 3px #aaaaaa;
background: url(https://#.png)
no-repeat center center;}

Jika sudah selesai klik tataletak dan klik entri halaman baru HTML, copy kode berikut, pastekan kedalam halaman baru HTML, lalu klik compose, hapus teks yang bertuliskan sample, ganti dengan script yang ingin di posting klik publis selesai

<div class="kotak">
Sample
</div>

Textarea scroll kesamping
<div class="kotak" style="overflow-x: scroll; overflow-y: hidden; padding: 10px; width: 580px;" >
Sample
 </div>

All Sources
Edited by. Myscript200

---

Mari Belajar