Cara Menaruh Kode Di Posting WordPress Agar Tidak Error Sewaktu di Copy

Bukan hal baru lagi bahwa kode yang di-copy dari posting WordPress tidak akan berjalan sewaktu kita paste-kan di blog kita (WordPress atau Blogspot). Masalah semacam ini sangat merugikan pengguna WordPress yang isi dari blog mereka berisikan tutorial dan tips WordPress, karena pastinya isi posting mereka sebagian berisi kode-kode HTML. Dan juga merugikan pengunjung yang hendak meng-copy kode dari blog anda, karna kode tersebut tidak dapat berjalan.

Banyak komplain dari para pengunjung sewaktu mengambil kode yang berada di WordPress. Letak masalahnya bukan dari kode tersebut, melainkan tanda petiknya ( ” ” ). WordPress menganggap tanda petik  tersebut sewaktu kita tuliskan di posting, WordPress cuma menganggap sebagai karakter tulisan dan bukan sebagai kode.

Maka dari itu sewaktu kita copy kode tersebut dari WordPress dan kita paste-kan kode tersebut pada blog kita (Blogspot, WordPress atau yang lainnya) tidak dapat dieksekusi atau error. Untuk melihat perubahannya, coba kode tersebut kita taruh di notepad. Letak perubahan terbesar adalah pada perubahan tanda petik, yang semula ( " ) menjadi ( ” ). Lihat seksama… cuma beda bentuk walaupun sama-sama tanda petik tetap saja kode tidak mau jalan. Dan 100% bisa saya pastikan bila kode tampak seperti ( ” ) sudah pasti kode tersebut bila dipasang di WordPress atau blog lainnya tidak akan bisa jalan. Bukan cuma tanda petik saja, bila kita teliti ada sebagian karakter kode yang berubah menjadi karakter yang tidak terbaca.

Sebagai contoh coba anda copy dan paste-kan di area posting/sidebar blog anda kedua kode dibawah ini, dan kode mana yang bisa dieksekusi (contoh kode saya ambil dari kode google translate).

Kode sebelum diberi tag <code> </code> :

<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|en&amp;u=http://bootingskoblog.wordpress.com/”>
<img src=”http://bootingskoblog.files.wordpress.com/2009/02/english-language.jpg” title=”English”></a>

Kode setelah diberi tag <code> </code> :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|en&amp;u=http://bootingskoblog.wordpress.com/">
<img src="http://bootingskoblog.files.wordpress.com/2009/02/english-language.jpg" title="English"></a>

Untuk mengatasi hal tersebut, didalam area tulisan / posting sebenarnya sudah terdapat tombol navigasi untuk mengatasi penulisan kode ini agar tidak dianggap sebagai karakter tulisan. Sudah lama tombol ini ada, namun kita tidak menyadarinya dan tidak tahu apa gunanya.

1. Dalam area penulisan, klik mode ‘HTML’.
2. Letakkan kode dalam format penulisan html, lihat disini cara penulisan kode dihalaman posting.
3. Kemudian letakkan kursor/pointer mouse di depan kode/script. Kemudian klik tombol ‘code’  atau tulis ‘<code>’ diawal kode/script.
4. Setelah itu letakkan kursor pada akhir kode/script. Kemudian klik tombol ‘/code’  atau tulis ‘</code>’ diakhir kode/script.
   Contoh :
   <code><a href="http://translate.google.com/translate?hl=id&amp;langpair=id|en&amp;u=http://bootingskoblog.wordpress.com/">
<img src="http://bootingskoblog.files.wordpress.com/2009/02/english-language.jpg" title="English"> </a></code>
5. Kemudian kembali ke mode ‘Visual’ untuk melakukan pengeditan tulisan.
6. Setelah selesai klik tombol ‘Publish’.
7. Tunggu hingga proses selesai kemudian klik tombol ‘Preview Changes’, untuk menampilkan hasilnya dan cek satu persatu dan pastikan tanda petik sudah berubah menjadi seperti ( " ). Jika belum berubah dan masih seperti ( ” ), lakukan kembali seperti contoh diatas.

NB :
&quot; = tanda petik ( ” )
Jika anda menemukan kode di blog WordPress lain yang kiranya tidak dapat berjalan, untuk mengatasinya anda bisa lihat disini