<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>HeryanTony.com &#187; html kode</title>
	<atom:link href="http://heryantony.com/tag/html-kode/feed/" rel="self" type="application/rss+xml" />
	<link>http://heryantony.com</link>
	<description>All in One: Tips and Tricks, Antivirus, Free Download, News</description>
	<lastBuildDate>Wed, 16 May 2012 07:02:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Cara Menampilkan Kode HTML</title>
		<link>http://heryantony.com/cara-menampilkan-kode-html-di-posting/</link>
		<comments>http://heryantony.com/cara-menampilkan-kode-html-di-posting/#comments</comments>
		<pubDate>Sun, 11 Jan 2009 15:51:55 +0000</pubDate>
		<dc:creator>Heryan Tony</dc:creator>
				<category><![CDATA[Blogging Tips]]></category>
		<category><![CDATA[cara menulis kode html]]></category>
		<category><![CDATA[code html]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html kode]]></category>
		<category><![CDATA[menampilkan kode html]]></category>
		<category><![CDATA[show html code]]></category>

		<guid isPermaLink="false">http://heryantony.com/cara-menampilkan-kode-html-di-posting/</guid>
		<description><![CDATA[Mungkin di antara kita sering membuat atau menulis beberapa isi postingan blog dalam bentuk kode HTML namun setelah dilihat pada mode visual ternyata kode yang kita tulis tidak muncul di postingan. Bagaimana cara agar kode HTML tampil di postingan? Ada beberapa hal yang dapat kita lakukan untuk menampilkan kode HTML di halaman posting atau kode [...]]]></description>
			<content:encoded><![CDATA[<p align="justify">Mungkin di antara kita sering membuat atau menulis beberapa isi postingan blog dalam bentuk kode HTML namun setelah dilihat pada mode visual ternyata kode yang kita tulis tidak muncul di postingan. Bagaimana cara agar kode HTML tampil di postingan? Ada beberapa hal yang dapat kita lakukan untuk menampilkan kode HTML di halaman posting atau kode yang ditulis bisa nampak di posting blog kita.</p>
<p align="justify"><span id="more-243"></span>Pertama kita perlu mengganti beberapa karakter HTML, maksudnya kita mesti mengganti kode-kode yang sering kita gunakan pada penulisan seperti:</p>
<table border="0">
<tbody>
<tr>
<td width="50" align="center"><strong><span style="color: #0000ff;">&lt;</span></strong></td>
<td width="100" align="center">diganti dengan</td>
<td width="50" align="center"><strong><span style="color: #0000ff;">&amp;lt;</span></strong></td>
</tr>
<tr>
<td width="50" align="center"><strong><span style="color: #0000ff;">&gt;</span></strong></td>
<td width="100" align="center">diganti dengan</td>
<td width="50" align="center"><strong><span style="color: #0000ff;">&amp;gt;</span></strong></td>
</tr>
<tr>
<td width="50" align="center"><strong><span style="color: #0000ff;">&amp;</span></strong></td>
<td width="100" align="center">diganti dengan</td>
<td width="50" align="center"><strong><span style="color: #0000ff;">&amp;amp;</span></strong></td>
</tr>
<tr>
<td width="50" align="center"><strong><span style="color: #0000ff;">&#8220;</span></strong></td>
<td align="center">diganti dengan</td>
<td width="50" align="center"><strong><span style="color: #0000ff;">&amp;quot;</span></strong></td>
</tr>
<tr>
<td width="50" align="center"><strong><span style="color: #0000ff;">±</span></strong></td>
<td align="center">diganti dengan</td>
<td width="50" align="center"><strong><span style="color: #0000ff;">&amp;plusmn;</span></strong></td>
</tr>
<tr>
<td width="50" align="center"><strong><span style="color: #0000ff;">spasi</span></strong></td>
<td align="center">diganti dengan</td>
<td width="50" align="center"><strong><span style="color: #0000ff;">&amp;nbsp;</span></strong></td>
</tr>
</tbody>
</table>
<p align="justify">
<p align="justify">Contohnya:</p>
<p><span style="color: #ff0000;">&lt;a href=&#8221;http://heryantony.com/&#8221; target=&#8221;_blank&#8221; title=&#8221;Heryan Tony&#8217;s Weblog&#8221;&gt;heryantony.com&lt;/a&gt;</span></p>
<p>Agar tampil kode seperti di atas maka kita perlu menuliskan kodenya seperti berikut:</p>
<p><span style="color: #ff0000;">&amp;lt;a href=&amp;quot;http://heryantony.com/&amp;quot; target=&amp;quot;_blank&amp;quot; title=&amp;quot;Heryan Tony&#8217;s Weblog&amp;quot;&amp;gt;heryantony.com&amp;lt;/a&amp;gt;</span></p>
<p align="justify">Cara yang kedua yaitu dengan menggunakan jasa dari Website Encode and Decode seperti <a target="_blank" href="http://centricle.com/tools/html-entities/" target="new">centricle.com</a>, di sini kita tinggal meng-copy and paste hasil dari encode atau decode dari websitenya ke postingan kita. Encode berarti mengubah ke bentuk notasi dan decode mengganti ke bentuk karakter HTML semula. Yang lain seperti <a target="_blank" href="http://www.accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php" target="new">accessify.com</a>, <a target="_blank" href="http://www.blogcrowds.com/resources/parse_html.php" target="new">Blogcrowds</a>, dll.</p>
<p align="justify">Sedangkan cara selanjutnya kita dapat menggunakan bantuan text area untuk meletakkan kode HTML kita. Cara ini mengharuskan kita membuat text area terlebih dahulu kemudian kita meletakkan kode HTML di dalam text area yang telah dibuat tadi. contoh:</p>
<p align="left"><textarea cols="35" rows="3" name="code">&lt;a href=&#8221;http://heryantony.com/&#8221; target=&#8221;_blank&#8221;&gt;Heryan Tony&#8217;s Weblog&lt;/a&gt;</textarea></p>
<p align="justify">Kode yang ditulis adalah:</p>
<p><span style="color: #ff0000;">&lt;p align=left&gt;&lt;textarea name=&#8221;code&#8221; rows=&#8221;3&#8243; cols=&#8221;35&#8243;&gt;&lt;a href=&#8221;http://heryantony.com/&#8221; target=&#8221;_blank&#8221;&gt;Heryan Tony&#8217;s Weblog&lt;/a&gt;&lt;/textarea&gt;&lt;/p&gt;</span></p>
<p align="justify">Selain cara di atas, bila anda tidak ingin pusing silakan ketik kode postingan yang ingin ditampilkan pada mode &#8220;Visual&#8221; maka anda akan mendapatkan apa yang anda ketik &#8220;What You See Is What You Get&#8221; <img src='http://heryantony.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p align="justify">Selamat mencoba!</p>
]]></content:encoded>
			<wfw:commentRss>http://heryantony.com/cara-menampilkan-kode-html-di-posting/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
	</channel>
</rss>

