Tampilan Kotak Script Di posting

membuat tampilan kotak scrip di postingan seperti contoh di bawah ini

Caranya

# Login dulu ke blogger
# Pilih Tata letak
# Klik Edit HTML
# Cari Kode ]]></b:skin>
# Kemudian letakkan kode dibawah ini persis diatas nya

/* Alert tampilan kotak script
----------------------------------------------- */
.alert {margin: 10px 10px 10px 10px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;color: #000000;
background: #ffffff;
border: 1px solid #000000;
border-left: 15px solid #ff832f}

# Yang berwarna merah adalah kode warna. silahkan ganti yang sesuai dengan background blog anda atau warna kesukaan anda
# Kemudian simpan tamplate.
# Supaya kode/scriptnya nanti bisa muncul kotak highlight-nya maka untuk mempostingnya anda harus menuliskan sebuah kode terlebih dahulu.
<p class="alert"> Isi / kode yang ingin di highlinght </p>
# Setelah itu Terbitkan posting anda dan liat hasilnya

UPDATE

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.