Sabtu, 19 Juni 2010

Cara memposting kode html dan javascript di blog

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("&nbsp;");
document.write(version); </script>
</body>
</html>

<html><head><title>jenis browser</title></head><body><mce: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><br /> <div id="bla..bla..bla">kira-kira seperti ini ........................................................................ ........................................ ................................. ................................. ....................................</div> <p></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!

1. Memposting kode dan script html dengan menambahkan tag code 
saya sering menggunakan cara ini karena paling sempurna diantara beberapa cara lain, berikut langka-langkahnya !!!

* jika ingin menulis, biasanya kita disodorkan dua jenis mode, mode html 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

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;jenis browser&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;script type="text/javascript"&gt;
var browser=navigator.appName; var b_version=navigator.appVersion;
var version=parseFloat(b_version); document.write(browser);
document.write("&amp;nbsp;");
document.write(version); &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

* masih di mode html
* setelah itu tambahkan tag <code> dan </code>diantara scriptnya
* seperti ini

<code>&lt;html&gt;
&lt;head&gt;
&lt;title&gt;jenis browser&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;script type="text/javascript"&gt;
var browser=navigator.appName; var b_version=navigator.appVersion;
var version=parseFloat(b_version); document.write(browser);
document.write("&amp;nbsp;");
document.write(version); &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</code>?

* sekarang coba publish dan lihat hasilnya!

2. cara memposting kode dan script html dengan menambahkan tag textarea 
cara ini sebenarnya lumayan friendly buat pengguna blogspot, tapi nggak frindly buat pengguna wordpress :) , berikut 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
* kode yang berwarna biru itu sudah aturan! tapi bisa ditambahkan style dan properti lain
* yang saya nggak suka dari cara ini ialah karena jika didalam kode/secriptnya terdapat line break(enter) maka tampilan di web akan bertambah tag <br/>
* cara ini cocok buat pengguna blogspot, kalau untuk wordpress kita harus hapus line breaknya

3.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 halaman pertama
* berikutnya ada form(box/textarea)
* paste kode html yang ingin di posting ke form tersebut
* klik parse
* jika berhasil maka ada kode baru
* copy semua kodenya
* kemudian paste kode baru ke postinagan sobat(mode html)
* publish
* lihat hasilnya
* cara ini yang paling mudah digunakan.

ada cara lain? silakan komentar!
semoga bermanfaat dikutip dari http://www.indaam.com

Tidak ada komentar:

Posting Komentar

,