Display HTML Code on Your Blog

Adakalanya para blogger harus menampilkan tag-tag HTML pada blog mereka. Biasanya dilakukan untuk berbagi kode atau tag-tag HTML dengan blogger lainnya. Berbagai cara dapat dilakukan untuk tujuan tersebut. 

Pada postingan kali ini akan disajikan cara untuk menampilkan tag-tag HTML dengan cara yang sangat sederhana. 

Sampai sejauh ini, seluruh browser yang pernah dicobakan dapat menampilkan tag-tag HTML tersebut dengan baik.

Anda hanya perlu menggunakan tag TEXTAREA (lakukan pada mode HTML bukan Compose)

Contoh:

Hasil yang tampil pada browser adalah seperti berikut:

<tabel border="0" cellspacing="1" cellpadding="1" width="100%"> <tbody> <tr bgcolor="ab0035"> <td>column 1</td><td>column 2</td><td>column 3</td><td>column 4</td> </tr> <tr> <td>column 1</td><td>column 2</td><td>column 3</td><td>column 4</td> </tr> <tr> <td>column 1</td><td>column 2</td><td>column 3</td><td>column 4</td> </tr> </tbody> </table>
Selamat mencoba

Membuat Tabel Pada Blogger

Pada blogger.com tidak tersedia fasilitas untuk membuat tabel. Hal tersebut akan memaksa para blogger untuk melakukan cara-cara tersendiri agar dapat menampilkan tabel pada postingan-nya. Ada banyak cara yang dapat ditempuh. Bagi para blogger yang terbiasa menggunakan kode HTLM hal tersebut diatas tidak menjadi masalah berarti buat mereka. Akan tetapi bagi para blogger pemula yang mungkin tidak terbiasa dengan kode atau tag-tag HTML akan menjadi masalah tersendiri.

Berikut ini akan disajikan cara membuat tabel pada postingan dengan langkah-langkah yang relatif mudah. Sepanjang komputer anda menggunakan Microsoft Office Word dan Notepad maka anda akan dapat menampilkan tabel pada postingan anda.

Lakukanlah langkah-langkah berikut ini:

• Aktifkan Microsoft Office Word.
• Buatlah sebuah tabel (lakukan formatting agar tabel anda terlihat sesuai dengan kebutuhan anda).
• Kemudian simpan (Save) dengan Save as type: Web page, Filtered
• Selanjutnya tutup Microsoft Office Word
• Lalu buka file tersebut dengan menggunakan Notepad
• Kemudian copy seluruh kode HTML yang ada
• Lalu paste-kan pada text editor blog anda (pastikan text editor blog anda pada mode HTML)
• Selanjutnya klik tombol Pratinjau (Preview)

Lalu lihatlah hasilnya. Apakah sesuai dengan keinginan anda?

Ini adalah contoh tabel yang dibuat dengan cara diatas.

No.	Nama	Alamat
		Jalan	Kota	Propinsi
1
2
3
4
5