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
Posted by at
Reactions: 
Labels:

11 comments:

  1. FarozApril 18, 2010 at 4:46 AM

    Joss tenan tipsnya, salam kenal

    ReplyDelete
  2. RozieApril 18, 2010 at 4:50 AM

    wah..no.2 dech..

    ReplyDelete
  3. imtikhanMay 9, 2010 at 7:34 PM

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

    ReplyDelete
  4. JulkahendriJune 19, 2010 at 2:47 AM

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

    ReplyDelete
  5. asal-klikJune 21, 2010 at 7:50 AM

    salam kenal.. :D

    ReplyDelete
  6. Mandailing NatalNovember 10, 2010 at 5:35 AM

    thanks bangettt triknya :D

    ReplyDelete
  7. JawaraBlogDecember 11, 2010 at 8:12 PM

    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
  8. baju coupleDecember 26, 2010 at 6:56 PM

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

    ReplyDelete
  9. butikDecember 26, 2010 at 6:58 PM

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

    ReplyDelete
  10. UnknownSeptember 21, 2011 at 9:23 AM

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

    ReplyDelete
  11. Nick BelonkOctober 10, 2011 at 6:38 AM

    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

Subscribe to: Post Comments (Atom)