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