Code Box .

Membuat 'code box' dalam bentuk 3D.

Selain di jadikan sebagai code box,anda juga boleh memasukkan imej atau artikel,mengikut kreativiti anda:

Untuk membuat code box ini anda hanya perlu mengikuti,beberapa langkah mudah di bawah ini.Mula-mula masuk akaun blogger anda.

Pilih 'Layout'-->'Edit Html'-->'Expand Widget Template'.

Ok,sekarang anda cari kod di bawah ini:

]]></b:skin>

Kemudian copy kod di bawah, dan paste di atas kod tadi !!!

'Save template'

.boxed {
background-color: #add8e6 ;
border: 2px outset #CCCCCC ; padding: 10px;
}

Sekarang sampailah ke peringkat yang terakhir (memang mudah buat benda ni..)

Pergi ke 'Setting'-->'Formatting'-->'Post Template'.

Copy kod di bawah ini dan Paste :

<div class="boxed">
This text is enclosed in a box.
</div>

'Save Setting'

Pastikan setiap kali anda hendak membuat post baru text ini akan muncul 'This text is enclosed in a box' dan gantikan dengan artikel2 atau kod yang hendak di masukkan di dalam 'Code box'.

Anda boleh mengubah 'background colour dan border colour outset' mengikut citarasa anda.

Sekiranya anda mahu memasukkan kod ke dalam code box. Encode kod anda terlebih dahulu di web ini Centricle.com