<?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>Arif Romdhoni &#187; Tutorial</title>
	<atom:link href="http://arif.romdhoni.com/category/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://arif.romdhoni.com</link>
	<description>Ikatlah ilmu dengan mencatat</description>
	<lastBuildDate>Fri, 20 Nov 2009 16:53:05 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>SyntaxHighlighter</title>
		<link>http://arif.romdhoni.com/2009/11/17/syntaxhighlighter/</link>
		<comments>http://arif.romdhoni.com/2009/11/17/syntaxhighlighter/#comments</comments>
		<pubDate>Tue, 17 Nov 2009 14:53:22 +0000</pubDate>
		<dc:creator>arifromdhoni</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[codecolorer]]></category>
		<category><![CDATA[syntaxhighlighter]]></category>

		<guid isPermaLink="false">http://arif.romdhoni.com/?p=41</guid>
		<description><![CDATA[<a href="http://lh3.ggpht.com/_0w-3qM-vakw/SwM4RRGaU-I/AAAAAAAAAII/eUeqJpLVABg/syntax-highlighter.png"><img alt="" src="http://lh3.ggpht.com/_0w-3qM-vakw/SwM4RRGaU-I/AAAAAAAAAII/eUeqJpLVABg/s640/syntax-highlighter.png" title="Syntax Highlighter" class="aligncenter" width="640" height="191" /></a>

Jika <a title="Source code di wordpress (CodeColorer)" href="http://arif.romdhoni.com/2009/11/14/sourcecode-di-wordpress/" target="_blank">sebelumnya</a> kita menggunakan CodeColorer untuk menuliskan <em>source code</em> di wordpress. Maka sekarang kita akan mencoba menuliskan sintaks yang sama dengan <em>plugin</em> yang lain, yakni <a title="Syntax Highlighter" href="http://wordpress.org/extend/plugins/syntaxhighlighter/" target="_blank">SyntaxHighlighter</a]]></description>
			<content:encoded><![CDATA[<p><a href="http://lh3.ggpht.com/_0w-3qM-vakw/SwM4RRGaU-I/AAAAAAAAAII/eUeqJpLVABg/syntax-highlighter.png"><img alt="" src="http://lh3.ggpht.com/_0w-3qM-vakw/SwM4RRGaU-I/AAAAAAAAAII/eUeqJpLVABg/s640/syntax-highlighter.png" title="Syntax Highlighter" class="aligncenter" width="384" height="115" /></a></p>
<p>Jika <a title="Source code di wordpress (CodeColorer)" href="http://arif.romdhoni.com/2009/11/14/sourcecode-di-wordpress/" target="_blank">sebelumnya</a> kita menggunakan CodeColorer untuk menuliskan <em>source code</em> di wordpress. Maka sekarang kita akan mencoba menuliskan sintaks yang sama dengan <em>plugin</em> yang lain, yakni <a title="Syntax Highlighter" href="http://wordpress.org/extend/plugins/syntaxhighlighter/" target="_blank">SyntaxHighlighter</a>.</p>
<p><span id="more-41"></span></p>
<p>Proses instalasi dan aktivasi mirip dengan <em>plugin</em> CodeColorer. Adapun penggunaannya sedikit berbeda. Jika dalam CodeColorer, <em>tag</em> yang digunakan:</p>
<pre>&#91;cc]&#91;/cc]</pre>
<p>maka dalam SyntaxHighlighter dipakai sintaks:</p>
<pre>&#91;sourcecode]&#91;/sourcecode]</pre>
<p>Sebagai contoh, kita dapat menuliskan sintaks berikut:</p>
<pre>&#91;sourcecode lang="csharp"]private static string aString;&#91;/sourcecode]</pre>
<p>Hasilnya akan menjadi seperti berikut:</p>
<pre class="brush: csharp;">private static string aString;</pre>
<p>Dari hasil di atas, penulis menyimpulkan bahwa syntaxhighlighter memiliki kelebihan dibandingkan dengan codecolorer, yakni adanya <em>icon</em> yang muncul ketika mouse melewati kode, dengan <em>script</em> untuk melihat kode atau mencetaknya (<em>print</em>), serta tampilan yang lebih <em>eye catching</em>.</p>
<p>Terima kasih kepada akhi <a title="Ihsan syabani" href="http://ihsan.syabani.org" target="_blank">Ihsan</a> yang telah memberikan inspirasi.</p>
]]></content:encoded>
			<wfw:commentRss>http://arif.romdhoni.com/2009/11/17/syntaxhighlighter/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Google Chrome Theme</title>
		<link>http://arif.romdhoni.com/2009/11/15/google-chrome-theme/</link>
		<comments>http://arif.romdhoni.com/2009/11/15/google-chrome-theme/#comments</comments>
		<pubDate>Sun, 15 Nov 2009 01:20:25 +0000</pubDate>
		<dc:creator>arifromdhoni</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[chrome theme]]></category>
		<category><![CDATA[theme online install]]></category>

		<guid isPermaLink="false">http://arif.romdhoni.com/?p=30</guid>
		<description><![CDATA[Pernah menggunakan google chrome? Jika belum, anda dapat mengunduhnya di sini. Adapun informasi lebih jauh mengenai google chrome dapat dilihat di sini. Menurut penulis, chrome ini merupakan salah satu browser yang bagus dan cukup ringan, dengan pengaya yang cukup untuk browsing standar. Salah satu kelebihan chrome ini adalah kita bisa mengeset theme di browser kita.

Untuk ]]></description>
			<content:encoded><![CDATA[<div class="wp-caption aligncenter" style="width: 458px"><a href="http://lh5.ggpht.com/_0w-3qM-vakw/Sv9MMQOMUfI/AAAAAAAAAFI/AtFeSEtBv44/chrome.jpg"><img title="Google Chrome" src="http://lh5.ggpht.com/_0w-3qM-vakw/Sv9MMQOMUfI/AAAAAAAAAFI/AtFeSEtBv44/s640/chrome.jpg" alt="Google Chrome Browser" width="448" height="358" /></a><p class="wp-caption-text">Google Chrome Browser</p></div>
<p>Pernah menggunakan google chrome? Jika belum, anda dapat mengunduhnya <a title="Google Chrome Download Link" href="http://www.google.com/chrome/?hl=en" target="_blank">di sini</a>. Adapun informasi lebih jauh mengenai google chrome dapat dilihat <a title="Google Chrome Information" href="http://www.google.com/chrome/intl/en/features.html?hl=en&amp;brand=CHMA&amp;utm_campaign=id&amp;utm_source=id-ha-apac-id-bk&amp;utm_medium=ha" target="_blank">di sini</a>. Menurut penulis, chrome ini merupakan salah satu <em>browser</em> yang bagus dan cukup ringan, dengan pengaya yang cukup untuk browsing standar. Salah satu kelebihan chrome ini adalah kita bisa mengeset <em>theme</em> di browser kita.</p>
<p><span id="more-30"></span></p>
<p>Untuk mengeset <em>theme</em>, seharusnya dilakukan secara online. Dengan anggapan bahwa chrome telah terinstall dengan baik, pengesetan secara online dapat dilakukan sebagai berikut:</p>
<ol>
<li>Membuka aplikasi google chrome mode normal, <strong><span style="text-decoration: underline;">bukan</span></strong> <em>incognito</em>.</li>
<li>Klik tombol setting di bagian kanan atas, lalu masuk ke bagian options.
<div class="wp-caption aligncenter" style="width: 282px"><a href="http://lh5.ggpht.com/_0w-3qM-vakw/Sv9QpmJbOvI/AAAAAAAAAFU/v-TfU64OEFM/chrome-setting-options.jpg"><img title="Google Chrome Options Button" src="http://lh5.ggpht.com/_0w-3qM-vakw/Sv9QpmJbOvI/AAAAAAAAAFU/v-TfU64OEFM/chrome-setting-options.jpg" alt="Google Chrome Options Button" width="272" height="320" /></a><p class="wp-caption-text">Google Chrome Options Button</p></div></li>
<li>Akan muncul jendela &#8220;Google Chrome Options&#8221;, pilih tab &#8220;Personal Stuff&#8221;.
<p><div class="wp-caption aligncenter" style="width: 412px"><a href="http://lh5.ggpht.com/_0w-3qM-vakw/Sv9QprhX8XI/AAAAAAAAAFY/tAyi5zc8GnY/chrome-options.jpg"><img title="Google Chrome Options Window" src="http://lh5.ggpht.com/_0w-3qM-vakw/Sv9QprhX8XI/AAAAAAAAAFY/tAyi5zc8GnY/chrome-options.jpg" alt="Google Chrome Options Window" width="402" height="432" /></a><p class="wp-caption-text">Google Chrome Options Window</p></div></li>
<li>Di bagian kanan bawah (di dalam tab tersebut), klik tombol &#8220;Get themes&#8221;</li>
<li>Nantinya google chrome akan membuka tab baru dengan halaman spt ini,
<pre>https://tools.google.com/chrome/intl/en/themes/index.html</pre>
</li>
<li>Anda dapat memilih tab di bawah &#8220;Themes Gallery&#8221; di bagian kiri atas, apakah hendak menggunakan &#8220;Themes by Artists&#8221;
<p><div class="wp-caption aligncenter" style="width: 393px"><a href="http://lh3.ggpht.com/_0w-3qM-vakw/Sv9VfynYyYI/AAAAAAAAAFc/WYv0cbo4rdc/chrome-theme-by-artists.jpg"><img title="Google Chrome Themes By Artists" src="http://lh3.ggpht.com/_0w-3qM-vakw/Sv9VfynYyYI/AAAAAAAAAFc/WYv0cbo4rdc/s912/chrome-theme-by-artists.jpg" alt="Google Chrome Themes By Artists" width="383" height="307" /></a><p class="wp-caption-text">Google Chrome Themes By Artists</p></div>
<p>atau &#8220;Themes by Google&#8221;.</p>
<p><div class="wp-caption aligncenter" style="width: 393px"><a href="http://lh5.ggpht.com/_0w-3qM-vakw/Sv9VfxD6W_I/AAAAAAAAAFg/p5t4zJf80iQ/chrome-theme-by-google.jpg"><img title="Google Chrome Themes By Google" src="http://lh5.ggpht.com/_0w-3qM-vakw/Sv9VfxD6W_I/AAAAAAAAAFg/p5t4zJf80iQ/s912/chrome-theme-by-google.jpg" alt="Google Chrome Themes By Google" width="383" height="307" /></a><p class="wp-caption-text">Google Chrome Themes By Google</p></div></li>
<li>Untuk mengaplikasikan theme, klik tombol &#8220;Apply theme&#8221;. Tunggulah sebentar, karena nantinya chrome akan mengunduh themes tersebut dan memasangkannya untuk anda.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://arif.romdhoni.com/2009/11/15/google-chrome-theme/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Sourcecode di Wordpress?</title>
		<link>http://arif.romdhoni.com/2009/11/14/sourcecode-di-wordpress/</link>
		<comments>http://arif.romdhoni.com/2009/11/14/sourcecode-di-wordpress/#comments</comments>
		<pubDate>Sat, 14 Nov 2009 02:49:53 +0000</pubDate>
		<dc:creator>arifromdhoni</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[codecolorer]]></category>
		<category><![CDATA[kode sumber]]></category>
		<category><![CDATA[sourcecode]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://arif.romdhoni.com/?p=16</guid>
		<description><![CDATA[Baru memperoleh ilmu bagaimana menulis <em>sourcecode</em> di wordpress. Selama ini seringkali hanya melihat-lihat teman yang menuliskan kode sumber dari hasil karyanya]]></description>
			<content:encoded><![CDATA[<p><img alt="" src="http://lh3.ggpht.com/_0w-3qM-vakw/SwM4RbUWJzI/AAAAAAAAAIE/W-bHgBLfX5s/code-colorer.png" title="Code Colorer" class="aligncenter" width="436" height="155" /></p>
<p>Baru memperoleh ilmu bagaimana menulis <em>sourcecode</em> di wordpress. Selama ini seringkali hanya melihat-lihat teman yang menuliskan kode sumber dari hasil karyanya.<span id="more-16"></span></p>
<p>Secara mudah, sebenarnya kita dapat menuliskan <em>sourcecode</em> di wordpress dengan menggunakan tag <em>&lt;code&gt;</em>. Misalkan sebagai berikut:
<pre>&lt;code&gt;private static string aString;&lt;/code&gt;</pre>
<p>Hasilnya sebagai berikut:</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">private static string aString;</div></div>
<p>Akan tetapi, secara default kode tersebut tidak memiliki warna (<em>highlight</em>). Untuk memperoleh tampilan yang lebih cantik, kita dapat menggunakan <em>plugin</em> yang saat ini telah beredar, di antaranya adalah CodeColorer. Saat ini saya menggunakan CodeColorer versi 0.9.5 yang dapat diunduh <a title="CodeColorer versi 0.9.5" href="http://downloads.wordpress.org/plugin/codecolorer.0.9.5.zip" target="_blank">di sini</a>.</p>
<p>Cara penggunaannya:</p>
<ol>
<li>Unduh <em>plugin</em> tersebut, kemudian <em>extract</em> ke dalam folder:
<pre>{root-folder}/wp-content/plugins/</pre>
</li>
<li>Masuk ke dalam area pengguna (<em>login</em>) dan menuju ke bagian <em>plugins</em>. Aktifkan <em>plugin</em> CodeColorer dengan cara menekan link <em>Activate</em>.</li>
<li>Sampai di sini, seharusnya <em>plugin</em> CodeColorer tersebut telah terinstall.</li>
<li>Sebagai contoh, kita dapat mem-<em>post</em>-kan <em>sourcecode</em> di atas (misalkan dalam bahasa csharp) dengan penulisan sebagai berikut:
<pre>&#91;cc lang="csharp"]private static string aString;[/cc&#93;</pre>
<p>Hasilnya sebagai berikut:</p>
<div class="codecolorer-container csharp default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="csharp codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #0600FF;">private</span> <span style="color: #0600FF;">static</span> <span style="color: #FF0000;">string</span> aString<span style="color: #008000;">;</span></div></div>
</li>
<li>Selain <em>csharp</em>, CodeColorer juga mendukung bahasa-bahasa lainnya, seperti: php, actionscript, actionscript3, c, java, javascript, dll.</li>
</ol>
<p>Tutorial ini dibuat berdasarkan yang penulis baca di
<pre>http&#58;&#47;&#47;kpumuk.info&#47;projects&#47;wordpress-plugins&#47;codecolorer&#47;</pre>
]]></content:encoded>
			<wfw:commentRss>http://arif.romdhoni.com/2009/11/14/sourcecode-di-wordpress/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Menulis Arab di Wordpress</title>
		<link>http://arif.romdhoni.com/2008/05/15/menulis-arab-di-wordpress/</link>
		<comments>http://arif.romdhoni.com/2008/05/15/menulis-arab-di-wordpress/#comments</comments>
		<pubDate>Thu, 15 May 2008 20:25:24 +0000</pubDate>
		<dc:creator>arifromdhoni</dc:creator>
				<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://arif.romdhoni.com/2008/05/15/menulis-arab-di-wordpress/</guid>
		<description><![CDATA[Untuk menulis arab sudah di-support di wordpress. Namun, bagi yang memiliki domain sendiri dan menginstall menggunakan fantastico mungkin pernah mengalami apabila mem-post tulisan arab, hanya muncul tanda tanya yang banyak. Saya pun mengalami hal ini. Alhamdulillah dengan sedikit perubahan, hal ini bisa diatasi. Perubahan yang perlu dilakukan ialah pada collation basis data. Collation yang bisa ]]></description>
			<content:encoded><![CDATA[<p>Untuk menulis arab sudah di-<em>support</em> di <a href="http://wordpress.com/">wordpress</a>. Namun, bagi yang memiliki domain sendiri dan menginstall menggunakan fantastico mungkin pernah mengalami apabila mem-post tulisan arab, hanya muncul tanda tanya yang banyak. Saya pun mengalami hal ini. Alhamdulillah dengan sedikit perubahan, hal ini bisa diatasi. Perubahan yang perlu dilakukan ialah pada <em>collation</em> basis data. <em>Collation</em> yang bisa digunakan salah satunya `utf8_general_ci`.  Untuk materi-materi yang di-<em>post</em>, <em>collation</em> yang perlu diubah pada tabel `wp_posts` <em>field</em> `post_content`. Namun untuk lebih amannya, saya mengubah keseluruhan <em>collation</em> pada basis data yang digunakan dalam wordpress ini. Karena cukup banyak yang diubah, untuk saat ini kode belum bisa saya berikan. <em>Insyaallah</em> dalam kesempatan mendatang akan diberikan.</p>
]]></content:encoded>
			<wfw:commentRss>http://arif.romdhoni.com/2008/05/15/menulis-arab-di-wordpress/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>
