htmla

Minggu, 28 Desember 2008

Cara menuliskan Kode HTML / Javascript pada postingan blog

Mungkin di antara kita masih mempunyai kesulitan dalam menuliskan kode HTML maupun Javascript di dalam posting sebuah blog karena jika kita memasukan langsung Kode HTML maupun Javascript tersebut secara langsung akan diterjemahkan kode HTML/Javascript tersebut bukan bahasa kodenya yang keluar seperti HTML. Dengan cara ini kode HTML tidak akan diterjemahkan ke dalam HTML.

Yang perlu Anda hafalkan hanya empat kode HTML di bawah ini. Untuk pertama kali memang sulit, tetapi Anda akan terbiasa jika sering berlatih sendiri. Agar mudah dihafal ada cara memahami semacam ini.


LT = Less Than = <
GT = Greater Than = >
Kode AsliHasil Terjemahan
&amp;&
&lt;<
&gt;>
&quot;"
Tapi dalam praktik sehari-hari saya hanya dan lebih sering mengganti kode <> saja. Karena cukup dengan mengganti kode tersebut, keseluruhan kode HTML tidak akan diterjemahkan.

Misalnya Anda mempunyai sederet kode HTML panjang yang memiliki puluhan hingga ratusan kode <>. Sungguh tidak mungkin jika Anda harus menggantinya satu per satu, maka Anda bisa menggunakan fitur replace (Ctrl + H) yang ada di notepad atau program pengolah HTML lainnya (Dreamweaver). Tentukan kode yang ingin di-replace (&, <, >, atau ") kemudian masukkan Kode Aslinya untuk di-replace. Untuk pertama kali mungkin terlihat rumit, namun jika Anda sedikit lebih banyak bersabar Anda akan mendapat manfaat yang begitu besar.

Masih bingung?mari saya jelaskan satu per satu

Misalkankita mau menulikan kode HTML seperti di bawah ini pada posting blog

Kode di dalam postingan adalah kode asli diatas. Sekarang coba di klik Preview (tanda panah merah)

Kalau kita posting langsung tanpa di parse dulu maka di postingan tidak akan terlihat. Lihat gambar - gambar di bawah ini:


Tapi kalau kita PARSE dulu kode HTML maka akan beda hasilnya:


Setelah klik Preview (tanda panah merah), maka hasilnya akan terlihat seperti dibawah ini:

nah gimana dah ngertikan caranya memprase

ato mau cara yang lebih mudah lagi??

Cara memprase secara otomatis

Untuk memparse kode HTML bisa dilakukan di beberapa layanan gratis, misal disini

  1. Clik Disini untuk menuju sitenya
  2. Masukan Kode HTML yang ingin di Parse
  3. Klik PARSE
  4. Copy hasil dari Parse itu dan Paste atau simpan dulu.
  5. Selesai deh
Mudah kan..selamat mencoba

Sumber :
www.gagmwkalah.co.cc

Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

Related Articles



4 comments: on "Cara menuliskan Kode HTML / Javascript pada postingan blog"

riphqi mengatakan...

wah ini... ngambil tulisan saya ya... ngeplek bgt...

seharusnya Anda tahu etika dalam ngeblog... cantumkan nama "penyusun asli". karena memang tidak ada orang yg benar2 menemukan pertama kali. mereka hanya menyusun dari pengetahuan-pengetahuan yg lain...

bagus sih ditambahi sendiri... tp itu kan yg atas sebenarnya yg nyusun saya... seharusnya nama saya dicantumkan...

tema penulisan boleh sama tapi isi tidak boleh sama. itu jika Anda ingin mengklaim bahwa itu tulisan Anda... jika Anda tetap ingin copas (copy paste) seharusnya Anda punya sikap rasa hormat kepada semua blogger, termasuk saya sebagai pihak yg Anda rugikan. cantumkan nama saya sebagai penyusun Asli langkah2 tersebut... jika tidak saya tidak akan pernah rela Anda co-pas dg cara yg tidak beradab seperti itu...

sebuah pesan kekecewaan dari kawan blogger, riphqi - www.gagmwkalah.co.cc

SEMOGA ANDA MEMPERHATIKAN PERINGATAN INI, KARENA BLOGGER LAIN JUGA AKAN KECEWA DENGAN SIKAP ANDA YANG TIDAK BERADAB!

bunli mengatakan...

untuk sebelumnya saya meminta maaf jika tidak mencantumkan sumber naskah aslinya..ini semua karena kelalaian saya dalam membuat entri posting...selanjutnya saya akan mencantumkan sumber naskah tersebut pada artikel ini..terima kasih atas kritikannya...

Yoga Adhi Pradana mengatakan...

klo mw masukin javascript th gmn sh.....???
yang klo di klik th muncul gambarnya . . .
kya yg ada disini nh
http://www.kikil.org/forum/Thread-14-hacker-terbaik-dunia
tlung blsan'y . . .
makasih.

bunli mengatakan...

mungkin maksudnya spoiler...liat aja di http://bunli.blogspot.com/2009/06/cara-membuat-spoiler-pada-posting-blog.html

Posting Komentar