Regi_Adi
Kalau kita mempunyai blog yang isinya tutorial, pasti sering kan memposting kode HTML?? Seperti blog saya ini yang ngaku-ngaku blog yang isinya kumpulan tutorial ngeblog, sering sekali memposting kode HTML untuk keperluan tutorial seperti kode HTML untuk membuat navigasi breadcrumb, untuk membuat auto read more, untuk mengganti link read more dengan gambar, dll.
Dahulu kala sebelum tahu cara memposting kode HTML...(kok kayak dongeng nih...hehehehehehe...) pada saat memposting kode HTML saya bingung setengah hidup karena kode HTML-nya ikut di eksekusi sama si browser. Alhasil, saya jadi ngga pernah memposting tutorial yang ada kode HTML-nya deh.
Berjuta tahun lamanya saya mengembara mencari cara supaya kode HTML tampil di postingan, akhirnya ketemu juga cara memposting kode HTML. Ngga afdol kan kalau udah capek-capek mengembara, tetapi ngga di bagikan ke Sobat semua... maka dari itu, silakan Sobat simak langkah-langkah berikut ini supaya kode HTML tampil di postingan
Langkah 1
Buka http://centricle.com/tools/html-entities/
Setelah tampil halaman dengan kotak besar yang berada di tengah halaman, silakan Sobat masukkan atau copas kode HTML yang akan sobat posting. Setelah itu klik tombol Encode.
Tunggu beberapa saat hingga kode HTML berubah menjadi kode HTML yang telah di encode.
contohnya seperti di bawah ini.
<b:if cond='data:blog.pageType != "item"'>Kode HTML di atas belum di encode. Setelah di encode, kode HTML menjadi seperti di bawah ini
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'&gt;
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
Langkah 2
Setelah kode HTML-nya di Encode, Sobat bisa copas kode tersebut ke postingan Sobat.
O iya, hampir lupa… untuk mengembalikan kode HTML yang telah di Encode menjadi seperti semula, Sobat klik tombol Decode. Sebenarnya Decode tidak perlu karena kode HTML yang bisa diposting yaitu kode HTML yang sudah di Encode.
Semoga bermanfaat…
Posted in 
58 Response to "Cara Memposting Kode HTML"
met pagi gan ! thanks nih info nya.
tutorial yang sangat jelas sahabat seperti biasanya
Info ini sangat menarik untuk diketahui oleh para Blogger khususnya yang mau memposting 'tutorial blog dengan kode HTML'. Referensi dasar para Blogger. Trims info dan tutorialnya.
mantaps...om.....thanks telah mampir....kayane ijin untuk follow asyik nih...
kunjungan rutin mas,,,
Mampir untuk belajar sob....
bermanfaat terutama untuk blog yang membahas tutorial ngeblog dengan menampilkan kode HTML sangat diperlukan, makasih infonya
makin hari makin keren aja infonya dek, Smngat Yah! (^_^)
Keren sob, tutorx ;-)..trims yo
makasih infonya
Sangat bermanfaat ni buat yg belum tau.
Wah praktis tuh Sob......makasih nie info'y......
Ini kawan.Aku kesulitan jika posting html.Nih tips bermanfaat
Sebagai pemula tips ini aku simpan dulu sob.Suatu saat aku pasti membutuhkannya
Thanks you trutorial
wow... bukannya kalo pindah ke mode compose udah bisa ya gan? cmiiw
@AeArc: pada saat berpindah ke mode compose, kode html yg belum di encode yg akan kita posting malah dieksekusi sama browser... jadi postingan kita malah jadi error atau kode html yg akan kita posting malah ngga muncul Sob...
disimpan dulu siapa tahu suatu saat berguna ... karena blog ku kan bukan blog tutorial ...
saya akan banyak belajar sob!
waah makasih infonya..
selama ini bingung kalau mau kasih tau kode HTML itu gimana
seperti menyisipkan link..
kok yaa malah jadinya Outpunya yg keluarnya bukan kodenya
tutorialnya keren mas ,sangat bermanfaat deh ..
weuihh
ada ilmu baru neh dari sobat
makasih neh bro
nah ini dia, dulu sih pernah saya mencoba untuk memposting htlm tak taunya malah kacau jadi posting saya, saya nggak tau kalau harus di parse dulu, setelah saya tanyakan kepada teman ternyata harus diparse dulu katanya...
dasar saya nggak ngudeng
makasih infonya sob...
wah iya neh saya juga pake ini pas mosting tutorial, sip mas...
thanks dah mo berbagi Ya... sip!
info yang menarik kawan , info yang seperti ini memnag sangat perlu bagi yang ingin buat blog tutorial
keren buat inponya brother...
aq follow bloh ini sebagai tanda persahabatan...
kalau berkenaan follow back :)
salam kenal y brother...
mantap fren infonya. ini yg saya cari.:D
kalau aq aq pasang tool sendiri sob d blog aqpakai punyanya google parse html ala google, jd g pakai produk orang lain gt
Makasih tutorialnya mas..
keren banget ini sobat :D
dulu saia juga bingung, gimana naruh kode biar gag ikut jadi tulisan di dalamnya, ntar coba ah :)
Hahhaah, saya juga selalu gagal mengcopypastekan kode html di badan posting, pasti hasilnya adalah link ke url / atau kalau nggak malah berantakan :)
Salam bentoelisan
Mas Ben
Aku save kawan tutornya.soalnya masih belum membutuhkan posting html.seuwun
Aku sama sekali belum tahu cara posting html.trims sob
ini khusus blog yang pake engine blogspot.
berbeda dengan blog yang menggunakan CMS Wordpress.
Jika menggunakan wordpress, parse HTML dilakukan secara otomatis dalam post editor.
Untung aku gak pernah memposting tentang tutorial.. jadi tak perlu bingung deh hehehe
Selama ini kukira memposting kode HTML tuh sama saja seperti ngetik biasa hehehe
wah thx sob, aku baru tau juga nih, soalnya ga pernah posting kode HTML sih..
sep sob langsung di save, kayaknya bakalan kepake nih caranya...
Mantap sob. Ini dia yang sering saya cari, namun belum ketemu. Thanks ya!
wah kode ini yg bikin aku puyeng hehehe
berkunjung balik sob..
gw jarang nulis HTML bung...kalo nulispun pas posting ada fasilitas "tulis HTML apa adanya" di bloger ya...
kunjungan pagee brother
absen dulu pagee ini....
selamat sore brother...
kunjungan nich...
selamat beraktivitas...
bagus...bagus bermanfaat banget mas.
salam kenal
Wah Terima kasih mas triknya... Keep Blogging yaw
oh gitu ya?wah makasih infonya gan
mantapp bro
tapi ane lbih sering yg bawaan blogger yg tulis html apa adanya,,,hehehe
waah penting nih... wat mau buat tutorial blog
^_^
makasih yah mas.,,,
mohon mapir balik... buat refreshing
ehehehhe
postingan nya tetep mantap mutu nya...
nice man !
owh jadi gitu yah mas buat ngposting kode html di artikel..
thanks infonya mas :)
gimana sih cara pasang adsnya promote burner? mohon bantuannya ya? :)
Bermanfaat baget nih artikel,,, makasih ya....
@jun: kita cuma copas script iklan yang dikasih sama promoteburner, trus pasang di blog kita
mantap sob,,aku kunjungi segera situsnya...
COOL.. MAKASII
thx sob....atas info
Posting Komentar
Silakan menyampaikan kritik, saran dan komentar.