Cara Memasukkan Kode HTML di Posting Blog

Cara Memasukkan Kode HTML di Posting Blog

Cara Memasukkan Kode HTML di Posting Blog
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/).*

Labels: Desain Blog

Related Posts

4 Komentar untuk "Cara Memasukkan Kode HTML di Posting Blog"

Mas bro cara buat kotak LAYANAN PREMIUM CB, GALERI TEMPLATE, TIPS SEO di atas artikel terkaid bagaimana? Adakah totorialnya, tertarik memasangnya...

Pake cara ini:
http://www.contohblog.com/2015/10/cara-membuat-tombol-demo-download-posting-blog.html

Sangat membantu gan 👍,

1. Komentar spam, menyertakan Link Aktif dan Alamat Blog tidak akan muncul.
2. Tidak semua pertanyaan sempat atau bisa dijawab.
3. Bagi yang mau tanya, sebelum bertanya, silakan cari dulu di Kotak Pencarian di Sidebar.
Thanks for visiting and the comment :)

Contact Form

Name

Email *

Message *