Pertama memposting sebuah tulisan yang berisi kode HTML, tanpa rasa bersalah saya menulisnya dengan cara biasa. Begitu saya publish dan melihat hasilnya, rupanya kode itu tidak muncul di halaman posting. Saya pikir mungkin terhapus saat mengedit tulisan. Lalu saya ulangi kembali. Ternyata hasilnya tetap sama. Karena penasaran akhirnya saya cari informasi lewat google. Melalui beberapa blog saya temukan informasi, ternyata di halaman entri posting kode HTML tidak bisa ditulis dengan cara biasa. Misalnya jika anda tulis kode , maka di halaman posting tidak akan muncul apa-apa. Atau kalau pun ada tulisan yang muncul, maka bentuknya malah jadi tidak karuan. Lantas bagaimana cara menulisnya?
Rupanya ada rumusnya. Beberapa kode HTML yang sering digunakan dan cara penulisannya adalah sebagai berikut:
Sekarang bagaimana cara menerapkannya? Sebagai contoh tarohlah anda ingin menampilkan kode seperti ini maka anda harus menulisnya < span class="fullpost"> Perlu dicatat untuk tulisan di dalamnya tetap ditulis dengan cara biasa. Yang dirubah hanya kodenya saja, yaitu tanda < > & " dan satu lagi kalau ada spasi.
Itu baru contoh penulisan kode HTML yang pendek. Bagaimana jika kode HTMLnya sampai satu baris, 3 baris atau mungkin beberapa paragaraf? Apa nggak repot? Ya memang. Tetapi jika anda termasuk orang yang malas (seperti saya) dan ingin cara yang lebih paraktis juga bisa. Bukalah situs centricle.com. Disitu sudah disediakan kolom untuk menyulap kode HTML yang anda inginkan. Tampilannya seperti ini:
Ketiklah kode HTMLnya pada kolom tersebut dengan cara biasa, atau copy paste langsung dari draf yang sudah ada pada program office anda. Kemudian untuk merubahnya kliklah Encode, maka dalam sekejap kode HTML anda akan disulap menjadi seperti di bawah ini. Selanjutnya anda tinggal copy paste kode tersebut ke halaman entri posting anda.
Sebagai catatan jika ada keraguan apakah penulisan kode HTML tadi sudah benar lalu anda ingin memperbaikinya, maka anda bisa kembalikan bentuknya ke semula, dengan cara klik Decode. Begitu juga sebaliknya. Anda bisa kembali lagi menyulapnya dengan klik Encode. Dan seterusnya. Kalau ingin berlama-lama, anda bisa bolak-balik seberapa anda mau.
Selamat mencoba!
Rupanya ada rumusnya. Beberapa kode HTML yang sering digunakan dan cara penulisannya adalah sebagai berikut:
- Kode < ditulis dengan <
- Kode > ditulis dengan >
- Kode & ditulis dengan &
- Kode " ditulis dengan "
- Jika igin spasi ditulis dengan
Sekarang bagaimana cara menerapkannya? Sebagai contoh tarohlah anda ingin menampilkan kode seperti ini maka anda harus menulisnya < span class="fullpost"> Perlu dicatat untuk tulisan di dalamnya tetap ditulis dengan cara biasa. Yang dirubah hanya kodenya saja, yaitu tanda < > & " dan satu lagi kalau ada spasi.
Itu baru contoh penulisan kode HTML yang pendek. Bagaimana jika kode HTMLnya sampai satu baris, 3 baris atau mungkin beberapa paragaraf? Apa nggak repot? Ya memang. Tetapi jika anda termasuk orang yang malas (seperti saya) dan ingin cara yang lebih paraktis juga bisa. Bukalah situs centricle.com. Disitu sudah disediakan kolom untuk menyulap kode HTML yang anda inginkan. Tampilannya seperti ini:
Ketiklah kode HTMLnya pada kolom tersebut dengan cara biasa, atau copy paste langsung dari draf yang sudah ada pada program office anda. Kemudian untuk merubahnya kliklah Encode, maka dalam sekejap kode HTML anda akan disulap menjadi seperti di bawah ini. Selanjutnya anda tinggal copy paste kode tersebut ke halaman entri posting anda.
Sebagai catatan jika ada keraguan apakah penulisan kode HTML tadi sudah benar lalu anda ingin memperbaikinya, maka anda bisa kembalikan bentuknya ke semula, dengan cara klik Decode. Begitu juga sebaliknya. Anda bisa kembali lagi menyulapnya dengan klik Encode. Dan seterusnya. Kalau ingin berlama-lama, anda bisa bolak-balik seberapa anda mau.
Selamat mencoba!
Sumber :http://blog-triks.blogspot.com/2009/05/cara-menuliskan-kode-html-di-dalam.html
Share
Laskar Pelangi Blog oleh M. Yasin, S.Si., MM disebarluaskan di bawah Lisensi Creative Commons Atribusi-NonKomersial-TanpaTurunan 4.0 Internasional.
Berdasarkan ciptaan pada thelaskarpelangi.blogspot.com
0 comments:
Posting Komentar
Silahkan Isi Komentar Tentang Berita yang Anda Inginkan. Trims