Pages

Selasa, 23 April 2013

Kumpulan Kode Untuk Membuat Teks Area Keren


Cara Membuat Teks Area KerenKumpulan Kode Untuk Membuat Teks Area Keren-Mungkin teman-teman disini sudah tahu semua tentang teks area dan cara membuatnya,tetapi tujuan saya adalah untuk berbagi,kali ini saya ada berbagai macam cara dan style yang bisa sobat gunakan untuk keperluan penyimpanan kode atau script yang panjang,atau untuk menyimpan keperluan yang lainnya sehingga sobat bisa mengurangi ruang space pada postingan blog sobat karena pada kolom teks area menggunakan scroll,untuk cara membuatnya silahkan sobat copy salah satu script di bawah,kemudian cara pemasangannya berada di mode HTML pada postingan baru,berikut kode-kode nya :

 Normal

Copy All


Border Warna-Warni


Style 3 Dimensi


Background


Border Dotted


Style Border Dhased


Border Style


Background Gambar

<style> div.pasir{ width: 353px; height: 254px; background: url(https://lh3.googleusercontent.com/-UuhmranprYk/UN9IZQDZvmI/AAAAAAAABFk/d4JlaiPLIzc/s492/pasir.jpg); border: 1px groove gray; } div.misty{ width: 350px; margin: 0px 2px 2px 0px; height: 250px; overflow:auto; background-color: #ffffff; border-top: 1px solid grey; border-right: 3px solid grey; border-bottom: 3px solid grey; border-left: 1px solid grey; opacity:0.5; filter:alpha(opacity=50); } div.misty p{margin: 15px 15px ; color: #000000; } </style><div class="pasir"><div class="misty"> <p>Tulis kode atau atau teks yang ingin anda tampilkan dalam teks area di sini </p></div></div>

abcd

NB:
Jika ada kode yang tidak terapit tag penutup </textarea> setelah tilisan ''TAMBAHKAN KODE / SCRIPT'' silahkan apit sendiri dengan kode </textarea>

contoh sebelum di tambah

<textarea name="emsite2"
rows="2" cols="15"
style="background:#305F00;color:#fff;border:2px
inset #003c1f;line-height:1.5em;padding:0
7px;"> ISI TEXT/KODE 

contoh setelah di tambah
<textarea name="emsite2"
rows="2" cols="15"
style="background:#305F00;color:#fff;border:2px
inset #003c1f;line-height:1.5em;padding:0
7px;"> ISI TEXT/KODE </textarea>
Terimakasih,,semoga bermanfaat 



0 komentar:

Posting Komentar