Memasang Kotak Kod Versi 2

Sebelum ini penulis pernah berkongsi cara memasang kotak kod seumpama penulis tetapi kali ini penulis ingin memberitahu cara memasang kotak kod juga tetapi berbeza dari yang terdahulu. Jika berminat, anda bolehlah mencuba kotak kod ini.


1. Login ke Blogspot.

2. Pilih Layout - Edit HTML.

3. Download Full Template sebelum mengedit blog.

4. Cari ]]></b:skin>, tampal kod ini di atasnya.

.code1 {
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;
}
.code1 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 pergi pula ke Settings - Formatting.

7. Masukkan kod di bawah ini ke dalam Post Template.

<div class="code1">
Teks atau kod
</div>
8. Save settings.

Setiap kali anda memulakan topik baru, kod di atas telah tersedia. Anda cuma perlu menukar ayat teks atau kod dengan ayat dan kod yang anda mahu. Selamat mencuba.

Via : Techieblogger