Cara Membuat Text Area Pada Blog

Saudara pasti tahukan apa itu Text Area. Text area adalah kotak aktif yang Multi Fungsi ,bisa untuk: menempatkan teks atau kode atau script, untuk memudahkan dalam kita melakukan copy-paste [copas] kode script pada blog. Misalnya untuk script tutorial,postkan kembali (backlink),link exchange script,quotes (pernyataan) dan lain sebagainya. kali ini Saya akan menshare bagaimana cara membuat text area dengan berbagai macam dan bentuk yang unik dan menarik tentunya,jika sobat tertarik,sobat bisa mengcopasnya dan berkreasi dengan warna dan bentuk sobat sendiri.
Berikut beberapa contoh kreasi dari Text Area Unik :

Contoh 1

<center><textarea name="code" rows="2" cols="50" style="background: #EFF5FB; color: #000; border: 1px solid #ccc; border-left: 20px solid #0174DF; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center&gt

Contoh 2

<center><textarea name="code" rows="2" cols="40" style="background:#E0ECF8; color:#FF0000; border-bottom: 4px solid #FE2E2E; border-right: 4px solid #01DF01; border-top: 4px solid #01DF01; border-left: 4px solid #FE2E2E; line-height:1.5em; padding:5px; -moz-border-radius:10px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center&gt 

Contoh 3

<center><textarea name="code" rows="2" cols="42" style="background:#A9F5A9; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center> 

Contoh 4

<center><textarea name="code" rows="2" cols="42" style="background:#AC58FA; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"><br></span></font></p><p style="text-align: left;"><font size="3"><span style="font-family: "Courier New",Courier,monospace;"><center><textarea name="code" rows="2" cols="42" style="background: #FAAC58; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;"><center><textarea name="code" rows="2" cols="42" style="background:#AC58FA; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"> <span style="color: rgb(0, 255, 0);">ISI TEKS/KODE/SCRIPT ANDA DISINI</span> </textarea></center></textarea></center></span></font></p><p style="text-align: left;"><font size="3"><span style="font-family: "Courier New",Courier,monospace;"> 

Contoh 5

<center><textarea name="code" rows="2" cols="42" style="background: #F8ECE0; color: #848484; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center&gt 

Contoh 6

<center><textarea name="code" rows="3" cols="42" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;"> ISI TEKS / KODE SCRIPT ANDA DISINI </textarea></center>

Sobat bisa meletakkannya di halaman posting (single post) tentu saja dengan cara:

• loggin ke blogger,jangan ke tempat lain dulu. 
• trus buka halaman new entri/entri baru. 
• copy paste salah satu kode diatas pada halaman compose lalu klik sejenak mode edit htmlnya balik lagi ke compose. 
• Jika sobat ingin meletakkan kode script sobat harus memparsenya terlebih dahulu di sini Bila cuma berupa tulisan tinggal sobat ganti saja tulisan Isi Text/kode script Anda Disini dengan tulisan sobat sendiri. 
• lalu sebelum dipublish lakukan pratinjau dahulu kalau saja ada kesalahan.

Sobat bisa juga meletakkannya di add widget caranya sama dengan diatas,cuman peletakkannya saja yang berbeda

• loggin ke blogger. 
• Trus buka dashboard,rancangan trus pilih add gadget,pilih javascript/html gadget. 
• Copy paste salah satu kode diatas pada halaman script nya. 
• Jika sobat ingin meletakkan kode script sobat harus memparsenya terlebih dahulu di sini Bila cuma berupa tulisan tinggal sobat ganti saja tulisan Isi Text/kode script Anda Disini dengan tulisan sobat sendiri. 
• lalu save gadget.

Oke, semoga artikel ini bermanfaat bagi sobat .
Tunggu tutorial keren lainnya .