Berkreasi Dengan Text Area Unik Untuk postingan

Assalamualaikum wr.wb

Halo sharelikers?masih ingat dengan artikel text area Yang penting share beberapa waktu lalu? 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.

Bila sebelumnya saya pernah membuat artikel tentang text area dengan tombol copy all, 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 text area (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 text area (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 text area (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 text area (4)

<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;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center></textarea></center&gt

Contoh text area (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 text area (6)

<center><textarea name="code" rows="2" cols="42" style="background:#AC58FA; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center&gt

Contoh text area (7)

<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 text area (8)

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

Dan masih banyak lagi Text area yang bisa sobat kreasikan dengan kreatifitas sobat. Nah bagaimana tertarik membuatnya atau hanya mau menggunakannya saja ?.silahkan dipilih,Jika mau membuat text area atau copas salah satu kode diatas gratis dua-duanya wkwkw.By the way itu text area mau ditaruh dimana ?

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,bisa kan?
• lalu sebelum publish 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 pastinya
• 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,bisa kan?
• lalu save gadget.

Oke sob semoga artikel tutorial tentang Berkreasi Dengan Text Area Unik Untuk postingan   ini bermanfaat bagi sobat .Semoga bermanfaat. Tunggu tutorial keren lainnya di Yang penting Share ya.

sumber nih : http://hariopamungkas.blogspot.com/2011/03/membuat-text-area-yang-unik-dan-menarik.html

Tampilan terbaik menggunakan Google chrome dan Mozilla +5 layar 1280x854