Home » » 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/).*

Thanks for reading & sharing Cara Memasukkan Kode HTML di Posting Blog

Previous
« Prev Post

3 comments:

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

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

      Delete
  2. Sangat membantu gan 👍,

    ReplyDelete

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

E-mail Newsletter

Receive Latest Posts from CB Blogger Straight in Your Email Inbox