Oleh fatihsyuhud.com 

Kalangan blogger pemula yang sudah pernah mencoba menulis kode html / javascript di posting dan ingin kode tersebut tampil seperti waktu ditulis mungkin merasa heran karena setelah dipublish jadi berbeda. Contoh, umpamanya Anda menulis kode < dan > dan ingin tampil persis seperti itu diposting Anda, kenyataannya kode tersebut malah hilang. Ikuti tutorial praktis berikut, oh ya tip ini berlaku baik di posting wordpress atau blogger / blogspot. 


A. Konversi Online

1. Kunjungi Encode Decode HTML Converter di sini atau di sini.

2. Masukkan kode html / javascript yang ingin Anda tampilkan di posting di kotak yang tersedia, terus klik menu “Encode” 

3. Copy dan paste hasil encode yang ada dalam kotak ke posting Anda. Selesai.

Catatan: Jangan lupa klik menu “HTML” di kotak posting atas-kanan sebelum memasukkan kode html yang sudah di-encode tadi.

(bersambung)


  1. kalau memang untuk memasukkan skrip agar bisa berjalan, bisa ga’ mas?
    soalnya wordpress “melarang keras” penggunaan javascript di semua fiturnya, baik di bagian postingan maupun bagian widgetnya

  2. edi

    matur nuwun mas, udah tak tunggu lama banget ini artikel ini.Sukses untuk anda

  3. ton6312

    Hatur nuhun kang. Coba ah.

  4. arlini

    Mas,saya masih belum mengerti cara membuat blog,tolong dong saya dijelasin bagaimana cara buat nama.fungsi code dan encode

  5. ian

    sebagai blogger pemula ada tips-tips khusus biar blog kita sering dibaca masyarakat dan selalu mendapatkan masukan yang baik dari segala pihak.

  6. nice tool for newbie

  7. siap dicoba, mas!

  8. Mas koq malah tambah bingung ya……………apa karena yg minim pengetahuan saya….tolongin saya…
    gimana cara bikin pernak-pernik n.desain bigron blog………..
    makasih mas…

  9. WAH, mantab neh tutorial-tutorialnya
    sangat berguna banget…

  10. Mas Gmana caranya kira masukin theme song ke blog kita dan file lagu2itu dari komputer kita…Apa Link yg harus di kopi dari blog org yg udah dimasukin itu

  11. @faruqi:
    cara mengcopy link:
    internet explorer: arahkan mouse ke file lagu –> klik kanan ->copy shortcut

    firefox: arahkan mouse ke file lagu –> klik kanan ->copy link location

  12. Gimana cara masang tampilan jam ke blog saya (WP). saya ud coba beberapa kali tetap gak bisa. maturnuwun atas penjelasannya.

    lihat di http://afatih.wordpress.com/2007/11/13/mengaktifkan-widget-di-sidebar/

  13. ini sama fungsunya dengan ini ya?

    http://www.yuki-onna.co.uk/html/encode.html

  14. llettoy

    Mas ada ga html encoder dan decoder yang ga online berbentuk freeware gituh

  15. Mas, bisa tidak untuk menulis kode html di postingan biar kelihatan untuk dibaca, tetapi tidak dikonversi online. Mungkin ada kode2 ata script tertentu? Makasih saya tunggu jwbnya, email saya yasugir@gmail.com

  16. mas, caranya buat kode html itu gimana y?

  17. minta yang bisa upload javascript *.js untuk ads sense di wordpress hosted blog, bisakah??

    thanks.

    salam,
    suryadi
    aku paham dan bisa!
    http://pkab.wordpress.com
    peta konsep anak bangsa

  18. berau

    iya nih.. untuk adsense ga bisa di wordpress… payah.. w
    wordpress gak ngijinin javascript…
    tapi kalo gambar gerak diriku punya cara sendiri..
    aku akalin aja pake macromedia..
    nih hasilnya–>http://kabupatenberau.wordpress.com/

  19. galihyonk

    testing2..

  20. ufonesia

    Mas klo mau masukin biner di blog kita gimana mas..?

    THX
    Salam
    http://ufonesia.wordpress.com/

  21. bagaimana cara mengganti javascript ke html, semua blog saya tidak bisa placing javascript ..

  22. mas mau nanya neh…coz aq gobllllok banget bikin blognnya…( kalau gak percaya liat ajah blog saya di http://www.blogcirebon.blogspot.com )…pake tool apa seh untuk membuat box code blog saya buat di kopiin ke temen2 blog yang udah b’kunjung…thx…bfore

  23. Kang Syuhud…saya teh mau ngaheurinan di blog si akang, mohon maaf aja bila kurang sopan ma’lum urang gunung tea yang punya CARA BISNIS SEDERHANA di http://www.tawakal-adnanaz.blogspot.com, saya teh pingin ngetop kaya si akang gimana caranya kang ?…… watur nuhun pisan kalo dibalas…

  24. sy nyobak kok ba bisa2 mas..tolong dibantu…thx

  25. hebat dech…
    LINK nya udah tak pasang di blogku, please LINKBACKnya mas, thanks

  26. anggapc

    saya help ke forum wordpress.com dan katanya gak memperkenankan usernya untuk memasang script. apa benar begitu?

  27. kang saya blogger baru, saya bikin blog masalah film terbaru kang terus saya tehbingung mo diapain kang, tolong bantu atuh kang. blog saya newmovie-filmteranyar.blogspot.com tararengkiu atuh kang. ditunggu bantuannya.

  28. Mas……bagaimana caranya mengetahui kode2 HTML nya ? dan bagaimana cara mengeditnya ?
    Maff saya newbie

  29. Elmhurst,

  30. jadi pasang adsense code di blog wordpress bisa gak mas?

  31. odi

    eh gemana cara ganti gambar si????

  32. zia

    mas…. bagaimana cara mengetahui kode2 html?, bagaimana cara mengeditnya??? Trus cara ngidupin hurup2nya?? bikin huruf yang lucu2??? ajarin saya html dong ???

  33. zia

    mas beri tahu saya kode 2html

  34. mas fatih,itu cara buat link kita jadi berbentuk kata ya???
    kalo bukan,cara bikin link kita jadi bentuk kata gimana ya??
    kayak diatas dengan tulisan Encode Decode HTML Converter di sini.
    itu cara buat nya gimana ya???tolong ajarin plz

  35. asik dapet ilmu baru lagi nih, pas surf blog

  36. zuem@acasa.ro

    mas… gimana cara buat js ya? tolong dong ajari aku.

  37. ok juga

  38. mas mau nanya, selama berapa lama sih dari saat kita daftar, sampai kita log in lagi. kok aku barusan daftar setelah jadi, aku log in kok gak bisa tulisannya invalid user name/ incorect user name.
    please dong bantuannya. soalnnya aku butuh banget makasih.
    http://www.212baca.wordpress.com

  39. frida

    mas mau tanya dong, saya mau template/plugin WP yang “pengunjung blog saya bisa posting photo (tentunya registrasi dulu). Mohon pencerahaanya ya mas

  40. cibeo

    wah…masiiii… bingung ni mas …..maklum newbie

  41. bingung..? sama dong

  42. gok nopo carane bikin wordpress sing apik tenan yo mas???????

    orang baru,,,,,,

  43. wah..wah.. ada yang Konversi offline gak mas???

  44. wah..tips yang lebih dari sekedar membantu. ok..siip.

  45. om salam knal yach ..
    saya masih pemula ..
    mohon bantuannya om ..
    bgini om ..
    cara pasang code javascript di blog wordpress saya bagaimana om ??
    mohon bantuannya ..
    ini java script yg mau saya pasang ..

    mohon bantuannya ..

  46. om salam knal yach ..
    saya masih pemula ..
    mohon bantuannya om ..
    bgini om ..
    cara pasang code javascript di blog wordpress saya bagaimana om ??
    mohon bantuannya ..
    ini java script yg mau saya pasang ..

    mohon bantuannya ..

  47. apayg di maksud dgn code html,dan gunanya untuk apa,dari mana kita bisa tau code yg harus kita tulis pd perintah pengisian kode? terimakasih atas jawaban yg sangat mencerahkan otak saya
    mama mirah
    mirahdelima.delima@gmail.com

  48. saya ingin memasang gambar foto profil saya seperti yg tampil di samping email teman yg terpampang pd halaman ini,tolong dong beri tau caranya,..trimakasiih,.

    #lihat di sini -> http://afatih.wordpress.com/2008/08/19/cara-pasang-foto-di-komentar/

  49. anobtg

    gimana ya caran ya masukkan java scrip di wordpress
    http://sintuk.wordpress.com

  50. sigietz

    MAS, WORDPRESS KAN GAK BISA PAKE JAVA SCRIPT, LHA CONERSINYA KE HTML GIMANA??

  51. tukeran link ya mas…
    thanks, udah ngasih banyak info utk edit2 blog ini…

  52. Makasih hehe :D

    masalah gw bisa di atasi sekarang
    :D

  53. Bambang Sriwijonarko, S.Ip

    Ok banggets…………..

  54. gw koq malah bingung y!!!

  55. ma kasih buat info nya mas.

  56. mas bagus juga tuh mas. makasih banyak ya mas atas pembelajaran yang telah mas posting.
    tapi ada yang mau saya tanyakan nih mas ” gi mana caranya jika kita ingin memasukan software dan bisa di jalankan oleh pengunjung wordpress. di tunggu jawabanya ya mas.klw bisa tolong kirimin jawabanya ke email atau ke web saya. makasih sebelumnya.

  57. aji

    bagaimana cara menambah posting pada blog?

  58. ade

    bro lebih lengkap lagi ya mengenai cara menulis htmlnya cos penjelasannya kurang banyak heheheheheh maaf cuma usul aaja darisaya

  59. jelyepy

    cara membuat animasi turun salju diblog saya gimana ya, tolong kasih tau dong caranya?

  60. yo wis tak cobanen…
    makasih mas …

  61. encode dan decode itu kayak apa ya…??
    Jelasin dong mas… thanx

  62. keren euy..

    eniwei, kalau mau bikin kode html muncul dipostingan, trus saat org lain mau mengcopy cukup 1 kali klik udah kesorot semua kodenya gimana bos? hehe..mkasih sebelumnya..

  63. bagus baget tuuu cara na
    thanks

  64. sep banget tu masss :)

  65. Mas,tolooooongggbangeettttttttttttt….
    saya kan pake blogspot.untuk mengcopy html counter itu di paste dimana???kok ga berhasil terus.kalo toh dibilang berhasil tapi wujud counternya ga keliatan.yang ada blog ku jd kacauuuuuuu…gede2 tulisanya….stresssss

    #taruk di gadget Javascript/HTML.
    setelah login -> layout -> element -> javascript/html

  66. tenkyu pak fatih syuhud….smoga Alloh member balasan atas pahala mencerdaskan bangsa…walo saya sangat newbie alias gak tau apa2 bisa belajar dengan bantuan anda

  67. salam kenal mas,
    http://bursasepatu.wordpress.com

  68. mifhid

    saya install wordpress 2.7 di website saya dan ingin mengedit theme yang ada.
    jika kita buka account di wordpress.com untuk edit theme ada menu optionsnya ( Widgets | Extras | Custom Image Header | Color Header | Edit CSS )
    namun saya install wordpress di web saya menu option tersebut tidak tampil. bagaiman untuk mengedit theme-nya?

  69. mas, cara masukan tabel pdf di postingan blogspot gimana yaa…, habis kalau pakai image bukanya kadang-kadang terlalu berat…., atau ada freeware untuk converter pdf to HTML?

  70. Mas hapunten anu kasuhun.. saya colek dikit ya artikelnya buat di blog saya yang:

    NEWBIE STUDIO.COM

    terimaksih…

    Sanny Rizky Jatnika

  71. makasih atas infonya boss..
    kalau sempat mampir di blogku banyak koleksi desain rumah arsipku…

  72. jafar

    As..wr..wrt.

    Aku seneng banget mampir di blog ini,udah ramai.., dapat ilmu lagi..
    poko’nya.. orang lapangan seperti lama-lama jadi bisa pienter.. he..
    sekalian mau nanya nie..
    ko’ setiap aku mau edit HTML-nya, ada pesan yg seperti ini TEXT WILL NOT FIT INSIDE TEX BOX, padahal saya udah memberi tanda tik pada kotak kecil EXPAD TEMPLATE WIDGET.
    napa yach om?!.
    apa karna saya cumang pake hp.
    tolong yach om..

    djafar (samarinda)

  73. thank atas ilmunya.
    buat yang mau tukeran link, silahkan kunjungi lautanlink.blogspot.com. selain tukeran link, link kita pun disebar ke banyak anggotanya.

  74. Makasi banget atas infornya. Teruslah berkarya. Saya menukungmu.

  75. artikel nya bener² lengkap
    makasih infonya ya

  76. tips nya sangat berguna sekali….

    trima kasih mas….

  77. BeO

    wah bermanfaat baget Om tutorial nya bagi Newbe blogger sepertu saya…..

    makasu Om infonnya…
    and izin pasang Postingan nya… kayanya penting buat acuan….

  78. wicaksono

    Mas gemana carannya menampilkan table text dari excel atau yg lainnya ke menu tertentu di blog(wordpress)

  79. good jobs…
    banyak banget info g ambil dr sini thanks..

  80. good bos…
    thanks for info…

  81. Assalamualaikum
    Q mau naya…
    gmana caranya memasukkan layout blognya…???

  82. gimana cara memasukkan layout blognya…?

  83. wah….mantap tak coba dulu y,,,

  84. Bingung gue,masih ga faham. .he

  85. junans

    biar pun di convert kok script javanya g mau ya tolong saya

  86. AKU YANG PALING LIER KAYAKNYA DARI PAGI SAMPEI UD SORE BEGINI MASIH TIDAK NEMU JALAN KELUARNYA BUAT BULAK HUH…

  87. CARA UNTUK PINDAHKAN JADI SATU AMA FACEBOOK GIMANA YA?
    shunsiustan@yahoo.com

  88. trims bangat bos…, artikelnya bagus2 dan lengkap, so.. sukses aja terus buat antum, wassalamu alaikum, :)

  89. tengkyu untuk link encoder html entitiesnya, encod jadi lebih mudah dan ga cape

  90. ervin

    maish bingung ttg koding

  1. 1 generic fioricet

    fioricet side effects

    Site – very comprehensive and meticulous from all points of view, it’s good!
    Just excellent website, I’m sure!
    generic fioricet
    http://fioricetbuyfior.blog.ijijiji.com

  2. 2 Cara Menulis Kode HTML Java Script di Posting « ISLAMIC ARTICLE

    [...] Ganti setiap kode > dengan &gt; Mengapa perlu dikonversi secara manual kalau sudah tersedia konversi/encoding online? Ya, untuk jaga-jaga siapa tahu konversi/encoder onlinenya sudah tidak bisa diakses lagi. Atau [...]

  3. 3 Tutorial Blog « “welcome to my world”

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  4. 4 Cara Menulis Kode HTML Java Script di Posting « My Weblog

    [...] perlu dikonversi secara manual kalau sudah tersedia konversi/encoding online? Ya, untuk jaga-jaga siapa tahu konversi/encoder onlinenya sudah tidak bisa diakses lagi. Atau [...]

  5. 5 Tutorial Wordpress Lengkap « Seluk Beluk Bisnis Internet

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  6. 6 Cara memasukan Java Script di wordpress by:Tarecha « Koock (Tempatnya Orang Kreatif)

    [...] perlu dikonversi secara manual kalau sudah tersedia konversi/encoding online? Ya, untuk jaga-jaga siapa tahu konversi/encoder onlinenya sudah tidak bisa diakses lagi. Atau [...]

  7. 7 Budi Utami Fahnun » Blog Archive » Buat Blog di WordPress

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  8. 8 Refleksi dan Tutorial Blog; Wordpress & Blogspot « Dhiez’s Weblog

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  9. 9 * Akunku o Dasbor Global o Penyelancar Tag o Komentar Saya o Stat o Ubah Profil o Hubungi Bantuan o WordPress.com o Keluar Log * Dasborku * Tulisan Baru * * * Info Blog o Tulisan Sembarang o Berlangganan blog o Tambahkan ke Blogroll o Laporkan sebagai spa

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  10. 10 Cara Membuat Blog di Wordpress « ABDUL RAIDIN

    [...] Cara menulis kode HTML java script di posting [...]

  11. 11 Peluang mendapat gaji dalam dollar. « Bambie’s Blog

    [...] Cara menulis kode HTML java script di posting [...]

  12. 12 Cara membuat Blog di Wordpress.com « Blog Mahasiswa Universitas Borobudur 2008

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  13. 13 Tutorial WordPress.com « Mtopan’s Blog

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  14. 14 Bahan Nulis Blog (Fatih Syuhud) « Blizzard Villatium

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  15. 15 perkenalan « K4m4li’s Blog

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  16. 16 Tutorial Blog « gooooooo…!

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  17. 17 cara membuat blog di wordpress.com « Rawnaku’s Blog

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  18. 18 CARA MUDAH MEMBUAT BLOG ANDA « Nwaye’s Blog

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  19. 19 Cara Menulis Kode HTML Java Script di Posting « KuMpUlAn tUgaS

    [...] perlu dikonversi secara manual kalau sudah tersedia konversi/encoding online? Ya, untuk jaga-jaga siapa tahu konversi/encoder onlinenya sudah tidak bisa diakses lagi. Atau [...]

  20. 20 Cara Menulis Kode HTML Java Script di Posting « Belajar bikin Blog dengan mudah

    [...] Sumber :  fatihsyuhud.com [...]

  21. 21 Kumpulan Tutorial Wordpress « allinone802.wordpress.com

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  22. 22 Tutorial Blog « Virtual First

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  23. 23 Ar1es G!rlS » Blog Archive » Tutorial Blog WordPress

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  24. 24 Cara Membuat Blog di WordPress « Abuwa2009.com

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  25. 25 Tutorial WordPress « Petrusambarita’s Blog

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  26. 26 TUTORIAL WORDPRESS « Gereggiseptino91’s Weblog

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  27. 27 Menampilkan code HTML di Posting « STIFI gO bloG

    [...] selamat mencoba untuk lebih lengkap silahkan baca disini dan disini [...]

  28. 28 Tutorial wordpress.com dan blogspot, adsense « -bebas berkarya-

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  29. 29 CARA BUAT WEBSITE GRATIS..! « TIADA KEMULIAAN TANPA ISLAM

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  30. 30 Cara Menulis Kode HTML Java Script di Posting (2) « Share Forever With Naufal

    [...] perlu dikonversi secara manual kalau sudah tersedia konversi/encoding online? Ya, untuk jaga-jaga siapa tahu konversi/encoder onlinenya sudah tidak bisa diakses lagi. Atau [...]

  31. 31 Bature kita « Moh elz@

    [...] Cara Menulis Kode HTML Java Script di Posting dg Encoder Online [...]

  32. 32 Link Tutorial Blog Lengkap (Wordpress, Blogger/ Blogspot) « .mifka weblog.

    [...] Cara Menulis Kode HTML Java Script di Posting [wordpress] [...]

  33. 33 Drop-down Blogroll « copy p@ste

    [...] Cara Menulis Kode HTML Java Script di Posting [...]

  34. 34 Link Tutorial Blog Fatih Syuhud – Kuz09.Com

    [...] Cara Menulis Kode HTML Java Script di Posting [...]




Leave a Comment