Tiga Jasa Web Untuk Menampilkan Kode HTML Pada Postingan
Sebenarnya untuk menampilkan kode HTML pada postingan blog (sebagai contoh kode HTML) pernah saya singgung sedikit dalam keterangan tentang cara PEMASANGAN ADSENSE PADA HEADER untuk penggunaan template adsense. Namun karena kurang spesifik dan tidak saya singgung bahwa tips tersebut bisa juga digunakan untuk menampilkan kode HTML pada posting blog, jadinya selalu saja ada pertanyaan yang masuk tentang bagaimana menampilkan kode atau tag HTML pada postingan blog kita.
Demikian pertanyaan terakhir yang masuk,
Kang pgn nanya neh, kotak postingan kn mgndung kode html. Nah sy bngung agar cntoh kode html itu bs tmpil gmn ya, apa ada kode yg khusus.
Jika kita olah satu persatu kode yang ada misalkan untuk satu karakter pembuka saja yang biasa kita lihat berikut: < jika ingin ditampilkan pada postingan maka yang harus kita tulis adalah < dan untuk karakter penutup > yang harus kita tulis agar tampil yang kita maksud adalah > belum lagi karakter lainnya semisal karakter &, tanda kutip dan lainnya.
Sebagai contoh untuk menampilkan kode link HTML sederhana berikut ini, pada postingan,
<a href=”http://hakimtea.com”>Hakimtea</a>
Maka kode di atas harus kita PARSE terlebih dahulu dan yang harus kita tulis sebelum dipublish (pada Edit HTML/HTML bukan Visual/Compose) sebagai berikut,
<code><a href="http://hakimtea.com">Hakimtea</a></code>
Kode di atas adalah kode HTML link yang sudah diPARSE agar bisa tampil pada postingan kita.
Cukup membingungkan….? Ga usah bingung karena banyak sekali web yang menyediakan jasa untuk memPARSE kode HTML secara instan, praktis dan cepat agar dapat tampil pada postingan blog kita.
Berikut saya rekomendasikan 3 web yang menyediakan jasa encode-decode, quick escape, parse HTML, escape HTML atau apalah namanya itu yang jelas untuk memparse kode HTML agar dapat tampil pada postingan blog.
Catatan: Sebenarnya ini rahasia para master blog. Tapi karena saya masih newbi jadi saya tidak punya hak untuk merahasiakan tips ini. Kepada para master saya mohon maaf…
PERTAMA, Centricle.com. Anda bisa menggunakan jasa centricle untuk memparse html dan aturannya pun cukup sederhana hanya mengcopy-paste kode html yang akan di parse pada kotak yang telah disediakan kemudian klik ENCODE, maka tampilah kode HTML yang telah diparse dan siap dicopas untuk tampil pada postingan blog Anda. Atau klik DECODE untuk mengembalikan pada kode semua. Berikut screenshotnya,
KEDUA, blogcrowds.com. Aturannya sama dengan centricle Anda cukup mempaste kode HTML pada kotak yang disediakan kemudian klik PARSE. Jika ingin lebih jelas disamping kanannya terdapat instruksi penjelasan tentang cara penggunaan tool satu itu. Berikut screenshotnya,
KETIGA, accessify.com. Demikian pula dengan accessify yang menyediakan jasa layanan Parse HTML dan menamakannya Quick Escape. Setelah kode HTML di paste pada kotak tersedia klik Convert to Escape characters. Berikut screenshootnya,
Demikian tiga layanan web yang bisa Anda gunakan untuk memparse kode HTML agar dapat tampil pada postingan blog.
Selamat memilih dan selamat mencoba…
Jika ada tambahan atau cara lebih simple lain, jangan sungkan untuk menambahkan di kolom komentar ya… terimakasih… 
Note: Cara di atas terutama untuk pengguna blogspot. Untuk wordpress dia sudah bisa memparse sendiri pada visual.
____________
Support me at Busby SEO Test
Popularity: 13% [?]
Related Posts
Tips, Tips Blogger
| 
encode-decode, escape HTML, Menampilan HTML pada posting, parse HTML, quick escape
Themocracy
pertama!!!bebas komen khan chayank???hua..ha..ha…*ngacir,takut dilempar sendal ma kimtea*
sayang aku ga ahli kode-kodean
mas……kode..untuk naklukin cewek ada gak…..?
@Tony: bisa aja cukup mas untuk mengurus blogkan perlu kode2an… saya juga sama ga ahli…
@iksan: banyak…. mau kode versi berapa? Versi 2.5 atau 2.6 tergantung… cape deh…
Lho.. bukanNa mas hakim sudah menyandang gelar master? Nice artikel mas, laen kali kalau ada bocoran lgi kasi tau ya..
saya biasa menggunakan dreamweaver untuk kode html unik tapi yang ini beda euy di coian ah
Ya.. memang biasanya saya juga pakai html editor, ya semacam dreamweaver cuma di linux ada banyak ragamnya juga. Tapi jelas.. yang dipaparkan bang hakim ini yang Online, jadi sewaktu-waktu tidak sedang berada di komputer yang ada html editornya, tetep.. bisa posting yang ada kode htmlnya. mungkin begitu saja, bang. terima kasih infonya..
*loh kok tumben serius gini… ooo iya.. belum makan
*
@kapanpun: wahjustru saya belum sempat nyobain dreamweaver… ntar ajarin ya…
…
@firdaus: Waaah ini jagonya linux hadir… saya juga pengen belajar linux dong masih pusing….
memang ada dimana harus serius, ada dimana bisa becanda…
*lho jadi serius juga*
iyah.. punten lah blun nyampe ilmunyah.. tp mau nanya dong.. *culas*
kalo ada pilihan custom fields trus suruh masukin key and value itu h apa yah? (di page write a post) thanks bro..
hehehe… jadi terinspirasi membuat sesuatu neh…
bisa2 neh kang dicoba….
asal bukan kode togel aja…he2
gw cuma pengin bilang… tengkeyu buat yang bikin web jasa tersebut… baek hati… he…he…
ahh..aku lebih suka sama yg centricle itu tuh….urlnya lebih gampang diinget
@the gands: inspirasi apa tuh…
@afwan auliyar: silahkan kang dicoba-coba aja dulu…
@aha: kode togel itu apaan kang…
@Masenchipz: bener mas… baik bener… jadi memudahkan kita… hehe
@Istifajar: pastinya mas… tapi yg dua juga ga kalah bagusnya…
thank you dah Hakim, kalau saya kesini pasti nemu info menarik
Info yang mantep bener neeh..
Ohhh.. aku mah baru tau yang beginian.. sip lah Kang.. hatur nuhun info na..
boleh nambah, dikit?
pake dreamweaver: paste code dalam visual –> masuk ke html –> copy code –> beyes
@Akang Dahsyat: sama-sama kang…
@masarif: wah tambahan yang menarik mas… makasih…
Dapet ilmu baru lagi neh dari kang hakim..
[...] Semalam setelah berkunjung ke blognya bang Hakimtea, saya membaca tulisan beliau tentang tiga jasa web untuk menampilkan kode html pada postingan yang di khususkan untuk pengguna [...]
saya terinspirasi membuat kode yang sama dengan menggunakan javascript bang..
sip..sip..sip…
tiap hari nambah banyak banget ilmu baru..
Thank God i join this community (blogger -red)
Salam Kenal Kang…
Ijin link di blogroll saya ya…
@the gands : kalo udah beres kasih tahu ya… pengen liat hasilnya nih…
@Rully Patria : makasih kang, salam kenal juga… silahkan saja… makasih ya…
@Hakimtea:
udah tuh bang.. ada di postingan saya yang terbaru…
Langsung ke TKP — >
maaf sebelumnya mas, tapi saya udah ngasih update ke blog saya tentang aplikasi yang saya buat sebelumnya. Saya ngasih saran lebih baik kode nya didownload aja… atau di ketik manual…
Segera kembali ke TKP…
Eh, btw bener yah dicari developer DomTabs menjadi plugin BlogPage yah… Hmmm, mau dong ngerjainnya… Tapi gak sekarang kan? Soalnya mau wisuda jadi lagi sibuk2nya…
@hakimtea:
boleh doong di bagi source codenya. tapi saya blon bisa sekarang. Mungkin bulan september baru bisa ngecodingnya, soalnya mau wisuda mas, jadi lagi sibuk ngerjain tugas akhir juga.hehehehe….
hehehe… dolar mengalir buat saya jadi ngiler.. hehehehehe…
Mauntap om ki2m. Thanks infonya
Ada yang ngomongin dollar ya? Antena langsung nyadap neh kalo dah ngomongin dollar
Ayo the gands semangat… wisudanya ntar aja nyusul yg penting dolar dulu ngalir… halaaah ko jadi nyaranin yg ga bener ya
wew, baru tau cara parsing gitu. asik, dapet ilmu lagi. makasih mas hakimtea ^^
wah, kalo saya nyubi, jd blm ngerti dolar2an. hehe…
http://www.gareng.net/ , u comment, i follow
pluginnya buat sendiri dari 0 ya?
[...] Tiga Jasa Web Untuk Menampilkan Kode HTML Pada Postingan [...]
enaknya pake wordpress
@the gands : ooo… hehe iya tuh mulai dari zero ntar jadi hero…
@fanari : wp emang enak…
Salam kenal,
maaf numpang tanya, kalau nampilin banner di header blog (eh header apa ya namanya?:mrgreen:) kayak banner Batagor.org di atas, gimana caranya mas? Tolong jelasin ya…
mkasih ya kang, karena akang, saya udah terbantu. god job !!!
kang saya iseng Browsing tentang bloger lain ! ada satu postingan yang bilang bahwa kang hakiem masuk top idol bloger….itu tuh di o-om.com !
saya setuju banget dan saya akui memang blognya kang hakiem menjadi inspirasi ( pembelajaran ) bagi saya!!!!!!!!!
banyakin tipsnya donk?akhir-akhir ini kebanyakan reviewnya !
maju terus bloger indonesia …………
Thanks a lot
Hi! new lamictal side effects
Tremakasih pak hakim pak guru juga y,ane murid belajar posting.Terima kasih iaaa.
Akhirnya ketemu juga nih caranya menampilkan kode HTML di dalam postingan. Thanks bos
Hello. It is test.
ga usah pake jasa web yang lain. pake jasa sendiri aja untuk membuatnya juga bisa koq
coba aja lihat di blog saya.
thanks