Menampilka Kode script pada postingan 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. Untuk itu, ada dua cara melakukannya. Yang pertama, simak langkah-langkah berikut:

1. Masuk Blogger>
2. Klik Layout(tata letak).
3. Pada Layout/tata letak klik Edit HTML dan centang Expand Widget Template.
4. Cari kode ]]> , kopi kode dibawah ini diatasnya

.codeview {
padding:3px;margin:3px;
}

.codeview li {
padding:3px;margin:3px;
}

5. Pada saat memposting, cara untuk memasukan kode script/kode HTML yaitu encode dulu di http://centricle.com/tools/html-entities/, paste kodenya dan klik encode. paste hasilnya ke halaman posting, tambahkan

diawal script dan

di akhir script

Untuk cara yang kedua:
Tinggal lakuakn saja langkah no 5, paste-kan semua teks (yang mengandung script) ke http://centricle.com/tools/html-entities/ dan tinggal upload code hasil encodenya ke postingan blog... Lebih mudah, kan... :P


Happy tutorial posting... :-D

Artikel Terkait