Cara Memasukkan Kode HTML di Posting Blog

Baca Juga

Cara Memasukkan Kode HTML di Posting Blog: Parse Dulu!

JIKA kita menulis artikel tips blogging, terutama ketika berbagi kode HTML/Javascript, maka kita harus memasukkan atau menyertakan kode tersebut di postingan.

Selama ini, CB tidak menemui kendala ketika menyertakan kode HTML dalam postingan blog. Namun, pada saat menulis posting Cara Membuat Sidebar Akordion di Blogspot, tiba-tiba kode HTML/Javascript menghilang! Tidak muncul di postingan.

CB coba lagi dengan memasukka kode, misalnya, kode untuk Menghapus Judul di Halaman Statis Blog. Hasilnya seperti ini (KOSONG/TIDAK MUNCUL):





Lalu, "terpaksa" CB gunakan cara memposting kode HTML pada blog yang di-share Maskolis beberapa tahun lalu. Hasilnya (MUNCUL):

<!-- HIDE TITLE POST ON STATIC PAGE -->
<b:if cond='data:blog.pageType == "static_page"'>
<style>
.post-title.entry-title{display: none;}
</style>
</b:if>

BAGAIMANA CARANYA?
Kebanyakan template dengan mudah memasukkan kode HTML dalam postingan blog. Namun, ternyata template baru CB ini "agak istimewa" sehingga jika memasukkan kode HTML/Javascript dalam tulisan, kodenya harus di-Parse dulu di HTML Parser.

Hasil parser, hasil mengubah kode HTML menjadi kode yang dapat dibaca pada artikel, baru sang kodok... eh, sang kode muncul!

Kode HTML/JS dalam postingan sebaiknya "dibungkus" sehingga tampil beda dengan teks lainnya.

Kodenya:

<div style="border: 1px solid #ddd; padding: 10px; background-color: #fafafc; text-align: left;">

Kode Script Anda Di Sini

</div>

Copas kode tersebut di mode "HTML" saat menulis postingan. Lalu klik "Compose", dan masukkan kode HTML hasil Parsing.

Kode menghilangkan judul halaman statis di atas, setelah "dibungkus", menjadi begini:

<b:if cond='data:blog.pageType == "static_page"'>
<style>
.post-title.entry-title{display: none;}
</style>
</b:if>

Anda punya pengalaman lain? (http://www.contohblog.com/).*