08 May 2010
Membuat Kotak Kod / Kotak Scroll
hak milik
Sue
Asslamualaikum , petang ini Msue nak kongsi ngan korang bagaimana membuat kotak kod dan ia juga berfungsi menjadi kotak scroll untuk korang yang menulis artikel terlalu panjang , Memasang kotak ini menjanjikan kekemasan pada entry korang
1. Login ke Blogspot .
2. Klik Layout - Edit HTML (Tandakan pada kotak Expand widget )
3.Cari kod dibawah
]]></b:skin>
4. Copy kod dibawah dan pastekan diatasnya .
.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. Preview dan Save template jika tiada error .
6. Sekarang pergi pula ke Settings - Formatting.
7.Korang masukkan kod di bawah ni kat dalam Post Template.
<div class="code">
Teks atau kod HTML
</div>
7. Save setting .
1. Login ke Blogspot .
2. Klik Layout - Edit HTML (Tandakan pada kotak Expand widget )
3.Cari kod dibawah
]]></b:skin>
4. Copy kod dibawah dan pastekan diatasnya .
.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. Preview dan Save template jika tiada error .
6. Sekarang pergi pula ke Settings - Formatting.
7.Korang masukkan kod di bawah ni kat dalam Post Template.
<div class="code">
Teks atau kod HTML
</div>
7. Save setting .
