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
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.
Semoga berhasil, jangan lupa sampaikan sepatah 2 patah komentar di bawah ya. Terima Kasih.
 | Setiap 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 |
Anda dapat meninggalkan komentar, atau trackback dari blog anda.
Aku dah coba, keren banget.makasie nfonya.
@ Lisa : sama-sama lisa...