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="smallfont"><b>Spoiler:</b> <input value="Show" style="background-color: transparent; height: 20px; width: 45px; margin: 0px; padding: 0px;" onclick="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'; }" type="button"></div><div class="alt2" style="margin: 0px; padding: 4px; border: 1px solid #008000;"><div style="display: none;">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
Contoh menampilkan script berikut pada blog:
<p><span ><div class="smallfont"><b>Spoiler:</b> <input value="Show" style="background-color: transparent; height: 20px; width: 45px; margin: 0px; padding: 0px;" onclick="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'; }" type="button"></div><div class="alt2" style="margin: 0px; padding: 4px; border: 1px solid #008000;"><div style="display: none;">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
Joss tenan tipsnya, salam kenal
ReplyDeletewah..no.2 dech..
ReplyDeleteterima ksaih bos infonya
ReplyDeletesangat bermanfaat.
salam kenal http://www.imtikhan.co.cc
Mantapz.. ini yang dicari-cari..
ReplyDeletemaksih ya wat infonya
salam kenal.. :D
ReplyDeletethanks bangettt triknya :D
ReplyDeleteMakasih 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 ;;)
ReplyDeletecontohnya gimana bos??? newbie gak ngerti bos.. :)
ReplyDeleteblog jawara log lengkap nih bos.. lanjut kesana.. thanks ya :)
ReplyDelete8-}makasih bos...
ReplyDeletemembantu banget buat saya.
ditunggu kunjungan baliknya
Baca dari awal ga ngerti maksudnya apaan,
ReplyDeletetapi waktu paste script ke situs http://centricle.com/tools/html-entities/
akhirnya ngerti, wkwkwkwk :))
Makasi ya infonya..