Cara Menampilkan Kode Script / HTML Di Halaman Artikel

Barangkali suatu saat kita ingin menampilkan kode script atau HTML di postingan/ halaman artikel, tetapi ketika di publikasikan ternyata hasil dari kode tersebut yang tampil, bukan kode script/ HTML-nya seperti yang kita inginkan sebelumnya.

Contohnya :
Kita ingin menampilkan kode dibawah ini di halaman artikel/ postingan :

<a href="http://chyardi.blogspot.com/">Chyardi's Blog</a>

Ketika dipublikasikan hasilnya :

Chyardi's Blog

atau contoh lainnya kita ingin menampilkan kode dibawah ini di halaman artikel untuk tukaran link :

<a href="http://chyardi.blogspot.com/" target="_blank"><img alt="Chyardi's Blog" src="http://images.cooltext.com/1292839.gif" width="90" border="0" height="15" /></a>

tetapi ketika di publikasikan hasilnya :



Nah, supaya yang tampil kode script-nya saja (bukan hasil dari kode tersebut), caranya sebagai berikut :
- Kita menuju alamat ini http://blogcrowds.com/resources/parse_html.php atau http://centricle.com/tools/html-entities/;
- Copy-kan atau tulis kode script/ HTML yang ingin kita tampilkan di dalam kotak Parse HTML;
- Jika sudah selesai klik tombol Parse;
- Setelah muncul hasilnya, sekarang kita copy paste hasil dari parse kode tersebut ke halaman artikel/ postingan/ halaman entri;
- Selesai.

Selain cara diatas ada juga yang menggunakan Text Area.

Contoh :

Tulis text ataupun kode script/ HTML yang mau anda tampilkan disini

Cara membuatnya cukup copy kode dibawah ini lalu letakkan ke blog anda :

<form name="copy"><div style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt">Tulis text ataupun kode script/ HTML yang mau anda tampilkan disini</textarea></div><p align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></p></form>

Keterangan :
- Teks yang berwarna ungu merupakan teks yang muncul pada tombol, kita dapat menggantinya dengan nama lain.
- Teks berwarna merah adalah teks muncul didalam kotak, silahkan diganti dengan teks atau kode script/ HTML kita.
- Center menunjukkan posisi kotak ditengah, jika kita ingin meletakkan dikiri maka ganti dengan left atau right jika kita ingin meletak disebelah kanan.
- Width merupakan lebar kotak dan height merupakan tinggi kotak, silahkan diganti sesuai keinginan kita.

Selamat mencoba, semoga bermanfaat.

Artikel Terkait :