Skip to main content

Menampilkan kode script pada posting blog

Bagi para blogger yang suka memposting tutorial, adakalanya kita perlu untuk menampilkan kode script pada posting kita. Tentu saja kita bermaksud kode tersebut tidak diproses oleh blogger dan hanya ditampilkan sebagaimana teks biasa. Untuk itu, setelah penulis bertanya ke mbah google akhirnya ketemu juga cara untuk menampilkan script tutorial pada postingan blog kita.

Contoh menampilkan script berikut pada blog:
<p><span ><div class=&quot;smallfont&quot;><b>Spoiler:</b> <input value=&quot;Show&quot; style=&quot;background-color: transparent; height: 20px; width: 45px; margin: 0px; padding: 0px;&quot; onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = '';this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }&quot; type=&quot;button&quot;></div><div class=&quot;alt2&quot; style=&quot;margin: 0px; padding: 4px; border: 1px solid #008000;&quot;><div style=&quot;display: none;&quot;>Thank You</div></div></span></p>

Cara pertama yaitu dengan memasukkan mengubah setting-an pada 'Post Setting' di Navigation Bar (sebelah kanan window post) -> Options - Compose mode dengan memilih Show HTML literally.

Cara kedua yaitu dengan mem-paste-kan semua teks (yang mengandung script) ke http://htmlentities.net/ dan tinggal upload code hasil encodenya ke postingan blog... Lebih mudah, kan... :P


Happy tutorial posting... :-D

Comments

  1. Joss tenan tipsnya, salam kenal

    ReplyDelete
  2. terima ksaih bos infonya
    sangat bermanfaat.
    salam kenal http://www.imtikhan.co.cc

    ReplyDelete
  3. Mantapz.. ini yang dicari-cari..
    maksih ya wat infonya

    ReplyDelete
  4. Makasih buat totorialnya gan, di blog ane juga ngebahas ini gan, insya allah lebih mudah dan lebih bisa dimengerti gan, silahkan berkunjung dan jangan lupa tinggalkan komentarnya ya gan ;;)

    ReplyDelete
  5. contohnya gimana bos??? newbie gak ngerti bos.. :)

    ReplyDelete
  6. blog jawara log lengkap nih bos.. lanjut kesana.. thanks ya :)

    ReplyDelete
  7. 8-}makasih bos...
    membantu banget buat saya.
    ditunggu kunjungan baliknya

    ReplyDelete
  8. Baca dari awal ga ngerti maksudnya apaan,
    tapi waktu paste script ke situs http://centricle.com/tools/html-entities/
    akhirnya ngerti, wkwkwkwk :))

    Makasi ya infonya..

    ReplyDelete

Post a Comment

Popular posts from this blog

Pengaturan TP-LINK TL-MR3020 sebagai WiFi Client

Dear Pembaca setia, Kali ini penulis ingin berbagi cerita, bagaimana sebuah devices (PC atau yang lain) yang tidak memiliki modul Wireless, dan hanya memiliki port LAN (RJ45), dapat terkoneksi ke jaringan dengan bantuan Wireless Router TP-Link TL-MR3020. Caranya adalah dengan

Install Ghost Blog di Raspberry Pi

Dear Pembaca Setia, Kali ini Penulis hendak berbagi pengalaman terkait instalasi Ghost Blog di Raspberry Pi. Penulis menggunakan Raspberry Pi 4b saat instalasi, namun Raspberry Pi 3b seharusnya sudah cukup. Tutorial kali ini menggunakan Docker untuk instalasi Ghost,