Menu


Menu Tab

Pages

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
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
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
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

Myscript2010

Home Page
 
 

Copyright@2015

Copyright © Cibeber Cimahi