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 :
- Tampilkan Status Online YM Pemilik blog atau website bisa menampilkan status online yahoo messenger
- Related Post, Bagaimana Agar Blog Tampil Menarik (Catatan Kedua) Pada postingan yang telah lalu saya sedikit mengulas catatan pertama
- Pagi Hingga Sore, Hakimtea.com Tidak Bisa Diakses Pagi sampai sore ini Hakimtea.com tidak bisa diakses, masalahnya pihak
- Vote For Blogger, Ayok Kita Kasih Suara Untuk Blogger.Com Pernahkah Anda berpikir untuk membalas jasa blogger...? Jangan cuma balas
- Menambahkan Effek Bayangan (Shadow) Pada Gambar di Postingan Blog Anda Kalo yang gemar ngotak-ngatik adobe photoshop untuk menambahkan efek bayangan
Hi, my name is Hakimtea, I like drink a cup of tea n blogging is really my cup of tea :) I've been dreaming to be a fulltime Blogger, I imagine to be a Master Blogger... when I wake up and realize that all my dreams are still like all I consume, an ordinary Hakimtea... a newbie Blogger who try to write, sharing information and getting money from blogging. 
August 9th, 2008 at 8:06 am
pertama!!!bebas komen khan chayank???hua..ha..ha…*ngacir,takut dilempar sendal ma kimtea*
August 9th, 2008 at 8:24 am
sayang aku ga ahli kode-kodean
August 9th, 2008 at 8:42 am
mas……kode..untuk naklukin cewek ada gak…..?
August 9th, 2008 at 9:02 am
@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…
August 9th, 2008 at 9:25 am
Lho.. bukanNa mas hakim sudah menyandang gelar master? Nice artikel mas, laen kali kalau ada bocoran lgi kasi tau ya..
August 9th, 2008 at 9:52 am
saya biasa menggunakan dreamweaver untuk kode html unik tapi yang ini beda euy di coian ah
August 9th, 2008 at 10:01 am
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
*
August 9th, 2008 at 10:30 am
@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*
August 9th, 2008 at 10:32 am
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..
August 9th, 2008 at 11:39 am
hehehe… jadi terinspirasi membuat sesuatu neh…
August 9th, 2008 at 11:44 am
bisa2 neh kang dicoba….
August 9th, 2008 at 12:52 pm
asal bukan kode togel aja…he2
August 9th, 2008 at 2:25 pm
gw cuma pengin bilang… tengkeyu buat yang bikin web jasa tersebut… baek hati… he…he…
August 9th, 2008 at 3:14 pm
ahh..aku lebih suka sama yg centricle itu tuh….urlnya lebih gampang diinget
August 9th, 2008 at 3:34 pm
@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…
August 9th, 2008 at 5:35 pm
thank you dah Hakim, kalau saya kesini pasti nemu info menarik
August 9th, 2008 at 9:31 pm
Info yang mantep bener neeh..
August 9th, 2008 at 11:52 pm
Ohhh.. aku mah baru tau yang beginian.. sip lah Kang.. hatur nuhun info na..
August 10th, 2008 at 2:34 am
boleh nambah, dikit?
pake dreamweaver: paste code dalam visual –> masuk ke html –> copy code –> beyes
August 10th, 2008 at 3:21 am
@Akang Dahsyat: sama-sama kang…
@masarif: wah tambahan yang menarik mas… makasih…
August 10th, 2008 at 5:50 am
Dapet ilmu baru lagi neh dari kang hakim..
August 10th, 2008 at 2:21 pm
[...] 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 [...]
August 10th, 2008 at 2:22 pm
saya terinspirasi membuat kode yang sama dengan menggunakan javascript bang..
August 10th, 2008 at 3:25 pm
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…
August 10th, 2008 at 3:48 pm
@the gands : kalo udah beres kasih tahu ya… pengen liat hasilnya nih…
@Rully Patria : makasih kang, salam kenal juga… silahkan saja… makasih ya…
August 10th, 2008 at 4:15 pm
@Hakimtea:
udah tuh bang.. ada di postingan saya yang terbaru…
August 10th, 2008 at 4:42 pm
Langsung ke TKP — >
August 10th, 2008 at 4:50 pm
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…
August 10th, 2008 at 4:55 pm
Segera kembali ke TKP…
August 10th, 2008 at 5:00 pm
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…
August 10th, 2008 at 5:09 pm
August 10th, 2008 at 5:28 pm
@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….
August 10th, 2008 at 5:28 pm
hehehe… dolar mengalir buat saya jadi ngiler.. hehehehehe…
August 10th, 2008 at 6:25 pm
Mauntap om ki2m. Thanks infonya
August 10th, 2008 at 6:27 pm
Ada yang ngomongin dollar ya? Antena langsung nyadap neh kalo dah ngomongin dollar
August 11th, 2008 at 2:18 am
Ayo the gands semangat… wisudanya ntar aja nyusul yg penting dolar dulu ngalir… halaaah ko jadi nyaranin yg ga bener ya
August 11th, 2008 at 2:55 am
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
August 11th, 2008 at 8:04 am
pluginnya buat sendiri dari 0 ya?
August 11th, 2008 at 8:09 am
[...] Tiga Jasa Web Untuk Menampilkan Kode HTML Pada Postingan [...]
August 18th, 2008 at 4:25 pm
enaknya pake wordpress
August 18th, 2008 at 6:25 pm
@the gands : ooo… hehe iya tuh mulai dari zero ntar jadi hero…
@fanari : wp emang enak…
August 27th, 2008 at 12:36 pm
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…
August 29th, 2008 at 6:09 pm
mkasih ya kang, karena akang, saya udah terbantu. god job !!!
August 30th, 2008 at 6:55 pm
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 …………
October 17th, 2008 at 9:09 am
Thanks a lot
October 22nd, 2008 at 12:30 am
Hi! new lamictal side effects
November 9th, 2008 at 5:16 pm
Tremakasih pak hakim pak guru juga y,ane murid belajar posting.Terima kasih iaaa.
November 10th, 2008 at 1:53 am
Akhirnya ketemu juga nih caranya menampilkan kode HTML di dalam postingan. Thanks bos
November 19th, 2008 at 7:46 pm
Hello. It is test.
November 24th, 2008 at 9:57 pm
ga usah pake jasa web yang lain. pake jasa sendiri aja untuk membuatnya juga bisa koq
coba aja lihat di blog saya.
thanks
November 26th, 2008 at 8:52 am
makasih infonya. membantu banget nih
December 10th, 2008 at 4:50 am
Hello
I’ve just registered to say your site is very useful and nicely done!
Thank you very much for your work.
Cheers!
Sorry for offtopic.
December 14th, 2008 at 3:19 pm
Ini dia yg saya cari2 akhirnya ketemu juga deh, Thanks yah bang Hakimtea
December 21st, 2008 at 10:53 am
terimakasih atas infonya, sagant membantu sekali postingan anda
January 31st, 2009 at 10:00 pm
hehehehhehehe nyasar ke sini seeep di bookmark dulu soalnya ane gampang lupa .. thank kang
February 3rd, 2009 at 10:05 am
heeee nyasar kesini
cuma mau tau cara masukin kode html kepostingan cara nya rumit juga ya
tapi aku akan berusaha pantang menyerah
doakan aku ya mas hakimyea supaya bisa
walaikumsalam
February 10th, 2009 at 1:18 am
<script>location="http://thegooglenews.blogspot.com";</script>
May 11th, 2009 at 8:34 am
thanks,,,salam kenal….?
July 16th, 2009 at 2:05 am
How many times you eat during a normal … every day life?
are you the type of person who eats a bit and often?
or rarely and too much?
i usually have 3 and i’m the 2nd type of person (though it’s not that healthy)
8 am breakfast
3pm lunch
9pm a snack.