Cara highlight koding pada blog post

Salam buat semua.

Posting ini adalah berkaitan dengan tajuk post sebelum ini iaitu Cara meletakkan koding pada blog post. Jika anda biasa melayari blo-blog yang memaparkan tutorial berkaitan koding, kadang-kadang anda lihat paparan kodingnya adalah seperti ini

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

ataupun ada background colour seperti ini

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

Apa pendapat anda? Yang manakah lebih senang dibaca? Pada saya, jika koding tersebut ada background colournya sendiri lebih mudah dibaca. Bagaimana caranya kita hendak highlight koding yang kita taip tadi?

Caranya,

a) Tambah koding pada blog layout anda :

1. Login ke blogger, klik pada Layout-->Edit HTML
2. Kemudian, copy koding dibawah ini dan letakkan sebelum kode ]]></b:skin>

.alert {
background: #54a8ef;
text-align: left;
padding: 5px 5px 5px 5px;
border: 1px solid #223344;}

* Anda boleh tukar warna background yang anda suka dengan cara edit pada
background: #54a8ef; --->tukarkan #54a8ef kepada code warna pilihan anda.

3. Kemudian, klik Save.

b) Cara semasa membuat posting dalam blog

Taip<p class="alert">

sebelum koding yang anda ingin highlight, kemudian taip </p>

diakhir koding tersebut.

Contohnya :

<p class="alert"><table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table></p>

Sekian.