Dari Aknutman

Selamat Datang semoga layanan kami memberikan informasi yang anda cari. (Dan mohon comment-nya :-D)

Sunday, February 21, 2010

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

11 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