Jun 2, 2009

Memasang Kotak Kod


Tutorial pertama selepas kemunculan kembali penulis ialah memasang kotak kod di dalam blog. Penulis fikir mungkin ramai yang ingin tahu cara untuk memasang kotak kod seumpama penulis. Untuk kotak kod versi ini, penulis mengubahsuainya sedikit agar tidak terlalu sama dengan kotak kod milik penulis.


Cara untuk membuatnya cukup mudah.

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.

.code {
color: #333333;
border : 3px solid #666666;
padding : 5px 5px;
font-family : Verdana;
font-size : 8pt;
background-color : #dddddd;
width : 90%;
overflow : auto;
margin : 10px 0 10px 10px;
border-left : 20px solid #666666;
max-height : 300px;
line-height : 16px;
}
.code:hover {
background-color : #f3f3f3;
}

5. Save template.

6. Sekarang pergi pula ke Settings - Formatting.

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

<div class="code">
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 : Tutzone

12 Comment

Amoi Tue Jun 02, 04:09:00 PM

thnkx. tapi amoi rasa lebih suke pakai scrool box ^^

Amoi Tue Jun 02, 04:17:00 PM

testing smiley: =))

Eriyza Tue Jun 02, 10:13:00 PM

Amoi : Tepulang pada citarasa masing². :)

Naz Tue Jun 02, 11:55:00 PM

terima kasih daun keladi... :)

Azmil Ahud ® Wed Jun 03, 12:21:00 PM

karang sya cuba, hehehe... thnx ms :)

Eriyza Wed Jun 03, 12:55:00 PM

Naz : Sama² daun sirih.

ZelL ThE gReaT ! ™ : Okey. Sesama.

Anonymous

Thanks for sharing...
Tapi x menjadikk la kat template blog daus...
nok try2 dulu...

Intan Hanina Thu Jun 04, 03:52:00 PM

oh dah start balek dah blog.. enjoy selalu..

Redpeguin Fri Jun 05, 12:43:00 PM
This comment has been removed by the author.
Redpeguin Fri Jun 05, 12:49:00 PM

salam cikgu..
gud info..thanks

Eriyza Sat Jun 06, 12:13:00 AM

iEn : Okey.

Redpeguin : Wsalam. Sesama.

Whitey Mommy Wed Jun 09, 02:15:00 PM

sis macam mana nak buat tulisan kat border tepi tu?

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.