Membuat Border dan Menampilkan Script HTML / Script Pemprograman di halaman blog

Kita kesulitan saat akan menampilkan code-code bahasa pemprograman di halaman depan website. Berikut ini kami akan sharing bagaimana cara membuat border. border adalah sebuah kotak yang akan tampil di halaman website yang akan berisi script code yang akan kita tampilkan, berikut ini contohnya :

<div style="background-color: #eeeeee; border: 2px solid rgb(204, 204, 204); padding: 8px; width: 510px;"> 
<br />
</div>

Untuk menampilkan code-code HTML atau CSS maka kita harus menggunakan media conferter. Media conferter ini dapat kita buat sendiri

memiliki blog tentang tips dan trik blog yang memuat kode-kode html atau javascript pada postingan blognya tentu sudah tidak asing lagi dengan istilah parse html. Kode-kode tersebut tidaklah serta merta tampil dengan begitu saja ketika kode tersebut anda paste pada entri baru postingan blog. Kode yang anda paste begitu saja di blog akan menjadi kode yang terpasang dan aktif di blog, bukan kode yang tertampilkan pada postingan blog. Oleh karena itu kode tersebut harus di-parsing terlebih dahulu. Beberapa website yang menyediakan tool parse-html/html-parser/parsing-html/html-entities yang saya rasa sudah familiar di kalangan blogger yakni seperti Centricle dan Blogcrowds. Namun tentu saja cara tersebut tidak sebegitu ringkas jika anda memiliki sendiri tool tersebut yang terpasang di blog.
Sebelum membuat posting ini saya sempatkan untuk googling sejenak mencari cara memasang tool html parser di blog. Saya temukan beberapa cara yang menyediakan hal tersebut, namun terdapat link yang menuju pada website lain pada kode yang ditemukan. Hal ini tentunya mengurangi daya tarik bagi sebagian blogger.
Atas dasar tersebutlah kali ini saya akan berbagi bagaimana membuat tool parsing html dengan menggunakan kode javascript sederhana.

Confert semua code di web itu dan copy paste, ke box / border yang sudah kita siapkan, tinggal dirapikan tata letaknya. selamat mencoba.

Jangan lupa baca yang ini juga