Membuat Kotak Untuk Memposting Kode HTML atau Script

Ada beberapa kotak atau box berbeda dalam blog gitotic ini berdasarkan warna border dan jenis-jenis garis bordernya. Silahkan Sobat pilih kalo ada yang menarik.

 * Solid Border *

<div style="border: 2px #0B615E solid; padding: 10px; background-color: #0B3B0B; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

 *  Ridge Border *

<div style="border: 2px #0B615E ridge; padding: 10px; background-color: #0B3B0B; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

* Groove Border *

<div style="border: 2px #0B615E ridge; padding: 10px; background-color: #0B3B0B; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

 * Inset Border *

<div style="border: 2px #0B615E inset; padding: 10px; background-color: #0B3B0B; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

 
 * Outset Border *

<div style="border: 2px #0B615E outset; padding: 10px; background-color: #0B3B0B; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

 
 * Double Border *

<div style="border: 2px #0B615E double; padding: 10px; background-color: #0B3B0B; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

 * Dotted Border *

<div style="border: 2px #0B615E dotted; padding: 10px; background-color: #0B3B0B; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

 * Dashed Border *

<div style="border: 2px #0B3B0B dashed; padding: 10px; background-color: #0B3B0B; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

 * Border dengan scroll, lebar dan tinggi *

<div style="border: 2px #0B3B0B solid; padding: 10px; background-color: #0B3B0B; overflow: auto; height: 50px; width: 300px; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

Pada tulisan yang "berwarna merah"  silahkan ganti dengan Kode HTML atau Script yang Sobat inginkan, namun perlu diingat : Kode HTML atau Script yang ingin kamu tampilkan harus sudah dalam keadaan "ENCODE" (cara untuk meng-ENCODE Kode HTML atau Script  silahkan klik disini), sedangkan untuk background-color silahkan Sobat ganti dengan warna kesukaan masing-masing.bisa juga sobat lihat kode warna disini      SELAMAT MENCOBA......

Creatif By : Unknown Blognya Anak Lamongan

Terimah Kasih telah membaca artikelMembuat Kotak Untuk Memposting Kode HTML atau Script. Yang ditulis oleh Unknown .Pada hari . Jika anda ingin sebarluaskan artikel ini, mohon sertakan sumber link asli. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Trimakasih

<a href="http://gitotic.blogspot.com/2011/04/membuat-kotak-untuk-memposting-kode.html" target="_blank">Membuat Kotak Untuk Memposting Kode HTML atau Script</a>:: Get this widget ! ::

Artikel Terkait :