October 11, 2015

Cara Memasukkan Kode HTML di Posting Blog

October 11, 2015

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

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

4 comments on Cara Memasukkan Kode HTML di Posting Blog

  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

Contact Form

Name

Email *

Message *