Jumat, 30 Maret 2012

Textarea efek css3 part ||


Setelah dulu sempat ngeposting Textarea Efek Css3 sekarang saya ngeposting Tentang Textarea Efek Css3 part 2 nya, Textarea yang sekarang ini tidak memakai efek transition dimana efek transition berguna untuk memperlembut pergantian warna tapi hanya berbeda pada tampilan backgroundnya, sekarang tampilan backgroundnya memakai efek linear gradient yang saya dapet dari blog Hompimpa, silahkan lihat demonya deh

DEMO

Textarea efek Css3

Gak begitu bagus sih tapi lumayan buat update postingan untuk penggunaannya sih terserah yang baca aja mau di gunain atau tidak tertarik atau tidak, setiap orang kan berbeda - beda, ok caranya mudah silahkan anda masuk di blog anda.

1. Klik Rancangan / Tata letak
2. Klik Tambah Gadget
3. Pilih HTML/Javascript
4. Masukan kode di bawah ini di kolom kedua / kolom bagian isi HTML/Javscript

<style type="text/css">
textarea.system_of_blog {
width: 100%;
height: 200px;
background-color: #2f2f2f;
background-image: -webkit-repeating-linear-gradient(top, #444 0px, #444 24px, #2f2f2f 24px, #2f2f2f 46px);
background-image: -moz-repeating-linear-gradient(top, #444 0px, #444 24px, #2f2f2f 24px, #2f2f2f 46px);
background-image: -ms-repeating-linear-gradient(top, #444 0px, #444 24px, #2f2f2f 24px, #2f2f2f 46px);
background-image: -o-repeating-linear-gradient(top, #444 0px, #444 24px, #2f2f2f 24px, #2f2f2f 46px);
background-image: repeating-linear-gradient(top, #444 0px, #444 24px, #2f2f2f 24px, #2f2f2f 46px);
border: 1px solid #CC0;
outline: none;
color: #DDD;
line-height: 23px;
font-family: "Arial",sans-serif;
font-size: 13px;
}
</style>
<textarea class="system_of_blog">
Disini kata - kata anda
Bisa Script Css dan Lain - Lain
Sesuka anda
Pokoknya yang bermanfaat aja lah
Bagi masyarakat wkwkwkwkk
</textarea>

5. Klik Simpan deh, jangan lupa ganti kata - kata atau pesanya dengan script, css, html, jquery dan lain - lain. meskipun gak sempurna hasilnya tapi semoga aja berguna bagi kita semua.