Membuat Kotak Posting HTML

Sebenarnya posting saya ini bukan Membuat Kotak HTML, tapi setidaknya lebih memisahkan atau menandai pada posting kata-kata dengan kode script atau HTML. Sebenarnya bukan kotak, tapi suma sekedar membuat posting tersendiri pada HTML. Baik langsung saja.
1. Buka Blog sobat
2. Klik rancangan, trus edit HTML.
3. Ane ingetin jangan lupa di backup dulu.
4. cari kode ini :

]]></b:skin>

5. Setelah ketemu paste kode di berikut ini di atas kode skin tersebut

.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://i263.photobucket.com/albums/ii150/mohamedrias/cv-1.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}


Note : kode dengan warna bisa sobat ganti sesuai selera.
Url juga ganti dengan alamat url tempat sobat menyimpan gambar,
ukuran normalnya, 125px x 60px (lebih kurang tidak apa-apa asal
jangan terlalu besar atau kecil)

6. Simpan template
7. Lihat hasilnya. (Contoh seperti punya saya ini)

Nah seperti itulah Membuat kotak Posting HTML semoga bermanfaat. Mudah-mudahan cara ini akan terus digunakan untuk posting yang menggunakan HTML. Sekian dari saya n, keep blogging
Update :
Untuk melakukan posting, silakan copy code ini :
<div class="codeview">

Ketik kode HTML, css, Javascript code disini </div>
Kalau takut lupa silakan paste di tempale posting aja. caranya :
1. buka Pengaturan
2. pilih format
3. Paste di kotak template posting kemudian simpan n masukkan codenya di antara kode tersebut.




the source of : ukicool