<?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>Muis&#039; Life Notes &#187; HTML</title>
	<atom:link href="http://muislife.com/tag/html/feed" rel="self" type="application/rss+xml" />
	<link>http://muislife.com</link>
	<description>Sebuah Catatan Perjalanan Hidupku</description>
	<lastBuildDate>Thu, 23 Jun 2011 03:07:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>MENULIS KODE HTML DALAM POSTING</title>
		<link>http://muislife.com/menulis-kode-html-dalam-posting.html</link>
		<comments>http://muislife.com/menulis-kode-html-dalam-posting.html#comments</comments>
		<pubDate>Tue, 13 Oct 2009 08:40:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Posting]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Trik]]></category>
		<category><![CDATA[tulisan]]></category>

		<guid isPermaLink="false">http://muislife.com/?p=228</guid>
		<description><![CDATA[Sekadar berbagi pengalaman, mungkin  pengalaman ini pernah anda junpai dalam mem-posting kode HTML di blog/website anda terutam jika anda menggunakan mode visual (design). Terkadang saya ingin mem-posting tutorial tentang blog yang isinya mengandung kode HTML tetapi kode HTML tersebut langsung dieksekusi (dijalankan) oleh browser sehingga kode HTML nya tidak tampak. Contohnya mungkin seperti ini : [...]


Artikel Terkait:posts:<ol><li><a href='http://muislife.com/cara-mengubah-tampilan-kursor-di-wordpress.html' rel='bookmark' title='Permanent Link: CARA MENGUBAH TAMPILAN KURSOR DI WORDPRESS'>CARA MENGUBAH TAMPILAN KURSOR DI WORDPRESS</a></li>
<li><a href='http://muislife.com/tag-seo-friendly.html' rel='bookmark' title='Permanent Link: TAG &lt;IMG&gt;  SEO FRIENDLY'>TAG &lt;IMG&gt;  SEO FRIENDLY</a></li>
<li><a href='http://muislife.com/masterweb-net-get-paid-webhosting.html' rel='bookmark' title='Permanent Link: Masterweb.net : Get Paid Webhosting'>Masterweb.net : Get Paid Webhosting</a></li>
<li><a href='http://muislife.com/gadget-widget-motivasi.html' rel='bookmark' title='Permanent Link: GADGET / WIDGET MOTIVASI'>GADGET / WIDGET MOTIVASI</a></li>
<li><a href='http://muislife.com/yarpp-related-posts-di-wordpress.html' rel='bookmark' title='Permanent Link: YARPP : Related Posts di WordPress'>YARPP : Related Posts di WordPress</a></li>
<li><a href='http://muislife.com/bertukar-traffic-traffic-exchange.html' rel='bookmark' title='Permanent Link: BERTUKAR TRAFFIC (TRAFFIC EXCHANGE)'>BERTUKAR TRAFFIC (TRAFFIC EXCHANGE)</a></li>
<li><a href='http://muislife.com/bagaimana-menjalankan-wordpress-secara-offline.html' rel='bookmark' title='Permanent Link: BAGAIMANA MENJALANKAN WORDPRESS SECARA OFFLINE?'>BAGAIMANA MENJALANKAN WORDPRESS SECARA OFFLINE?</a></li>
<li><a href='http://muislife.com/identifikasi-petikemas.html' rel='bookmark' title='Permanent Link: IDENTIFIKASI PETIKEMAS'>IDENTIFIKASI PETIKEMAS</a></li>
<li><a href='http://muislife.com/identifikasi-petikemas-2.html' rel='bookmark' title='Permanent Link: IDENTIFIKASI PETIKEMAS'>IDENTIFIKASI PETIKEMAS</a></li>
<li><a href='http://muislife.com/4shared-com-tempat-berbagi-file.html' rel='bookmark' title='Permanent Link: 4SHARED.COM TEMPAT BERBAGI FILE'>4SHARED.COM TEMPAT BERBAGI FILE</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Sekadar berbagi pengalaman, mungkin  pengalaman ini pernah anda junpai dalam mem-posting kode HTML di blog/website anda terutam jika anda menggunakan mode visual (design).</p>
<p style="text-align: justify;">Terkadang saya ingin mem-posting tutorial tentang blog yang isinya mengandung kode HTML tetapi kode HTML tersebut langsung dieksekusi (dijalankan) oleh browser sehingga kode HTML nya tidak tampak. <span id="more-228"></span>Contohnya mungkin seperti ini :</p>
<p style="text-align: justify;"><b><i>Saya ingin menulis kode seperti dibawah ini</i></b></p>
<p><FONT COLOR ="FF0000" >&lt;a href=&#8221;http://muislife.com&#8221; target=&#8221;_blank&#8221;&gt;&lt;img border=&#8221;0&#8243; src=&#8221;http://muislife.com/images/muislifelogo.png&#8221;/&gt;&lt;/a&gt;</FONT></p>
<p style="text-align: justify;"><b><i>Tetapi muncul:</i></b></p>
<p><a href="http://muislife.com" target="_blank"><img src="http://muislife.com/images/muislifelogo.png" border="0" alt="" /></a></p>
<p style="text-align: justify;">dulunya saya bingung tentang permasalahan ini. Tetapi setelah bertanya pada om google (yang baik hati) akhirnya saya mendapatkan jawaban.</p>
<p style="text-align: justify;">Untuk mendapatkan kode HTML yang kita inginkan, caranya adalah dengan mengganti tanda &#8220;<span style="font-weight: bold; padding: 0px; margin: 0px;">&lt;</span>&#8221; dengan <span style="font-weight: bold; padding: 0px; margin: 0px;">&amp;lt;</span>, dan &#8220;<span style="font-weight: bold; padding: 0px; margin: 0px;">&gt;</span>&#8221; dengan <span style="font-weight: bold; padding: 0px; margin: 0px;">&amp;gt;</span></p>
<p>Tetapi jika cara itu sulit maka cara berikut dapat dicoba. Caranya adalah:</p>
<ol style="text-align: justify;">
<li>Copy paste kode HTML yang akan anda masukkan ke posting anda pada text area &#8220;input text&#8221; seperti pada bagian di bawah posting ini.</li>
<li>Klik Encode untuk memprosesnya</li>
<li>Copy paste text yang muncul di &#8220;Output Text&#8221; di posting anda.</li>
<li>Selamat mencoba dan jangan lupa meninggalkan comment-nya yach <img src='http://muislife.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> )</li>
</ol>
<p><FORM name=form1 action="http://somesite.com/prog/adduser" method="post"><br />
<b>Input Text</b><br />
<textarea name="textarea1" cols="60" rows="5" id="textarea1"></textarea><br />
<b>Output Text </b><br />
<textarea name="textarea2" cols="60" rows="5" id="textarea2"></textarea><br />
<INPUT type="button" value="Encode" id=button1 onclick="encodeText()">  <INPUT type="button" value="Decode" id=button2 onclick="decodeText()">  <INPUT type="button" value="Clear" id=button3 onclick="clearText()"><br />
</FORM></p>
<h4>Incoming search terms for the article:</h4><ul><li><a href="http://muislife.com/menulis-kode-html-dalam-posting.html" title="code html tulisan berjalan pada wordpress">code html tulisan berjalan pada wordpress</a></li><li><a href="http://muislife.com/menulis-kode-html-dalam-posting.html" title="menulis postingan HTML">menulis postingan HTML</a></li><li><a href="http://muislife.com/menulis-kode-html-dalam-posting.html" title="menulis posting html">menulis posting html</a></li><li><a href="http://muislife.com/menulis-kode-html-dalam-posting.html" title="posting kode html pada halaman posting">posting kode html pada halaman posting</a></li><li><a href="http://muislife.com/menulis-kode-html-dalam-posting.html" title="menulis kode html">menulis kode html</a></li><li><a href="http://muislife.com/menulis-kode-html-dalam-posting.html" title="kode dalam HTML">kode dalam HTML</a></li><li><a href="http://muislife.com/menulis-kode-html-dalam-posting.html" title="menulis di shoutmix dengan html">menulis di shoutmix dengan html</a></li><li><a href="http://muislife.com/menulis-kode-html-dalam-posting.html" title="paste hasil parse html di bagian posting">paste hasil parse html di bagian posting</a></li><li><a href="http://muislife.com/menulis-kode-html-dalam-posting.html" title="menulis teks HTML di postingan">menulis teks HTML di postingan</a></li><li><a href="http://muislife.com/menulis-kode-html-dalam-posting.html" title="area posting html">area posting html</a></li></ul><!-- SEO SearchTerms Tagging 2 plugin took 1.845 ms --><img src="http://muislife.com/?ak_action=api_record_view&id=228&type=feed" alt="" />

<p>Artikel Terkait:posts:<ol><li><a href='http://muislife.com/cara-mengubah-tampilan-kursor-di-wordpress.html' rel='bookmark' title='Permanent Link: CARA MENGUBAH TAMPILAN KURSOR DI WORDPRESS'>CARA MENGUBAH TAMPILAN KURSOR DI WORDPRESS</a></li>
<li><a href='http://muislife.com/tag-seo-friendly.html' rel='bookmark' title='Permanent Link: TAG &lt;IMG&gt;  SEO FRIENDLY'>TAG &lt;IMG&gt;  SEO FRIENDLY</a></li>
<li><a href='http://muislife.com/masterweb-net-get-paid-webhosting.html' rel='bookmark' title='Permanent Link: Masterweb.net : Get Paid Webhosting'>Masterweb.net : Get Paid Webhosting</a></li>
<li><a href='http://muislife.com/gadget-widget-motivasi.html' rel='bookmark' title='Permanent Link: GADGET / WIDGET MOTIVASI'>GADGET / WIDGET MOTIVASI</a></li>
<li><a href='http://muislife.com/yarpp-related-posts-di-wordpress.html' rel='bookmark' title='Permanent Link: YARPP : Related Posts di WordPress'>YARPP : Related Posts di WordPress</a></li>
<li><a href='http://muislife.com/bertukar-traffic-traffic-exchange.html' rel='bookmark' title='Permanent Link: BERTUKAR TRAFFIC (TRAFFIC EXCHANGE)'>BERTUKAR TRAFFIC (TRAFFIC EXCHANGE)</a></li>
<li><a href='http://muislife.com/bagaimana-menjalankan-wordpress-secara-offline.html' rel='bookmark' title='Permanent Link: BAGAIMANA MENJALANKAN WORDPRESS SECARA OFFLINE?'>BAGAIMANA MENJALANKAN WORDPRESS SECARA OFFLINE?</a></li>
<li><a href='http://muislife.com/identifikasi-petikemas.html' rel='bookmark' title='Permanent Link: IDENTIFIKASI PETIKEMAS'>IDENTIFIKASI PETIKEMAS</a></li>
<li><a href='http://muislife.com/identifikasi-petikemas-2.html' rel='bookmark' title='Permanent Link: IDENTIFIKASI PETIKEMAS'>IDENTIFIKASI PETIKEMAS</a></li>
<li><a href='http://muislife.com/4shared-com-tempat-berbagi-file.html' rel='bookmark' title='Permanent Link: 4SHARED.COM TEMPAT BERBAGI FILE'>4SHARED.COM TEMPAT BERBAGI FILE</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://muislife.com/menulis-kode-html-dalam-posting.html/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>TAG &lt;IMG&gt;  SEO FRIENDLY</title>
		<link>http://muislife.com/tag-seo-friendly.html</link>
		<comments>http://muislife.com/tag-seo-friendly.html#comments</comments>
		<pubDate>Tue, 06 Oct 2009 09:01:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Online]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Trik]]></category>
		<category><![CDATA[tulisan]]></category>
		<category><![CDATA[user Friendly]]></category>

		<guid isPermaLink="false">http://muislife.com/?p=210</guid>
		<description><![CDATA[Mungkin anda sudah sering atau sudah sangat familiar dengan tag &#60;img&#62; atau &#60;IMG&#62; pada html tag. Tag ini berfungsi untuk merekam alamat dan property suatu gambar yang akan kita tampilkan pada suatu website. Untuk mengarahkan search engine untuk mencari gambar dengan kata kunci tertentu. Contohnya  sebagai berikut:  &#60;img border=&#8221;0&#8243; src=&#8221;alamat gambar anda &#8221; align=”left” alt=”Deskripsi [...]


Artikel Terkait:posts:<ol><li><a href='http://muislife.com/menulis-kode-html-dalam-posting.html' rel='bookmark' title='Permanent Link: MENULIS KODE HTML DALAM POSTING'>MENULIS KODE HTML DALAM POSTING</a></li>
<li><a href='http://muislife.com/4shared-com-tempat-berbagi-file.html' rel='bookmark' title='Permanent Link: 4SHARED.COM TEMPAT BERBAGI FILE'>4SHARED.COM TEMPAT BERBAGI FILE</a></li>
<li><a href='http://muislife.com/yarpp-related-posts-di-wordpress.html' rel='bookmark' title='Permanent Link: YARPP : Related Posts di WordPress'>YARPP : Related Posts di WordPress</a></li>
<li><a href='http://muislife.com/cara-mengubah-tampilan-kursor-di-wordpress.html' rel='bookmark' title='Permanent Link: CARA MENGUBAH TAMPILAN KURSOR DI WORDPRESS'>CARA MENGUBAH TAMPILAN KURSOR DI WORDPRESS</a></li>
<li><a href='http://muislife.com/gadget-widget-motivasi.html' rel='bookmark' title='Permanent Link: GADGET / WIDGET MOTIVASI'>GADGET / WIDGET MOTIVASI</a></li>
<li><a href='http://muislife.com/bertukar-traffic-traffic-exchange.html' rel='bookmark' title='Permanent Link: BERTUKAR TRAFFIC (TRAFFIC EXCHANGE)'>BERTUKAR TRAFFIC (TRAFFIC EXCHANGE)</a></li>
<li><a href='http://muislife.com/bagaimana-menjalankan-wordpress-secara-offline.html' rel='bookmark' title='Permanent Link: BAGAIMANA MENJALANKAN WORDPRESS SECARA OFFLINE?'>BAGAIMANA MENJALANKAN WORDPRESS SECARA OFFLINE?</a></li>
<li><a href='http://muislife.com/masterweb-net-get-paid-webhosting.html' rel='bookmark' title='Permanent Link: Masterweb.net : Get Paid Webhosting'>Masterweb.net : Get Paid Webhosting</a></li>
<li><a href='http://muislife.com/aquarius-gps-dengan-presisi-tinggi-dari-magellan.html' rel='bookmark' title='Permanent Link: AQUARIUS :GPS DENGAN PRESISI TINGGI DARI MAGELLAN'>AQUARIUS :GPS DENGAN PRESISI TINGGI DARI MAGELLAN</a></li>
<li><a href='http://muislife.com/survey-hidrografi-untuk-monitoring-alur-pelayaran.html' rel='bookmark' title='Permanent Link: SURVEY HIDROGRAFI UNTUK MONITORING ALUR PELAYARAN'>SURVEY HIDROGRAFI UNTUK MONITORING ALUR PELAYARAN</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Mungkin anda sudah sering atau sudah sangat familiar dengan tag &lt;img&gt; atau &lt;IMG&gt; pada html tag. Tag ini berfungsi untuk merekam alamat dan property suatu gambar yang akan kita tampilkan pada suatu website. Untuk mengarahkan search engine untuk mencari gambar dengan kata kunci tertentu. Contohnya  sebagai berikut: </p>
<p style="text-align: justify;"><span style="color: #ff0000;">&lt;img border=&#8221;0&#8243; src=&#8221;alamat gambar anda &#8221; align=”left” alt=”Deskripsi Gambar Anda” vspace=”4” hspace=”12” border=”1” width=”150” height=”20”&gt;<span style="color: #000000; "> </span></span></p>
<p style="text-align: justify;">Ada beberapa hal yang perlu diperhatikan dalam tag tersebut:</p>
<ol style="text-align: justify;">
<li>Opsi src=” alamat gambar anda” sebaiknya anda menggunakan nama / alamat gambar yang sesuai dengan topik yang sedang dibicarakan dalam artikel yang mengandung gambar tersebut. <em><strong><span style="text-decoration: underline;">Disarankan menggunakan kata-kata kunci yang ada dalam artikel.</span></strong></em></li>
<li>Opsi alt=”Deskripsi Gambar anda” selain untuk memberi keterangan gambar pada pengunjung web /blog anda juga untuk memudahkan search engine untuk mengindeks gambar tersebut dan kata-kata kunci yang sesaai dengan apa yang dibicarakan dalam artikel. <strong><em><span style="text-decoration: underline;">Karena itu disarankan menggunakan deskripsi yang berhubungan dengan kata-kata kunci yang ada dalam artikel kita.</span></em></strong></li>
<li>Jika anda mengetahui ukuran dari gambar maka disarankan untuk mengisi opsi width=”” dan height untuk menpotimalkan kecepatan <em>loading</em> dari gambar (dalam ukuran pixel).</li>
</ol>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;">Selamat mencoba, ditunggu commentnya yach <img src='http://muislife.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> )</p>
<h4>Incoming search terms for the article:</h4><ul><li><a href="http://muislife.com/tag-seo-friendly.html" title="Survey Hidrografi Untuk Monitoring Alur Pelayaran">Survey Hidrografi Untuk Monitoring Alur Pelayaran</a></li><li><a href="http://muislife.com/tag-seo-friendly.html" title="tag img html">tag img html</a></li><li><a href="http://muislife.com/tag-seo-friendly.html" title="cache:NnMrg55v_xwJ:muislife com/survey-hidrografi-untuk-monitoring-alur-pelayaran html alat survey hidrografi">cache:NnMrg55v_xwJ:muislife com/survey-hidrografi-untuk-monitoring-alur-pelayaran html alat survey hidrografi</a></li><li><a href="http://muislife.com/tag-seo-friendly.html" title="cache:NnMrg55v_xwJ:muislife com/survey-hidrografi-untuk-monitoring-alur-pelayaran html cara penetapan alur pelayaran">cache:NnMrg55v_xwJ:muislife com/survey-hidrografi-untuk-monitoring-alur-pelayaran html cara penetapan alur pelayaran</a></li><li><a href="http://muislife.com/tag-seo-friendly.html" title="cache:NnMrg55v_xwJ:muislife com/survey-hidrografi-untuk-monitoring-alur-pelayaran html kalibrasi navigasi gps hidrografi">cache:NnMrg55v_xwJ:muislife com/survey-hidrografi-untuk-monitoring-alur-pelayaran html kalibrasi navigasi gps hidrografi</a></li><li><a href="http://muislife.com/tag-seo-friendly.html" title="cache:NnMrg55v_xwJ:muislife com/survey-hidrografi-untuk-monitoring-alur-pelayaran html langkah-langkah menentukan elevasi dengan menggunakan total station">cache:NnMrg55v_xwJ:muislife com/survey-hidrografi-untuk-monitoring-alur-pelayaran html langkah-langkah menentukan elevasi dengan menggunakan total station</a></li><li><a href="http://muislife.com/tag-seo-friendly.html" title="langkah langkah survey hidrografi">langkah langkah survey hidrografi</a></li><li><a href="http://muislife.com/tag-seo-friendly.html" title="tag IMG pada HTML untuk">tag IMG pada HTML untuk</a></li></ul><!-- SEO SearchTerms Tagging 2 plugin took 1.442 ms --><img src="http://muislife.com/?ak_action=api_record_view&id=210&type=feed" alt="" />

<p>Artikel Terkait:posts:<ol><li><a href='http://muislife.com/menulis-kode-html-dalam-posting.html' rel='bookmark' title='Permanent Link: MENULIS KODE HTML DALAM POSTING'>MENULIS KODE HTML DALAM POSTING</a></li>
<li><a href='http://muislife.com/4shared-com-tempat-berbagi-file.html' rel='bookmark' title='Permanent Link: 4SHARED.COM TEMPAT BERBAGI FILE'>4SHARED.COM TEMPAT BERBAGI FILE</a></li>
<li><a href='http://muislife.com/yarpp-related-posts-di-wordpress.html' rel='bookmark' title='Permanent Link: YARPP : Related Posts di WordPress'>YARPP : Related Posts di WordPress</a></li>
<li><a href='http://muislife.com/cara-mengubah-tampilan-kursor-di-wordpress.html' rel='bookmark' title='Permanent Link: CARA MENGUBAH TAMPILAN KURSOR DI WORDPRESS'>CARA MENGUBAH TAMPILAN KURSOR DI WORDPRESS</a></li>
<li><a href='http://muislife.com/gadget-widget-motivasi.html' rel='bookmark' title='Permanent Link: GADGET / WIDGET MOTIVASI'>GADGET / WIDGET MOTIVASI</a></li>
<li><a href='http://muislife.com/bertukar-traffic-traffic-exchange.html' rel='bookmark' title='Permanent Link: BERTUKAR TRAFFIC (TRAFFIC EXCHANGE)'>BERTUKAR TRAFFIC (TRAFFIC EXCHANGE)</a></li>
<li><a href='http://muislife.com/bagaimana-menjalankan-wordpress-secara-offline.html' rel='bookmark' title='Permanent Link: BAGAIMANA MENJALANKAN WORDPRESS SECARA OFFLINE?'>BAGAIMANA MENJALANKAN WORDPRESS SECARA OFFLINE?</a></li>
<li><a href='http://muislife.com/masterweb-net-get-paid-webhosting.html' rel='bookmark' title='Permanent Link: Masterweb.net : Get Paid Webhosting'>Masterweb.net : Get Paid Webhosting</a></li>
<li><a href='http://muislife.com/aquarius-gps-dengan-presisi-tinggi-dari-magellan.html' rel='bookmark' title='Permanent Link: AQUARIUS :GPS DENGAN PRESISI TINGGI DARI MAGELLAN'>AQUARIUS :GPS DENGAN PRESISI TINGGI DARI MAGELLAN</a></li>
<li><a href='http://muislife.com/survey-hidrografi-untuk-monitoring-alur-pelayaran.html' rel='bookmark' title='Permanent Link: SURVEY HIDROGRAFI UNTUK MONITORING ALUR PELAYARAN'>SURVEY HIDROGRAFI UNTUK MONITORING ALUR PELAYARAN</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://muislife.com/tag-seo-friendly.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

