Memasang Code Box ~ Panduan Membina Blog

Memasang Code Box

Pernahkah anda cuba memasukkan code html ke dalam posting anda? Jika anda cuba menaipkkan <head> atau sebarang tag html ke dalam posting anda pasti akan dipaparkan mesej ralat atau kod itu tidak kelihatan apabila anda cuba publish post atau preview.

Untuk itu anda perlukan satu code box seperti di bawah:



pre
{
background:#eeeeee;
border:1px solid #A6B0BF;
font-size:120%;
line-height:100%;
overflow:auto;
padding:10px;
color:#000000 }
pre:hover {
border:1px solid #efefef;
}
code {
font-size:120%;
text-align:left;
margin:0;padding:0;
color: #000000;}
.clear { clear:both;
overflow:hidden;
}


Apa yang perlu anda buat hanyalah login ke akaun blogger anda, pilih Layout >> Edit HTML copy kod di atas dan paste kan sebelum ]]></b:skin>

Setiap kali anda hendak memasukkan kod ke dalam posting anda, taipkan <pre>Kod anda</pre>

1 comments:

din3187 berkata...

thankz...maklumat ini yang saya cari...

Related Posts with Thumbnails