Membuat Code Box

Code Box selain di jadikan sebagai tempat menaruh kode dipostingan,anda juga boleh memasukkan imej atau artikel,mengikut kreativitas anda.
membuat code box, anda hanya perlu mengikuti ,beberapa langkah mudah di bawah.

1. Pertama masuk akun blogger anda.
2. Pilih 'Layout'-->'Edit Html'-->'Expand Widget Template'.

3. Ok, sekarang anda cari kode di bawah ini (CTRL+F untuk memudahkan):

]]></b:skin>

4. Sudah ketemu? sudah belum? ditanya kok diem,. nah sekarang Copy kode dibawah, lalu letakan di atas kode yang tadi dicari

.codeview {
font-family: Arial, Helvetica, sans-serif;
color: #CC0000;
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
border-top : 2px solid #cccccc;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 2px solid #cccccc;
background-color: #FFFFFF;
}
.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;
}

5. Save template

6. Sekarang ketingkat terakhir, Tenang saja gampang caranya
7. Pergi ke 'Setting'-->'Formatting'-->'Post Template'.
8. Lalu Copy kode di bawah ini dan Paste

<div class="codeview">
Insert the Special code here
</div>

9. Save setting | Sudah jadi... kalau mau memasukkan kode dalam postingan, tinggal mengganti "insert the special code here" dengan kode yang diinginkan.
10. sebaiknya sebelum memasukan kode, encode terlebih dahulu diweb ini http://centricle.com/tools/html-entities/

Bila Kurang Jelas, silakan bertanya dibawah ini .

Post Info :
Judul = Membuat Code Box

Url = http://wwdq.blogspot.com/2011/03/membuat-code-box.html

Author = Riloaw. At : 22.52 Sabtu, 19 Maret 2011 | Comment:1

Artikel Terkait