Trik memasang kode di postingan dengan benar agar tidak trouble saat di copy paste pengunjung

Posted: Juni 6, 2010 in catatan wordpress
Tag:, , , , , ,

Jika sahabat sering mengalami masalah ketika menulis artikel yang memuat kode di dalamnya,sering mendapat komplain dari pengunjung akibat kode yang di berikan tidak dapat di gunakan,ada baiknya sahabat baca tips berikut.

Kalau di lihat dari judulnya yang panjang ini,menurut saya memang itulah judul yang cocok untuk artikel yang satu ini.memang dalam menulis artikel di blog apa lagi yang berisi tutorial tentang wordpress/blogger kita tidak boleh sembarangan.kebanyakan tutorial untuk membuat blog tersebut banyak memuat kode-kode baik itu HTML,kode script,css,dan lain-lain.seperti blog yang saya buat ini karena baru belajar blog jadi isinya kebanyakan tutorial yang saya pelajari dari para master-master, sambil sekalian jaga-jaga biar nggak lupa saya tulis di sini deh🙂 .

Lanjut,kemudian apa jadinya jika tulisan tutorial yang telah kita tulis dan kebanyakan di dalamnya memuat berbagai kode-kode baik itu HTML,javascript,XML,dll banyak yang tidak bisa di gunakan oleh para pengunjung blog kita.jika itu terjadi pasti akan sangat merugikan sekali baik untuk pengunjung blog kita maupun kita sendiri yang telah bersusah payah menulis artikel tersebut.saya sendiri sebenarnya pernah di bikin pusing gara-gara kode banner yang tidak bisa di pasang di blog lain.pengunjung juga sebagian ada yang komplain tentang bannerku yang bermasalah ini.tapi setelah tanya sana-sini,kanan-kiri akhirnya dapat juga pencerahannya.dan pada posting kali ini saya ingin berbagi pengalaman ke sahabat semua yang memiliki masalah sama seperti saya semoga bisa terbantu.

Coba sahabat cermati jika menemukan kode yang mengandung tanda petik( ” ).jika setelah sahabat gunakan kode tersebut tidak berjalan sebagaimana mestinya ada kemungkinan masalahnya terdapat pada tanda petik ( ” ) tersebut.kenapa bisa begitu??karena ketika kita mengeksekusi ( bahasanya kok eksekusi ya,kayak pengusuran jadinya🙂 ) mempublish biasa , maka om wordpress menganggap tanda petik(  ” ) itu sebagai karakter suatu tulisan.karena di anggap karakter dan bukan di anggap sebagai kode dalam sebuah tulisan alhasil ketika di save/publish akan terjadi perubahan pada tanda petiknya dan jika di cermati lagi akan ada sebagian kode yang berubah dan tidak terbaca.

Perhatikan dua tanda petik antara (") dan ( ” ).sekilas memang keduanya tidak ada bedanya karena sama-sama tanda petik.tapi coba sahabat teliti lagi,tanda petik kedua cenderung lebih miring daripada tanda petik pertama.dan bisa di pastikan jika sahabat menemukan kode dengan tanda petik miring seperti di atas pasti tidak akan di baca dengan baik.untuk lebih jelasnya coba sahabat bandingkan dua kode banner ini dengan memasang di sidebar/postingan.

<a href="https://triiz.wordpress.com" title="Catatan SederhaNa" target="_blank"><img title="cooltext459487863" src="https://triiz.files.wordpress.com/2010/05/cooltext459487863.png" alt="" width="175" height="45" /></a>
<a href=”https://triiz.wordpress.com&#8221; title=”Catatan SederhaNa” target=”_blank”><img title=”cooltext459487863″ src=”https://triiz.files.wordpress.com/2010/05/cooltext459487863.png&#8221; alt=”” width=”175″ height=”45″ /></a>

Dari kedua kode tersebut terlihat bahwa kode yang memiliki tanda petik lurus seperti ini (")dapat di baca dengan baik daripada kode tanda petik seperti ini ( ” ).sebenarnya solusi untuk masalah ini telah tersedia di menu editnya tapi tidak banyak yang tahu apalagi buat mereka yang jarang mengutak-atik kode HTML.
Jika sahabat ingin menyisipkan kode dalam posting agar bisa di gunakan oleh pengunjung dengan baik,berikut langkah-langkahnya:

1.letakkan kode di area posting (untuk memastikan kode tersebut tidak cacat sahabat dapat copy paste kode tersebut ke notepad dan cek apa tanda petiknya mengalami perubahan).
2.ubah tampilan visual ke HTML
3.sisipkan button kode di awal kode dan kode2 di akhir kode.jika dalam tampilan HTML sahabat bingung menentukan yang mana kodenya sahabat dapat melihat perubahan dari kode yang di kodekan (encode) di http://centricle.com/tools/html-entities///
,masukan kodenya terus klik encode.jika sudah,ubah tampilan ke HTML dan lanjutkan menulis,mudah bukan.

Jika sahabat masih ada yang bingung,berikut tentang kode yang di kodekan (encode),berikut contoh tampilan HTML untuk kode banner di atas.

<code>&lt;a href="https://triiz.wordpress.com" title="Catatan SederhaNa" target="_blank"&gt;&lt;img title="cooltext459487863" src="https://triiz.files.wordpress.com/2010/05/cooltext459487863.png" alt="" width="175" height="45" /&gt;&lt;/a&gt;</code>

Mudah-mudahan artikel sederhana yang saya tulis ini bisa sedikit membantu sahabat yang sedang mengalami kesulitan seperti yang sempat saya alami dulu.
Selamat mencoba…

~Semoga Bermanfaat~

thank’s to :my GOD,keluarga,bootingskoblog, serta para sahabat blogger yang telah menginspirasi terciptanya artikel ini.


Artikel lain:

artikel wordpress:

Cara memasang google translate di blog

kode gambar google translate

Cara memasang widget di sidebar

Cara memasang yahoo massanger di blog

Membuat latar belakang berwarna

artikel SEO:

artikel photography:

Situs gambar dan foto berkualitas tinggi

artikel umum:

memasang gambar animasi upin dan ipin di blog

Komentar
  1. mepo mengatakan:

    nice trik, jadi tambah ilmu. boleh boleh😀

    Pest Control

  2. MYOB Specialist mengatakan:

    Ya saya sering membuat kode html di postingan. Tapi setelah disave koq jadi brubah, heee…. cape deeeh. Ok bro, thanks infonya🙂

  3. Guplak mengatakan:

    Mantab gan tutornya…

  4. Red mengatakan:

    tutorial dari bootingskoblog ini juga banyak membantu gue. trims udah reposting ulang

  5. dian sahid mengatakan:

    iya nih, klo ga di encode skripnya ngaco.

  6. Usup Supriyadi mengatakan:

    suatu waktu pasti saya akan membutuhkan artikel yang bermanfaat ini, tapi, untuk saat ini, saya tidak tahu harus bagaimana menggunakannya. tetaplah berkarya…😉

  7. bluethunderheart mengatakan:

    keren
    menarik
    manteb
    salam hangat dari blue

  8. andry sianipar mengatakan:

    Hello-
    asyik.. ilmu baru neeh….
    mari cerdaskan bangsa melalui blogging….

  9. fitrimelinda mengatakan:

    wah pertamaxxx euy..

    nice post neh mas..🙂

    makasi ya ilmunya..

  10. camera mengatakan:

    hahahaha….

    pinter banget mas idenya….

    dengan kaya gitu jadi aman….

    makasih infonya….

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