Sabtu, 24 Oktober 2009

Parse Kode HTML buat Postingan Blog

Kali ini saya inigin berbagi info kepada teman-teman yang mungkin belum tahu. Info mengenai cara mudah untuk mem-parse-kan kode HTML agar dapat dimasukan ke dalam postingan Blogger, Wordpress maupun Blog platform lainnya. Cukup dengn meng-copy-paste kan kode HTML yang ingin kamu parse-kan, dengan demikian kode tersebut udah bisa kamu tampilkan di postingan blogmu.. kebayang nggak mudahnya..??

Begini caranya

Mungkin selama ini jika kamu ingin menampilkan kode-kode HTML didalam postingan Blog untuk memberikan sebuah tips kepada pengunjung blog mu, yang didalamnya terdapat kode-kode html yang harus di otak-atik, biasanya kamu mengganti (<) dengan (& lt;) dan untuk ( >) dengan (& gt;), jika kodenya sedikit mungkin tidak terlalu melelahkan, namun bagaimana jika kodenya selembar kertas polio? wkwkwkwkwkwkkk.....apa nggak pusing tuch..? Tentulah bikin capek tenaga dan mata tambah lagi buat pusing. Memang sih ada trik copy-paste, namun tetap saja kamu harus melakukannya satu-satu. Nah tinggalkanlah cara lama seperti itu, untuk menghemat waktu, tenaga kamu dan menyelamatkan mata dari kelelahan. Nech ada cara yang lebih mudah...

Misalkan kamu ingin menampilkan kode berikut ini pada postingan mu:

<div id=’main-wrapper’>
<b:section class=’main’ id=’main’ showaddelement=’yes’>
<b:widget id=’Blog1&#8242; locked=’true’ title=’Blog Posts’ type=’Blog’/>
</b:section>
</div>

<div id=’sidebar-wrapper’>
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’/>
</div>

<!– spacer for skins that want sidebar and main to be the same height–>
<div class=’clear’> </div>

</div> <!– end content-wrapper –>

<div id=’footer-wrapper’>
<b:section class=’footer’ id=’footer’/>
</div>

Tentulah mengganti satu-satu untuk tiap tag <> dengan & lt; atau gt; adalah urusan yang melelahkan. Sekarang tidak perlu lagi, kamu cukup “copy” seluruh kode diatas dan kesini http://www.blogcrowds.com/resources/parse_html.php kemudian anda “paste” seluruh kode tersebut dilembar yang telah tersedia, seperti ini:

Kemudian kamu tekan tombol ‘parse’ yang letaknya dibawah lembar diatas.

Nanti semua <> menjadi & gt;.

Gimana mudahkan....??

Oke udah dulu yach tipsnya, sampai pada info & tips berikutnya…semoga bermanfaat.


Situs Parse Kode HTML lainnya : http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx

0 comments:

Posting Komentar