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