Tampilan Kotak Script Di posting

Tuesday, May 3, 2011

Membuat tampilan kotak scrip di postingan seperti contoh di bawah ini:
langsung di taruh di postingan tanpa harus ke edit html.

» Solid Border

TULIS SCRIPT/KODENYA DISINI

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

» Ridge Border

TULIS SCRIPT/KODENYA DISINI

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

» Groove Border

TULIS SCRIPT/KODENYA DISINI

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

» Inset Border

TULIS SCRIPT/KODENYA DISINI

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

» Outset Border

TULIS SCRIPT/KODENYA DISINI

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

» Double Border

TULIS SCRIPT/KODENYA DISINI

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

» Dotted Border

TULIS SCRIPT/KODENYA DISINI

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


» Dashed Border

TULIS SCRIPT/KODENYA DISINI

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

Border dengan scroll, lebar dan tinggi

TULIS SCRIPT/KODENYA DISINI

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

Pada TULIS SCRIPT/KODENYA DISINI silahkan tulis kode script yang Anda inginkan.( SEBENARNYA BISA DI ISI OLEH APA SAJA BUKAN HANYA KODE SCRIPT MISALNYA TULISAN YANG DI ANGGAP PENTING )
Untuk back-ground color silahkan ganti dengan warna kesukaan Anda.

Popular Post

Labels: Tutorial Blog

Thanks for reading Tampilan Kotak Script Di posting. Please share...!