Anda disini » Home » » Kotak Untuk Memposting Kode HTML atau Script

Kotak Untuk Memposting Kode HTML atau Script

Jika sebelumnya saya telah membahas tentang "Cara Memposting Kode HTML atau Script" maka kali ini saya akan membahas tentang "Kotak Untuk Memposting Kode HTML atau Script". Gunanya adalah agar Kode HTML atau Script yang ingin kita tampilkan bisa terlihat lebih fokus dan rapi sekaligus agar kelihatan keren aja.

Contohnya seperti ini :
BLA-BLA-BLA PURA-PURANYA INI SCRIPT YEEEE BLA-BLA


Silahkan sobat copy kode di bawah ini :

Ada beberapa kotak atau box berbeda berdasarkan warna border dan jenis-jenis garis bordernya. Silahkan dipilih kalo ada yang menarik.

» Solid Border
<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

» Ridge Border
<div style="border: 2px #006400 ridge; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

» Groove Border
<div style="border: 2px #006400 ridge; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

» Groove Border
<div style="border: 2px #006400 groove; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

» Inset Border
<div style="border: 2px #006400 inset; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

» Outset Border
<div style="border: 2px #006400 outset; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

» Double Border
<div style="border: 2px #006400 double; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>I

» Dotted Border
<div style="border: 2px #006400 dotted; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

» Dashed Border
<div style="border: 2px #006400 dashed; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

Border dengan scroll, lebar dan tinggi
<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; 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 kamu 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 kamu ganti dengan warna kesukaan masing-masing.

Artikel ini saya dapatkan dari Kang Rully disini.
Semoga berhasil, jangan lupa sampaikan sepatah 2 patah komentar di bawah ya. Terima Kasih.
agus-hadi-photo-authorSetiap tutorial atau file download yang Anda temukan pada blog ini bebas digunakan untuk apapun sesuai dg keinginan anda, baik dengan maupun tanpa kredit ke blog ini. Tentang  |  Profil Google  |   Profil Blogger  |   Berlangganan via email
>> Ditulis dalam kategori

Anda dapat meninggalkan komentar, atau trackback dari blog anda.
Ada 2 Komentar tentang "Kotak Untuk Memposting Kode HTML atau Script"
  1. Aku dah coba, keren banget.makasie nfonya.

    [Balas Komentar]

    @ Lisa : sama-sama lisa...

    [Balas Komentar]

Poskan Komentar

Silahkan tulis komentar maupun pendapat anda pada kolom di bawah ini :

© Panduan - Info 2010 is proudly powered by Blogger.com | Template by Agus Hadi Wijaya