Cara Memasang Script Dalam Postingan Dengan Kotak Background

Viyan Pradita Senin, Juli 26, 2010

Setelah kemarin membahas cara membuat text area dengan model biasa dan model highlight, kali ini saya akan menambahkan lagi tentang bagaimana memposting script dengan teks area background (diberi warna), yang nantinya akan Anda posting, mungkin memang sama dengan text area cuma yang saya ulas ini memakai background warna.
Jika Sobat Hendak membuat script dengan background yang nantinya akan Anda posting,
Langsung aja neh caranya :

Border berwarna dan jenis-jenis garis bordernya :

Solid Border :

<div style="border: 2px #006400 solid; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Ridge Border :

<div style="border: 2px #006400 ridge; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Grove Border :

<div style="border: 2px #006400 groove; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Insert Border :

<div style="border: 2px #006400 inset; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Outset Border :

<div style="border: 2px #006400 outset; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Double Border :

<div style="border: 2px #006400 double; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Dotted Border :

<div style="border: 2px #006400 dotted; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Dashed Border :

<div style="border: 2px #006400 dashed; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Border dengan scroll, lebar dan tinggi :

<div style="border: 2px #006400 solid; padding: 10px; background-color: #CEF6F5; overflow: auto; height: 50px; width: 300px; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


Keterangan :

Pada TULIS SCRIPT/KODENYA DISINI silahkan tulis kode script yang Sobat inginkan.
Untuk background color silahkan ganti dengan warna kesukaan Sobat.

Ditulis Oleh :

Artikel Cara Memasang Script Dalam Postingan Dengan Kotak Background ini dipublish pada hari: Senin, Juli 26, 2010. Semoga artikel ini bermanfaat untuk Anda. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.

1 komentar
Terjun Ke Kolom Komentar

Catatan:
Link hidup dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS DI SINI...</i>


web design blogs Bloggers - Meet Millions of Bloggers