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.

Cara meletakkan koding pada blog post

Salam buat semua.

Mungkin ada antara anda yang ingin meletakkan tutorial yang melibatkan pengubahsuaian atau penambahan koding pada blog ataupun laman web. Seperti saya, ada beberapa posting yang saya buat adalah catatan saya mengenai koding seperti posting saya yang bertajuk Hilangkan Vertical line antara imej di website.

Jika kita menaip koding tertentu dalam post kita as it is, contohnya seperti kita taip html code untuk buat table :

<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>



Jika kita preview, apa yang terpapar ialah table itu sendiri dan bukannya kodingnya. Jadi bagaimanakan caranya kita hendak memaparkan koding?

Caranya kita mesti encode dahulu koding tersebut. Pergi ke sini dan paste atau taip code yang anda ingin paparkan dan kemudian klik encode. Selepas itu, copy koding yang telah diencode dan paste pada blog post kita.

Code untuk table seperti di atas yang telah diencode.

Hilangkan Vertical line antara imej di website

Projek terkini saya dalam mengemaskini susunatur website sekolah adalah untuk mewujudkan satu panel akhbar online. Panel tersebut akan memaparkan imej-imej kecil akhbar dan pengunjung boleh klik pada imej tersebut untuk pergi ke pautan yang ditetapkan. Mencari kelainan, saya gunakan photoshop untuk menyusun imej-imej akhbar tersebut agak senget seperti di bawah.

Selepas itu, imej akhbar tersebut saya crop kepada imej berasingan bagi setiap akhbar.
Apabila saya uploadkan imej tersebut dalam website sekolah, saya letakkan kodingnya seperti berikut.


<a href='http://www.utusan.com.my/' target='_blank'><img src='...utusan.gif' /></a>
<a href='http://www.bharian.com.my/' target='_blank'><img src='...bharian.gif' /></a>
<a href='http://www.hmetro.com.my/' target='_blank'><img src='...metro.gif' /></a>
<a href='http://www.kosmo.com.my/' target='_blank'><img src='...kosmo.gif' /></a>
<a href='http://www.nst.com.my/' target='_blank'><img src='...nst.gif' /></a>
<a href='http://www.thestar.com.my/' target='_blank'><img src='...star.gif' /></a>

Namun, hasilnya saya dapati ada gap berwarna putih di antara imej tersebut.
Saya cuba tukarkan koding kepada bentuk table seperti berikut dan saya setkan border sebagai ='0'.

<table border='0' >
<tr><td><a href='http://www.utusan.com.my/' target='_blank'><img src='...utusan.gif' /></a> </td>
<td><a href='http://www.bharian.com.my/' target='_blank'><img src='...bharian.gif' /></a> </td>
<td><a href='http://www.hmetro.com.my/' target='_blank'><img src='...metro.gif' /></a></td>
<td><a href='http://www.kosmo.com.my/' target='_blank'><img src='...kosmo.gif' /></a> </td>
<td><a href='http://www.nst.com.my/' target='_blank'><img src='...nst.gif' /></a> </td>
<td><a href='http://www.thestar.com.my/' target='_blank'><img src='...star.gif' /></a> </td>
</tr>></table>

Hasilnya, tetap sama seperti sebelumnya.

Akhirnya, setelah meng'google' berjam-jam, saya dapat caranya bagaimana iaitu dengan letakkan koding seperti ini..

<table frame='Void' Cellpadding='0' border='0' RULES='none' cellspacing='0'>


Hasilnya...
Tiada lagi line atau gap di antara imej tersebut.

Alhamdulillah..

Kenapa mesti berpuasa di bulan Ramadhan

Salam buat semua..

Mulai lusa, Rabu, 11 Ogos 2010 insya Allah semua umat Islam di Malaysia akan mula berpuasa di bulan Ramadhan. Sebagai orang Islam, kita wajib berpuasa seperti arahan yang Allah berikan dalam ayat :

"Wahai orang-orang yang beriman ! Diwajibkan kepada kamu puasa sebagaimana telah diwajibkan atas orang-orang yang sebelum kamu,supaya kamu menjadi orang-orang yang bertaqwa." (S.al-Baqarah:183)

Terdapat beberapa hikmah yang terbit dari amalan berpuasa iaitu :

1) Puasa Ramadhan akan membersihkan rohani kita dengan menanamkan perasaan kesabaran, kasih sayang, pemurah, berkata benar, ikhlas, disiplin, terhindar dari sifat tamak dan rakus, percaya pada diri sendiri, dsb.

2) Puasa itu bukan sahaja dapat membersihkan Rohani manusia juga akan membersihkan Jasmani manusia itu sendiri, puasa sebagai alat penyembuh yang baik. Semua alat pada tubuh kita senantiasa digunakan, boleh dikatakan alat-alat itu tidak berehat selama 24 jam. Alhamdulillah dengan berpuasa kita dapat merehatkan alat pencernaan kita lebih kurang selama 12 jam setiap harinya. Oleh karena itu dengan berpuasa, organ dalam tubuh kita dapat bekerja dengan lebih teratur dan berkesan.

Selain hikmah di atas, banyak lagi hikmah dari amalan berpuasa yang kita sebagai hambaNya tidak nampak dengan mata kasar kita. Sesungguhnya apa yang diperintahkan oleh Allah itu mengandungi seribu satu macam hikmah samada yang tersurat ataupun yang tersembunyi.

Akhirnya, selamat menyambut Ramadhan al-Mubarak kepada semua umat Islam. Semoga Ramadhan kita kali ini lebih baik dari sebelumnya. AMIN.

Cikgu Kurang Mesra Murid = Kena Tumbuk Dengan Murid



Buletin Utama TV3 malam tadi menyiarkan video klip seorang murid yang menumbuk gurunya. Difahamkan kejadian itu berlaku di sebuah sekolah di Sarawak.

Apa yang saya nak highlightkan dalam entri ini adalah tentang komen yang diberi oleh Pengerusi Persatuan Ibu Bapa dan Guru Nasional (PIBGN), Datuk Mohamad Ali Hassan yang mengatakan guru yang ditumbuk itu kurang mesra murid. Selain itu beliau turut menyelar tindakan seorang lagi guru yang hanya duduk dan memerhatikan insiden itu tanpa berbuat apa-apa untuk menegur murid tersebut.

Itu adalah pandangan wakil kepada ibu bapa. Saya simpulkan beliau meletakkan kesalahan di bahu guru tersebut dengan komen beliau.

Sebagai seorang guru, hati kecil saya berkata.."Apa nak buat, terima jelah nasib kita guru-guru zaman sekarang. "

Pengikut