Jul 15, 2009

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

3 Comment

Azmil Ahud ® Wed Jul 15, 01:09:00 PM

sja nk komen! hehehe... good idea ms:)

iEn Wed Jul 15, 07:28:00 PM

blog rias mmg mantop..

Eriyza Wed Jul 15, 10:08:00 PM

ZelL ThE gReaT ! ™ : Thanx.

iEn : Betul tuh.

Post a Comment

Gunakan tatabahasa yang betul sewaktu menulis komentar agar mudah difahami oleh penulis. Terima kasih. :-)

Sila ambil perhatian perkara² berikut :-

1. Tinggalkan nama dan url blog atau laman web anda.
2. HTML tag seperti <b>, <i>, <a> boleh digunakan.
3. Sila berhemah di dalam berbahasa.