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

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="http://triiz.wordpress.com" title="Catatan SederhaNa" target="_blank"><img title="cooltext459487863" src="http://triiz.files.wordpress.com/2010/05/cooltext459487863.png" alt="" width="175" height="45" /></a>

<a href=”http://triiz.wordpress.com” title=”Catatan SederhaNa” target=”_blank”><img title=”cooltext459487863″ src=”http://triiz.files.wordpress.com/2010/05/cooltext459487863.png” 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 di awal kode dan 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="http://triiz.wordpress.com" title="Catatan SederhaNa" target="_blank"&gt;&lt;img title="cooltext459487863" src="http://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~

 

Posted in: Taukah Kamu