Cara Menulis Script Dalam Postingan

Banyak kita jumpai beberapa Blog yang menampilkan kode HTML / Script dalam halaman posting yang ingin dibagikan kepada pada pembaca. Biasanya kode-kode tersebut disajikan dalam sebuah kotak sehingga kelihatan rapi dan tidak menyatu dengan tulisan lain dalam  postingan tersebut, seperti contoh berikut :

/* http://aldyforester.blogspot.com/
----------------------------------------------- */ .alert {margin: 10px 10px 10px 10px; padding: 10px 15px 10px 15px;
line-height: 1.6em;color: #000000; background: #e0ffff;
border: 1px solid #000000;
border-left: 15px solid #000000}

Untuk bisa menampilkan kotak seperti diatas, berikut langkah-langkahnya :
Masukkan kode berikut kedalam postingan pada mode HTML

<div align="center">

<div style="border: 1px solid rgb(100, 100, 100); background : #ffddf4; height: 100px; overflow: auto; padding: 10px; text-align: left; width: 200px;">

Tuliskan kata, kalimat, masukkan link, menu, atau apapun terserah anda disini

</div>

Keterangan :
- Tulisan warna merah silahkan diganti dengan kode script yang ingin Anda posting
- Tulisan warna biru : angka 100 adalah lebar kolom, dan 200 adalah panjang kolom. Silahkan Anda sesuaikan sendiri.
- Kode warna background #ffddf4 dapat Anda sesuaikan. Pilihan warna dapat Anda lihat DISINI

Jika berhasil, maka kode script Anda akan tampil seperti kotak pertama diatas.
Selamat mencoba.