dikutip dari blog pertama saya http://intheamwhy.blogspot.com
biasanya jika kita ingin share seputar kode html, script maupun kode widget, kita juga harus
mempostingnya dalam bentuk text biasa. permasalahanya ialah terkadang jika kita copas
kode/scriptnya ke postingan hasilnya ialah kode tadi malah menghilang atau blank!
nah, agar kode dan scriptnya bisa ditampilkan, sobat wajib menambahkan tag html lagi, misal
seperti ini!
<html>
<head>
<title>jenis browser</title>
</head>
<body>
<script type="text/javascript">
var browser=navigator.appName; var b_version=navigator.appVersion;
var version=parseFloat(b_version); document.write(browser); document.write(" ");
document.write(version); </script>
</body>
</html>
jika code/scipt diatas dicopas kemudian langsung di publish maka hasilnya tidak sesuai
keinginan
trus bagaimana cara agar kode dan scriptnya bisa ditampilkan?
yang saya tahu ada tiga macam cara untuk memposting/menampilkan code html/script tadi di
postingan. diantaranya dengan cara di parse(cara lama), menggunakan textarea, serta
menambahkan tag code, berikut ketiga caranya, silakan pilih sesuai selerah karena
masing-masing cara punya kelebihan dan kekurangan!
cara memposting kode dan script html dengan menambahkan tag code
saya sering menggunakan cara ini karena paling sempurna diantara beberapa cara lain, beriku
langka-langkah langkanya!
- jika ingin menulis, biasanya kita disodorkan dua jenis mode, mode htmm dan
mode visual/compose
- anggap sebagai contoh
- copy script diatas
- kemudian paste ke form mode compose/visual(bukan html)
- setelah itu, klik mode html
- enter kodenya berubah, kira-kira seperti ini
<html>
<head>
<title>jenis browser</title>
</head>
<body>
<script type="text/javascript">
var browser=navigator.appName; var b_version=navigator.appVersion;
var version=parseFloat(b_version); document.write(browser);
document.write("&nbsp;");
document.write(version); </script>
</body>
</html>
- masih di mode html
- setelah itu tambahkan tag <code> dan </code>diantara scriptnya
- seperti ini
<code><html>?
<head>
<title>jenis browser</title>
</head>
<body>
<script type="text/javascript">
var browser=navigator.appName; var b_version=navigator.appVersion;
var version=parseFloat(b_version); document.write(browser);
document.write("&nbsp;");
document.write(version); </script>
</body>
</html></code>
- sekarang coba publish dan lihat hasilnya!
cara memposting kode dan script html dengan menambahkan tag textarea
cara ini sebenarnya lumayan friendly buat pengguna blogspot, tapi ngga frindly buat pengguna
wordpress 
, beriku caranya
- pilih mode html(bukan visual/compose)
- anggap sebagai contoh
- tulis tag seperti ini
<code><textarea style="width:300px; height: 150px; padding: 5px;" readonly="readonly">masukan kode html dan script disini</textarea</code>
- yah, silakan masukan kode dan script htmlnya di text yang berwarna merah
- markup yang berwarna biru itu sudah aturan! tapi bisa ditambahkan style dan
property lain
- yang saya ngga suka dari cara ini ialah karena jika didalam kode/secripnya
terdapat line break(enter) maka tampilan di web akan bertambah tag <br/>
- cara ini cocok buat pengguna blogspot, kalau untuk wp kita harus hapus line
breaknya
cara memposting kode dan script html dengan cara parse
ketika saya menggunakan blogspot, cara ini sering saya gunakan berikut cara memposting kode
html dengan cara di parse
- siapkan kode yang ingin di posting
- pilih mode html
- silakan googling(google.com)
- masukan keyword parse html
- klik website yang ada di halalam pertama
- entar ada form(box/textarea)
- paste kode html yang ingin di posting ke form tersebut
- klik parse
- entar ada kode baru
- copy semua kodenya
- kemudian paste kode baru ke postingan sobat(mode html)
- publish
- lihat hasilnya
- cara ini sudah ngga saya gunakan!
ada cara lain? silakan komentar!
semoga bermanfaat
artikelnya sangat menarik mas, trimakasih atas penjelasanya.. saya harus lebih banyak belajar. thank’s
kelamaan, pake texa area aja udah bisa.
dulah
haloooooo
nice.
sbagai pemula……
jadi harus banyak belajar ya ?
wah…wah…
wah, nais postingan.. saya masih jauh banget dari abang…
bang, numpang nanya gimana caranya menampilkan tools dari situs lain kedalam posting blog kita? trims…
maaf mas, sy kurang paham maksudnya…
salam kenala gan,,,
artikel yang bagus,,,, !!!
salam kenal jua, terima kasih….