Label Cloud

Search This Blog

08 May 2010

online counter Membuat Kotak Kod / Kotak Scroll

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 .




Tinggalkan Komen Anda Disini