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

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 bagian dari kode.

Maka dari itu sewaktu kita copy kodenya dari mesin 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 [Visual].
  2. Letakkan kode yang ingin Anda tulis di posting.
  3. Kemudian ganti ke mode [HTML].
  4. Beri tag <code> di depan kode dan beri tag </code> di akhir kode.
    Contoh : 

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

  5. Kemudian kembali ke mode [Visual] untuk melakukan pengeditan tulisan.
  6. Setelah selesai klik tombol [Publish].

Keyword yang dicari:

code-code tentang wordpress, code-code tulisan untuk wordpress

Kategori:Home
  1. Belum ada komentar.
  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: