<?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>Ciebal Weblog &#187; Web Development</title>
	<atom:link href="http://www.ciebal.web.id/tag/web-development-2/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ciebal.web.id</link>
	<description>Wanna be a Professional Blogger</description>
	<lastBuildDate>Sat, 19 May 2012 11:43:52 +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>Bermain dengan Form pada Microsoft Webmatrix</title>
		<link>http://www.ciebal.web.id/2011/01/bermain-dengan-form-pada-microsoft-webmatrix.html</link>
		<comments>http://www.ciebal.web.id/2011/01/bermain-dengan-form-pada-microsoft-webmatrix.html#comments</comments>
		<pubDate>Thu, 13 Jan 2011 08:37:25 +0000</pubDate>
		<dc:creator>ciebal</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[WebMatrix]]></category>
		<category><![CDATA[ASP.Net]]></category>

		<guid isPermaLink="false">http://www.ciebal.web.id/bermain-dengan-form-pada-microsoft-webmatrix.html</guid>
		<description><![CDATA[Pada ebook saya Panduan Dasar Microsoft WebMatrix telah dijelaskan dasar-dasar penggunaan webmatrix dari mulai membuat laman web sederhana sampai dinamis. Kali ini saya mencoba bermain dengan form pada WebMatrix. Disini saya mencoba membuat form sederhana diantaranya menampilkan hasil inputan dan validasi form. Langkah pertama tentu anda harus buat form terlebih dahulu. Buat sebuah file pada [...]]]></description>
			<content:encoded><![CDATA[<p><img style="display: inline; float: left" alt="webmatrix Bermain dengan Form pada Microsoft Webmatrix" align="left" src="http://www.ciebal.web.id/wp-content/uploads/2010/07/webmatrix.png" title="Bermain dengan Form pada Microsoft Webmatrix" />Pada ebook saya <a href="http://www.ciebal.web.id/free-ebook-panduan-dasar-microsoft-webmatrix.html" target="_blank">Panduan Dasar Microsoft WebMatrix</a> telah dijelaskan dasar-dasar penggunaan <a href="http://www.microsoft.com/web/webmatrix/?soc-n-id-wag-WebMatrix-jan_iq_cs" target="_blank">webmatrix</a> dari mulai membuat laman web sederhana sampai dinamis. Kali ini saya mencoba bermain dengan form pada <a href="http://www.microsoft.com/web/webmatrix/?soc-n-id-wag-WebMatrix-jan_iq_cs" target="_blank">WebMatrix</a>.</p>
<p>Disini saya mencoba membuat form sederhana diantaranya menampilkan hasil inputan dan validasi form.</p>
<p>Langkah pertama tentu anda harus buat form terlebih dahulu. Buat sebuah file pada situs anda dengan nama <strong>form.cshtml</strong>. Bagian ini telah saya bahas pada ebook <a href="http://www.ciebal.web.id/tag/webmatrix" class="st_tag internal_tag" rel="tag" title="Posts tagged with WebMatrix">WebMatrix</a> saya.</p>
<p>  <span id="more-4048"></span> <img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="form5" border="0" alt="form5 thumb 08F2D996 Bermain dengan Form pada Microsoft Webmatrix" src="http://students.netindonesia.net/blogs/iqbal/form5_thumb_08F2D996.png" width="490" height="360" />
<p>Jika anda malas coding, silahkan copy paste saja. <img style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" class="wlEmoticon wlEmoticon-smilewithtongueout" alt="wlEmoticon smilewithtongueout 39654A0D Bermain dengan Form pada Microsoft Webmatrix" src="http://students.netindonesia.net/blogs/iqbal/wlEmoticon-smilewithtongueout_39654A0D.png" title="Bermain dengan Form pada Microsoft Webmatrix" /></p>
<div class="csharpcode">
<pre class="alt">&lt;!DOCTYPE html&gt;</pre>
<pre>&lt;html lang=<span class="str">&quot;en&quot;</span>&gt;</pre>
<pre class="alt"> &lt;head&gt;</pre>
<pre> &lt;meta charset=<span class="str">&quot;utf-8&quot;</span> /&gt;</pre>
<pre class="alt"> &lt;title&gt;Bermain dengan Form&lt;/title&gt;</pre>
<pre> &lt;/head&gt;</pre>
<pre class="alt"> &lt;body&gt;</pre>
<pre> &lt;form method=<span class="str">&quot;post&quot;</span> action=<span class="str">&quot;&quot;</span>&gt;</pre>
<pre class="alt"> &lt;fieldset&gt;</pre>
<pre> &lt;legend&gt;Input Nilai Mahasiswa&lt;/legend&gt;</pre>
<pre class="alt"> &lt;div&gt;</pre>
<pre> &lt;label <span class="kwrd">for</span>=<span class="str">&quot;nim&quot;</span>&gt;NIM:&lt;/label&gt;</pre>
<pre class="alt"> &lt;input type=<span class="str">&quot;text&quot;</span> name=<span class="str">&quot;nim&quot;</span> <span class="kwrd">value</span>=<span class="str">&quot;&quot;</span> /&gt;</pre>
<pre> &lt;/div&gt;</pre>
<pre class="alt"> &lt;div&gt;</pre>
<pre> &lt;label <span class="kwrd">for</span>=<span class="str">&quot;nama&quot;</span>&gt;Nama:&lt;/label&gt;</pre>
<pre class="alt"> &lt;input type=<span class="str">&quot;text&quot;</span> name=<span class="str">&quot;nama&quot;</span> <span class="kwrd">value</span>=<span class="str">&quot;&quot;</span> /&gt;</pre>
<pre> &lt;/div&gt;</pre>
<pre class="alt"> &lt;div&gt;</pre>
<pre> &lt;label <span class="kwrd">for</span>=<span class="str">&quot;NilaiUAS&quot;</span>&gt;Nilai UAS:&lt;/label&gt;</pre>
<pre class="alt"> &lt;input type=<span class="str">&quot;text&quot;</span> name=<span class="str">&quot;NilaiUAS&quot;</span> <span class="kwrd">value</span>=<span class="str">&quot;&quot;</span> /&gt;</pre>
<pre> &lt;/div&gt;</pre>
<pre class="alt"> &lt;div&gt;</pre>
<pre> &lt;label&gt;&amp;nbsp;&lt;/label&gt;</pre>
<pre class="alt"> &lt;input type=<span class="str">&quot;submit&quot;</span> <span class="kwrd">value</span>=<span class="str">&quot;Tambah Data&quot;</span> <span class="kwrd">class</span>=<span class="str">&quot;submit&quot;</span> /&gt;</pre>
<pre> &lt;/div&gt;</pre>
<pre class="alt"> &lt;/fieldset&gt;</pre>
<pre> &lt;/form&gt;</pre>
<pre class="alt"> &lt;/body&gt;</pre>
<pre>&lt;/html&gt;</pre>
</div>
<style type="text/css">
<p>.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }</style>
<p>Ketika di runing akan tampil sebuah form sederhana.</p>
<p><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="form1" border="0" alt="form1 thumb 20197E6E Bermain dengan Form pada Microsoft Webmatrix" src="http://students.netindonesia.net/blogs/iqbal/form1_thumb_20197E6E.png" width="334" height="199" /></p>
<p>Sekarang kita coba menampilkan hasil inputan. Masukan baris kode dibawah ini:</p>
<div class="csharpcode">
<pre class="alt"> @{</pre>
<pre>&#160;</pre>
<pre class="alt"> <span class="kwrd">if</span> (IsPost) {</pre>
<pre>&#160;</pre>
<pre class="alt"> <span class="kwrd">int</span> nim = Request[<span class="str">&quot;nim&quot;</span>];</pre>
<pre>&#160;</pre>
<pre class="alt"> <span class="kwrd">string</span> nama = Request[<span class="str">&quot;nama&quot;</span>];</pre>
<pre>&#160;</pre>
<pre class="alt"> <span class="kwrd">int</span> nilaiuas = Request[<span class="str">&quot;nilaiuas&quot;</span>].AsInt();</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;text&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> Data yang Anda input: &lt;br /&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> NIM : @nim &lt;br /&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> Nama : @nama &lt;br /&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> Nilai UAS : @nilaiuas &lt;br /&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;/text&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> }</pre>
<pre>&#160;</pre>
<pre class="alt"> }</pre>
<pre>&#160;</pre>
</div>
<style type="text/css">
.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }</style>
<p>Perhatikan juga dalam pemilihan tipe data yang akan anda gunakan, pada sintak di atas terdapat tipe data integer dan string. Sesuaikan dengan kebutuhan anda.</p>
<p>Ketika diinputkan maka akan tampil sebagai berikut:</p>
<p><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="form2" border="0" alt="form2 thumb 6C3C8CA9 Bermain dengan Form pada Microsoft Webmatrix" src="http://students.netindonesia.net/blogs/iqbal/form2_thumb_6C3C8CA9.png" width="357" height="234" /></p>
<p><strong>Validasi Form</strong></p>
<p>Validasi form berfungsi untuk mengecek apabila ada form yang salah input dan memberikan notifikasi pada pengguna bagian mana yang salah.</p>
<p>Replace kode sebelumnya dengan baris kode berikut ini:</p>
<div class="csharpcode">
<pre class="alt">@{</pre>
<pre>&#160;</pre>
<pre class="alt"> <span class="kwrd">if</span> (IsPost) {</pre>
<pre>&#160;</pre>
<pre class="alt"> var errors = <span class="kwrd">false</span>;</pre>
<pre>&#160;</pre>
<pre class="alt"> var nim = Request[<span class="str">&quot;nim&quot;</span>];</pre>
<pre>&#160;</pre>
<pre class="alt"> <span class="kwrd">if</span> (nim.IsEmpty()) {</pre>
<pre>&#160;</pre>
<pre class="alt"> errors = <span class="kwrd">true</span>;</pre>
<pre>&#160;</pre>
<pre class="alt"> @:NIM Harus Diisi dan Harus Angka.&lt;br /&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> }</pre>
<pre>&#160;</pre>
<pre class="alt"> var nama = Request[<span class="str">&quot;nama&quot;</span>];</pre>
<pre>&#160;</pre>
<pre class="alt"> <span class="kwrd">if</span> (nama.IsEmpty()) {</pre>
<pre>&#160;</pre>
<pre class="alt"> errors = <span class="kwrd">true</span>;</pre>
<pre>&#160;</pre>
<pre class="alt"> @:Nama Harus Diisi.&lt;br /&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> }</pre>
<pre>&#160;</pre>
<pre class="alt"> var nilaiuas = 0;</pre>
<pre>&#160;</pre>
<pre class="alt"> <span class="kwrd">if</span> (Request[<span class="str">&quot;nilaiuas&quot;</span>].IsInt()) {</pre>
<pre>&#160;</pre>
<pre class="alt"> nilaiuas = Request[<span class="str">&quot;nilaiuas&quot;</span>].AsInt();</pre>
<pre>&#160;</pre>
<pre class="alt"> } <span class="kwrd">else</span> {</pre>
<pre>&#160;</pre>
<pre class="alt"> errors = <span class="kwrd">true</span>;</pre>
<pre>&#160;</pre>
<pre class="alt"> @:Nilai harus berupa angka.&lt;br /&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> }</pre>
<pre>&#160;</pre>
<pre class="alt"> <span class="kwrd">if</span> (errors == <span class="kwrd">false</span>) {</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;text&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> Data yang Anda input: &lt;br /&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> NIM: @nim &lt;br /&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> Nama: @nama &lt;br /&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> Nilai UAS: @nilaiuas &lt;br /&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;/text&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> } }</pre>
<pre>&#160;</pre>
<pre class="alt"> }</pre>
<pre>&#160;</pre>
</div>
<style type="text/css">
.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }</style>
<p>Ketika terjadi kesalahan maka akan tampil notifikasi bahwa data yang diinput tidak valid.</p>
<p><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="form3" border="0" alt="form3 thumb 2BD2AF70 Bermain dengan Form pada Microsoft Webmatrix" src="http://students.netindonesia.net/blogs/iqbal/form3_thumb_2BD2AF70.png" width="382" height="236" /></p>
<p><strong><span style="font-size: medium">Mengembalikan Nilai Form Setelah Post</span></strong></p>
<p>Ketika kita sedang menginput data dengan banyak form dan ada satu form yang salah, secara default nilai pada form tersebut akan hilang. Antisipasinya adalah tetap menampilkan nilai form setelah kita post.</p>
<p>Caranya sangat mudah, anca cukup menambahkan perintah @Request[“namavariabel”] pada value.</p>
<div class="csharpcode">
<pre class="alt">&lt;form method=<span class="str">&quot;post&quot;</span> action=<span class="str">&quot;&quot;</span>&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;fieldset&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;legend&gt;Input Nilai Mahasiswa&lt;/legend&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;div&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;label <span class="kwrd">for</span>=<span class="str">&quot;nim&quot;</span>&gt;NIM:&lt;/label&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;input type=<span class="str">&quot;text&quot;</span> name=<span class="str">&quot;nim&quot;</span> <span class="kwrd">value</span>=<span class="str">&quot;@Request[&quot;</span>nim<span class="str">&quot;]&quot;</span> /&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;/div&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;div&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;label <span class="kwrd">for</span>=<span class="str">&quot;nama&quot;</span>&gt;Nama:&lt;/label&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;input type=<span class="str">&quot;text&quot;</span> name=<span class="str">&quot;nama&quot;</span> <span class="kwrd">value</span>=<span class="str">&quot;@Request[&quot;</span>nama<span class="str">&quot;]&quot;</span> /&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;/div&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;div&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;label <span class="kwrd">for</span>=<span class="str">&quot;NilaiUAS&quot;</span>&gt;Nilai UAS:&lt;/label&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;input type=<span class="str">&quot;text&quot;</span> name=<span class="str">&quot;NilaiUAS&quot;</span> <span class="kwrd">value</span>=<span class="str">&quot;@Request[&quot;</span>nilaiuas<span class="str">&quot;]&quot;</span> /&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;/div&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;div&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;label&gt;&amp;nbsp;&lt;/label&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;input type=<span class="str">&quot;submit&quot;</span> <span class="kwrd">value</span>=<span class="str">&quot;Tambah Data&quot;</span> <span class="kwrd">class</span>=<span class="str">&quot;submit&quot;</span> /&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;/div&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;/fieldset&gt;</pre>
<pre>&#160;</pre>
<pre class="alt"> &lt;/form&gt;</pre>
<pre>&#160;</pre>
</div>
<style type="text/css">
.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }</style>
<p>Berikut hasilnya :</p>
<p><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="form4" border="0" alt="form4 thumb 14CF7E5B Bermain dengan Form pada Microsoft Webmatrix" src="http://students.netindonesia.net/blogs/iqbal/form4_thumb_14CF7E5B.png" width="400" height="248" /></p>
<p>Semoga bermanfaat. <img style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" class="wlEmoticon wlEmoticon-punk" alt="wlEmoticon punk 1EF03154 Bermain dengan Form pada Microsoft Webmatrix" src="http://students.netindonesia.net/blogs/iqbal/wlEmoticon-punk_1EF03154.png" title="Bermain dengan Form pada Microsoft Webmatrix" /></p>
<div style="z-index: 999999999; position: absolute; padding-bottom: 3px; background-color: #ffff77; padding-left: 3px; padding-right: 3px; color: #000000; padding-top: 3px; top: 53px; left: 535px" id="divLookup"><img border="0" alt=" Bermain dengan Form pada Microsoft Webmatrix" src="data:image/gif,GIF89a%12%00%12%00%B3%00%00%FF%FF%FF%F7%F7%EF%CC%CC%CC%BD%BE%BD%99%99%99ZYZRUR%00%00%00%FE%01%02%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00!%F9%04%04%14%00%FF%00%2C%00%00%00%00%12%00%12%00%00%04X0%C8I%2B%1D8%EB%3D%E4%00%60(%8A%85%17%0AG*%8C%40%19%7C%00J%08%C4%B1%92%26z%C76%FE%02%07%C2%89v%F0%7Dz%C3b%C8u%14%82V5%23o%A7%13%19L%BCY-%25%7D%A6l%DF%D0%F5%C7%02%85%5B%D82%90%CBT%87%D8i7%88Y%A8%DB%EFx%8B%DE%12%01%00%3B" title="Bermain dengan Form pada Microsoft Webmatrix" /></div>
]]></content:encoded>
			<wfw:commentRss>http://www.ciebal.web.id/2011/01/bermain-dengan-form-pada-microsoft-webmatrix.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Merubah Halaman 404 Error pada Joomla</title>
		<link>http://www.ciebal.web.id/2010/09/merubah-halaman-404-error-pada-joomla.html</link>
		<comments>http://www.ciebal.web.id/2010/09/merubah-halaman-404-error-pada-joomla.html#comments</comments>
		<pubDate>Sun, 05 Sep 2010 21:51:20 +0000</pubDate>
		<dc:creator>ciebal</dc:creator>
				<category><![CDATA[Tips dan Trik]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Joomla]]></category>

		<guid isPermaLink="false">http://www.ciebal.web.id/?p=3573</guid>
		<description><![CDATA[404 Error adalah halaman website yang akan muncul jika user mengakses halaman yang salah atau tidak terdapat pada website yang di kunjungi. Halaman 404 Error joomla mempunya ciri khas tersendiri, yaitu dengan halaman berwana merah dan noraknya. Biasanya untuk merubah halaman 404 error anda bisa merubahnya melalui cpanel, namun pada joomla cara tersebut ternyata tidak [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-3575" title="404-error" src="http://www.ciebal.web.id/wp-content/uploads/2010/09/404-error.jpg" alt="404 error Merubah Halaman 404 Error pada Joomla" width="125" height="125" />404 Error adalah halaman website yang akan muncul jika user mengakses halaman yang salah atau tidak terdapat pada website yang di kunjungi. Halaman 404 Error <a href="http://www.ciebal.web.id/tag/joomla" class="st_tag internal_tag" rel="tag" title="Posts tagged with Joomla">joomla</a> mempunya ciri khas tersendiri, yaitu dengan halaman berwana merah dan noraknya. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/005.gif" style="border:none;background:none;" alt="005 Merubah Halaman 404 Error pada Joomla"  title="Merubah Halaman 404 Error pada Joomla" /></p>
<p>Biasanya untuk merubah halaman 404 error anda bisa merubahnya melalui cpanel, namun pada joomla cara tersebut ternyata tidak bisa. Ada satu file yang harus anda ubah jika ingin merubah tampilan halaman 404 error.</p>
<p><span id="more-3573"></span>Berikut adalah tampilan standar halaman 404 error joomla :</p>
<p><a class="highslide" onclick="return vz.expand(this)" href="http://www.ciebal.web.id/wp-content/uploads/2010/09/404error-joomla.png"  class="highslide"  onclick="return vz.expand(this)" ><img class="aligncenter size-full wp-image-3574" title="404error-joomla" src="http://www.ciebal.web.id/wp-content/uploads/2010/09/404error-joomla.png" alt="404error joomla Merubah Halaman 404 Error pada Joomla" width="610" height="326" /></a></p>
<p>Cara merubahnya sangat mudah, anda hanya merubah file <strong>error.php</strong> yang berada pada folder<strong> templates/system.</strong> Ubah file tersebut sesuai keinginan anda. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/15.gif" style="border:none;background:none;" alt="15 Merubah Halaman 404 Error pada Joomla"  title="Merubah Halaman 404 Error pada Joomla" /></p>
<p>Semoga bermanfaat.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ciebal.web.id/2010/09/merubah-halaman-404-error-pada-joomla.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web.Config untuk Joomla</title>
		<link>http://www.ciebal.web.id/2010/07/web-config-untuk-joomla.html</link>
		<comments>http://www.ciebal.web.id/2010/07/web-config-untuk-joomla.html#comments</comments>
		<pubDate>Wed, 28 Jul 2010 18:40:26 +0000</pubDate>
		<dc:creator>ciebal</dc:creator>
				<category><![CDATA[IIS]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[IIS 7]]></category>
		<category><![CDATA[Joomla]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Web.Config]]></category>

		<guid isPermaLink="false">http://www.ciebal.web.id/?p=3465</guid>
		<description><![CDATA[Untuk mengaktifkan fitur Search Engine Friendly (SEF) Joomla diharuskan untuk me-rename file htaccess.txt menjadi .htaccess, namun sayangnya htaccess hanya bisa dibaca oleh webserver berbasis linux, lalu bagaimana jika menggunakan webserver IIS yang berbasis Windows? Pada IIS terdapat Web.Config yang berfungsi sebagai pengatur loading modul, keamanan, serta beberapa konfigurasi webserver lainnya. Ya, fungsinya seperti htaccess namun [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-3467" title="joomla" src="http://www.ciebal.web.id/wp-content/uploads/2010/07/joomla.jpg" alt="joomla Web.Config untuk Joomla" width="121" height="121" />Untuk mengaktifkan fitur Search Engine Friendly (SEF) <a href="http://www.ciebal.web.id/tag/joomla" class="st_tag internal_tag" rel="tag" title="Posts tagged with Joomla">Joomla</a> diharuskan untuk me-rename file htaccess.txt menjadi .htaccess, namun sayangnya htaccess hanya bisa dibaca oleh <a href="http://www.ciebal.web.id/tag/webserver" class="st_tag internal_tag" rel="tag" title="Posts tagged with Webserver">webserver</a> berbasis linux, lalu bagaimana jika menggunakan <a href="http://www.ciebal.web.id/tag/webserver" class="st_tag internal_tag" rel="tag" title="Posts tagged with Webserver">webserver</a> IIS yang berbasis Windows?</p>
<p>Pada IIS terdapat <a href="http://www.ciebal.web.id/tag/web-config" class="st_tag internal_tag" rel="tag" title="Posts tagged with Web.Config">Web.Config</a> yang berfungsi sebagai pengatur loading modul, keamanan, serta beberapa konfigurasi webserver lainnya. Ya, fungsinya seperti htaccess namun bedanya <a href="http://www.ciebal.web.id/tag/web-config" class="st_tag internal_tag" rel="tag" title="Posts tagged with Web.Config">Web.Config</a> berjalan di windows. Berikut konfigurasi <a href="http://www.ciebal.web.id/tag/web-config" class="st_tag internal_tag" rel="tag" title="Posts tagged with Web.Config">Web.Config</a> untuk Joomla.</p>
<p><span id="more-3465"></span>Buat file <strong>web.config</strong> dan isi file web.config dengan code xml berikut ini :</p>
<p><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;<br />
&lt;configuration&gt;<br />
&lt;system.webServer&gt;<br />
&lt;rewrite&gt;<br />
&lt;rules&gt;<br />
&lt;clear /&gt;<br />
&lt;rule name="Common Exploit Blocking" stopProcessing="true"&gt;<br />
&lt;match url="^(.*)$" /&gt;<br />
&lt;conditions logicalGrouping="MatchAny"&gt;<br />
&lt;add input="{QUERY_STRING}" pattern="mosConfig_[a-zA-Z_]{1,21}(=|\%3D)" /&gt;<br />
&lt;add input="{QUERY_STRING}" pattern="base64_encode.*\(.*\)" /&gt;<br />
&lt;add input="{QUERY_STRING}" pattern="(\&amp;lt;|%3C).*script.*(\&gt;|%3E)" /&gt;<br />
&lt;add input="{QUERY_STRING}" pattern="GLOBALS(=|\[|\%[0-9A-Z]{0,2})" /&gt;<br />
&lt;add input="{QUERY_STRING}" pattern="_REQUEST(=|\[|\%[0-9A-Z]{0,2})" /&gt;<br />
&lt;/conditions&gt;<br />
&lt;action type="Redirect" url="index.php" appendQueryString="false" redirectType="SeeOther" /&gt;<br />
&lt;/rule&gt;<br />
&lt;rule name="Joomla Search Rule" stopProcessing="true"&gt;<br />
&lt;match url="(.*)" ignoreCase="true" /&gt;<br />
&lt;conditions logicalGrouping="MatchAll"&gt;<br />
&lt;add input="{URL}" pattern="^/search.php" ignoreCase="true" /&gt;<br />
&lt;/conditions&gt;<br />
&lt;action type="Rewrite" url="/index.php?option=com_content&amp;amp;view=article&amp;amp;id=4" /&gt;<br />
&lt;/rule&gt;<br />
&lt;rule name="Joomla Main Rewrite Rule" stopProcessing="true"&gt;<br />
&lt;match url="(.*)" ignoreCase="true" /&gt;<br />
&lt;conditions logicalGrouping="MatchAll"&gt;<br />
&lt;add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /&gt;<br />
&lt;add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /&gt;<br />
&lt;add input="{URL}" pattern="(/|\.php|\.html|\.htm|\.feed|\.pdf|\.raw|/[^.]*)$" /&gt;<br />
&lt;/conditions&gt;<br />
&lt;action type="Rewrite" url="index.php/" /&gt;<br />
&lt;/rule&gt;<br />
&lt;/rules&gt;<br />
&lt;/rewrite&gt;<br />
&lt;caching&gt;<br />
&lt;profiles&gt;<br />
&lt;add extension=".php" policy="DisableCache" kernelCachePolicy="DisableCache" /&gt;<br />
&lt;/profiles&gt;<br />
&lt;/caching&gt;<br />
&lt;/system.webServer&gt;<br />
&lt;/configuration&gt;<br />
&lt;?xml version="1.0" encoding="UTF-8"?&gt;<br />
&lt;configuration&gt;<br />
&lt;system.webServer&gt;<br />
&lt;rewrite&gt;<br />
&lt;rules&gt;<br />
&lt;clear /&gt;<br />
&lt;rule name="Common Exploit Blocking" stopProcessing="true"&gt;<br />
&lt;match url="^(.*)$" /&gt;<br />
&lt;conditions logicalGrouping="MatchAny"&gt;<br />
&lt;add input="{QUERY_STRING}" pattern="mosConfig_[a-zA-Z_]{1,21}(=|\%3D)" /&gt;<br />
&lt;add input="{QUERY_STRING}" pattern="base64_encode.*\(.*\)" /&gt;<br />
&lt;add input="{QUERY_STRING}" pattern="(\&amp;lt;|%3C).*script.*(\&gt;|%3E)" /&gt;<br />
&lt;add input="{QUERY_STRING}" pattern="GLOBALS(=|\[|\%[0-9A-Z]{0,2})" /&gt;<br />
&lt;add input="{QUERY_STRING}" pattern="_REQUEST(=|\[|\%[0-9A-Z]{0,2})" /&gt;<br />
&lt;/conditions&gt;<br />
&lt;action type="Redirect" url="index.php" appendQueryString="false" redirectType="SeeOther" /&gt;<br />
&lt;/rule&gt;<br />
&lt;rule name="Joomla Search Rule" stopProcessing="true"&gt;<br />
&lt;match url="(.*)" ignoreCase="true" /&gt;<br />
&lt;conditions logicalGrouping="MatchAll"&gt;<br />
&lt;add input="{URL}" pattern="^/search.php" ignoreCase="true" /&gt;<br />
&lt;/conditions&gt;<br />
&lt;action type="Rewrite" url="/index.php?option=com_content&amp;amp;view=article&amp;amp;id=4" /&gt;<br />
&lt;/rule&gt;<br />
&lt;rule name="Joomla Main Rewrite Rule" stopProcessing="true"&gt;<br />
&lt;match url="(.*)" ignoreCase="true" /&gt;<br />
&lt;conditions logicalGrouping="MatchAll"&gt;<br />
&lt;add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /&gt;<br />
&lt;add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /&gt;<br />
&lt;add input="{URL}" pattern="(/|\.php|\.html|\.htm|\.feed|\.pdf|\.raw|/[^.]*)$" /&gt;<br />
&lt;/conditions&gt;<br />
&lt;action type="Rewrite" url="index.php/" /&gt;<br />
&lt;/rule&gt;<br />
&lt;/rules&gt;<br />
&lt;/rewrite&gt;<br />
&lt;caching&gt;<br />
&lt;profiles&gt;<br />
&lt;add extension=".php" policy="DisableCache" kernelCachePolicy="DisableCache" /&gt;<br />
&lt;/profiles&gt;<br />
&lt;/caching&gt;<br />
&lt;/system.webServer&gt;<br />
&lt;/configuration&gt;</code></p>
<p>Simpan file web.config di root website anda. Selesai, Website joomla anda sudah bisa menggunakan SEF pada <a href="http://www.ciebal.web.id/tag/iis-7" class="st_tag internal_tag" rel="tag" title="Posts tagged with IIS 7">IIS 7</a>. Dan cara ini sudah ciebal coba pada Joomla 1.5 dengan <a href="http://www.ciebal.web.id/tag/iis-7" class="st_tag internal_tag" rel="tag" title="Posts tagged with IIS 7">IIS 7</a> sebagai webservernya dan Windows 7 sebagai sistem operasinya.</p>
<p>Untuk mengetahui cara meng-convert htaccess ke web.config anda bisa membacanya <a href="http://learn.iis.net/page.aspx/557/translate-htaccess-content-to-iis-webconfig/" target="_blank">disini</a></p>
<p>Semoga bermanfaat. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/smiley_beer.gif" style="border:none;background:none;" alt="smiley beer Web.Config untuk Joomla"  title="Web.Config untuk Joomla" /></p>
<p>Referensi : <a href="http://docs.joomla.org/SEO_and_IIS_ISAPI" target="_blank">http://docs.joomla.org/SEO_and_IIS_ISAPI</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ciebal.web.id/2010/07/web-config-untuk-joomla.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Install WordPress on IIS7 + SQL Server 2008 R2</title>
		<link>http://www.ciebal.web.id/2010/07/install-wordpress-on-iis7-sql-server-2008-r2.html</link>
		<comments>http://www.ciebal.web.id/2010/07/install-wordpress-on-iis7-sql-server-2008-r2.html#comments</comments>
		<pubDate>Thu, 01 Jul 2010 03:05:12 +0000</pubDate>
		<dc:creator>ciebal</dc:creator>
				<category><![CDATA[IIS]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Windows 7]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[WPI]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[IIS 7]]></category>
		<category><![CDATA[SQL Server]]></category>

		<guid isPermaLink="false">http://www.ciebal.web.id/?p=3396</guid>
		<description><![CDATA[Selain menggunakan MySQL sebagai databasenya, wordpress juga telah dikembangkan agar dapat tetap berjalan menggunakan SQL Server sebagai databasenya. File wordpress untuk SQL Server berbeda dengan file wordpress bisanya, tapi fungsinya tetap sama dan tidak ada satu fiturpun yang berkurang. Pada kesempatan kali ini ciebal mencoba menginstall WordPress pada IIS 7 sebagai webservernya, SQL Server 2008 [...]]]></description>
			<content:encoded><![CDATA[<p><a class="highslide" onclick="return vz.expand(this)" href="http://www.ciebal.web.id/wp-content/uploads/2010/07/wp-love-ms.png"  class="highslide"  onclick="return vz.expand(this)" ><img class="alignleft size-thumbnail wp-image-3397" title="wp-love-ms" src="http://www.ciebal.web.id/wp-content/uploads/2010/07/wp-love-ms-150x150.png" alt="wp love ms 150x150 Install WordPress on IIS7 + SQL Server 2008 R2" width="150" height="150" /></a>Selain menggunakan <a href="http://www.ciebal.web.id/tag/mysql" class="st_tag internal_tag" rel="tag" title="Posts tagged with Mysql">MySQL</a> sebagai databasenya, <a href="http://www.ciebal.web.id/tag/wordpress" class="st_tag internal_tag" rel="tag" title="Posts tagged with Wordpress">wordpress</a> juga telah  dikembangkan agar dapat tetap berjalan menggunakan <a href="http://www.ciebal.web.id/tag/sql-server" class="st_tag internal_tag" rel="tag" title="Posts tagged with SQL Server">SQL Server</a> sebagai  databasenya. File wordpress untuk <a href="http://www.ciebal.web.id/tag/sql-server" class="st_tag internal_tag" rel="tag" title="Posts tagged with SQL Server">SQL Server</a> berbeda dengan file  wordpress bisanya, tapi fungsinya tetap sama dan tidak ada satu fiturpun  yang berkurang.</p>
<p>Pada kesempatan kali ini ciebal mencoba  menginstall WordPress pada <a href="http://www.ciebal.web.id/tag/iis-7" class="st_tag internal_tag" rel="tag" title="Posts tagged with IIS 7">IIS 7</a> sebagai webservernya, SQL Server 2008  R2 sebagai databasenya dan Windows 7 sebagai sietem operasinya.</p>
<p>Sebelumnya  ada beberapa hal yang harus di persiapkan dalam menginstall WordPress  pada IIS 7+SQL Server 2008, anda harus sudah terinstall :</p>
<p><span id="more-3396"></span></p>
<ul>
<li><strong>II7</strong> atau versi diatasnya (Windows Vista, Windows 7, Windows Server 2008,  Windows Server 2008 R2)</li>
<li><strong>PHP 5.2</strong> atau versi diatasnya</li>
<li><strong>SQL Server Express 2008</strong> atau lebih (<a href="http://www.ciebal.web.id/tag/download" class="st_tag internal_tag" rel="tag" title="Posts tagged with Download">Download</a> GRATIS <a href="http://www.microsoft.com/express/database" target="_blank"><strong><span style="color: #ff0000;">DISINI</span></strong></a> )</li>
<li><strong>PHP Driver for  SQL Server v1.1</strong> atau versi diatasnya</li>
<li><strong>URL Rewrite 2.0</strong> atau versi diatasnya</li>
</ul>
<p>Untuk mempermudah menginstall itu  semua, baiknya anda Install <a href="http://www.ciebal.web.id/tkp/wpi/" target="_blank"><strong><span style="color: #ff0000;">Web Platform Installer</span></strong></a>,  jika terjadi masalah pada installasinya bisa download menggunakan  direct link dibawah ini:</p>
<ul>
<li>x86 version: <a href="http://go.microsoft.com/fwlink/?LinkId=146053" target="_blank">http://go.microsoft.com/fwlink/?LinkId=146053</a></li>
<li>x64 version: <span style="text-decoration: underline;"><a href="http://go.microsoft.com/fwlink/?LinkId=146055" target="_blank">http://go.microsoft.com/fwlink/?LinkId=146055</a></span></li>
</ul>
<p>Anggap sudah selesai menginstallnya. Kemudian jalankan <strong><a href="http://www.ciebal.web.id/tkp/wpi/" target="_blank">Web Platform  Installer</a></strong></p>
<p><a href="http://wss-id.org/blogs/ciebal/clip_image001_67453E6C.png"  class="highslide"  onclick="return vz.expand(this)" ><img title="clip_image001" src="http://wss-id.org/blogs/ciebal/clip_image001_thumb_2C99CD31.png" border="0" alt="clip image001 thumb 2C99CD31 Install WordPress on IIS7 + SQL Server 2008 R2" width="259" height="329" /></a></p>
<p>Kemudian  install kebutuhan aplikasi di atas seperti <strong>PHP 5.2; PHP Driver for  SQL Server v1.1; URL Rewrite 2.0.</strong></p>
<p><a href="http://wss-id.org/blogs/ciebal/clip_image002_5AA35784.png"  class="highslide"  onclick="return vz.expand(this)" ><img title="clip_image002" src="http://wss-id.org/blogs/ciebal/clip_image002_thumb_71DE3628.png" border="0" alt="clip image002 thumb 71DE3628 Install WordPress on IIS7 + SQL Server 2008 R2" width="381" height="162" /></a></p>
<p>Tunggu  sampai selesai download dan install.</p>
<p><a href="http://wss-id.org/blogs/ciebal/image_4DE53901.png"  class="highslide"  onclick="return vz.expand(this)" ><img title="image" src="http://wss-id.org/blogs/ciebal/image_thumb_7603F9EE.png" border="0" alt="image thumb 7603F9EE Install WordPress on IIS7 + SQL Server 2008 R2" width="383" height="265" /></a></p>
<p><strong><span style="font-size: large;">Konfigurasi  SQL Server 2008</span></strong></p>
<p>Pada langkah ini kita akan membuat  user dan database untuk wordpress, sekarang jalankan <strong>SQL Server  Management Studio</strong>.</p>
<p><a href="http://wss-id.org/blogs/ciebal/clip_image003_25521D21.png"  class="highslide"  onclick="return vz.expand(this)" ><img title="clip_image003" src="http://wss-id.org/blogs/ciebal/clip_image003_thumb_3A03CA07.png" border="0" alt="clip image003 thumb 3A03CA07 Install WordPress on IIS7 + SQL Server 2008 R2" width="312" height="318" /></a></p>
<p>Anda  akan diminta Log On ke SQL Server. Konek ke database menggunakan <strong>Windows  Authentication.</strong></p>
<p><a href="http://wss-id.org/blogs/ciebal/clip_image004_1A90B1CD.png"  class="highslide"  onclick="return vz.expand(this)" ><img title="clip_image004" src="http://wss-id.org/blogs/ciebal/clip_image004_thumb_795D6998.png" border="0" alt="clip image004 thumb 795D6998 Install WordPress on IIS7 + SQL Server 2008 R2" width="328" height="250" /></a></p>
<p>Buat  user database baru.</p>
<p><a href="http://wss-id.org/blogs/ciebal/clip_image005_0A70FBA2.png"  class="highslide"  onclick="return vz.expand(this)" ><img title="clip_image005" src="http://wss-id.org/blogs/ciebal/clip_image005_thumb_7F73CEBF.png" border="0" alt="clip image005 thumb 7F73CEBF Install WordPress on IIS7 + SQL Server 2008 R2" width="307" height="277" /></a></p>
<p>expand  node <strong>Security</strong> &gt; <strong>Logins</strong>. Kemudian Klik kanan, pilih <strong>New  Login</strong>…</p>
<p><a href="http://wss-id.org/blogs/ciebal/clip_image007_5CBF6A77.jpg"  class="highslide"  onclick="return vz.expand(this)" ><img title="clip_image007" src="http://wss-id.org/blogs/ciebal/clip_image007_thumb_407E3A25.jpg" border="0" alt="clip image007 thumb 407E3A25 Install WordPress on IIS7 + SQL Server 2008 R2" width="446" height="402" /></a></p>
<p>Isi  Login Name; pilih SQL Server authentication da nisi password yang anda  inginkan. Jangan lupa <em>uncheck</em> <strong>User must change password at  next login </strong>supaya gak ribet nantinya.</p>
<p>Kemudian buat database  baru dengan expand node <strong>Databases</strong> &gt; <strong>New Database</strong></p>
<p><a href="http://wss-id.org/blogs/ciebal/clip_image009_7265B4E2.jpg"  class="highslide"  onclick="return vz.expand(this)" ><img title="clip_image009" src="http://wss-id.org/blogs/ciebal/clip_image009_thumb_27429453.jpg" border="0" alt="clip image009 thumb 27429453 Install WordPress on IIS7 + SQL Server 2008 R2" width="293" height="288" /></a></p>
<p>Masukkan  <strong>Database Name</strong> sesuai keinginan anda dan masukan <strong>nama Login</strong> yang telah dibuat tadi.</p>
<p><a href="http://wss-id.org/blogs/ciebal/image_1B307E52.png"  class="highslide"  onclick="return vz.expand(this)" ><img title="image" src="http://wss-id.org/blogs/ciebal/image_thumb_276E3014.png" border="0" alt="image thumb 276E3014 Install WordPress on IIS7 + SQL Server 2008 R2" width="461" height="415" /></a></p>
<p><strong><span style="font-size: large;">Download dan Hak Akses WordPress</span></strong></p>
<p>Download  WordPress On SQL Server 2008 terbaru <a href="http://sourceforge.net/projects/wp-sqlsrv/" target="_blank"><strong>DISINI</strong></a></p>
<p><a href="http://wss-id.org/blogs/ciebal/clip_image0016_2D08FE20.png"  class="highslide"  onclick="return vz.expand(this)" ><img src="http://wss-id.org/blogs/ciebal/clip_image0016_2D08FE20.png" alt="clip image0016 2D08FE20 Install WordPress on IIS7 + SQL Server 2008 R2" width="388" height="216" title="Install WordPress on IIS7 + SQL Server 2008 R2" /></a></p>
<p>Setelah  download ekstrak file ZIP, lalu salin ke <strong>C:\inetpub\wwwroot\</strong></p>
<p><a href="http://wss-id.org/blogs/ciebal/clip_image003_2E997E5A.jpg"  class="highslide"  onclick="return vz.expand(this)" ><img title="clip_image003" src="http://wss-id.org/blogs/ciebal/clip_image003_thumb_09C81B49.jpg" border="0" alt="clip image003 thumb 09C81B49 Install WordPress on IIS7 + SQL Server 2008 R2" width="488" height="349" /></a></p>
<p>Selanjutnya,  Anda perlu memastikan IIS Anda memiliki hak akses menulis ke folder  instalasi WordPress. Karena jika tidak, ketika installasi berlangsung  anda akan terus-menerus mengulangi installasi wodpress.</p>
<p>Klik  kanan folder wordpress &gt; <strong>Properties</strong></p>
<p><a href="http://wss-id.org/blogs/ciebal/clip_image005_7E5EBB71.jpg"  class="highslide"  onclick="return vz.expand(this)" ><img title="clip_image005" src="http://wss-id.org/blogs/ciebal/clip_image005_thumb_2BA005A8.jpg" border="0" alt="clip image005 thumb 2BA005A8 Install WordPress on IIS7 + SQL Server 2008 R2" width="351" height="440" /></a></p>
<p>Klik  tombol <strong>Edit,</strong> pilih <strong>Tambah,</strong> kemudian isi <strong>IUSR</strong> jangan lupa<strong> check Names</strong> agar tidak terjadi kesalahan dalam  penulisan, jika sudah benar makan akan bergaris bawah.</p>
<p><a href="http://wss-id.org/blogs/ciebal/clip_image0078_24DCD658.jpg"  class="highslide"  onclick="return vz.expand(this)" ><img src="http://wss-id.org/blogs/ciebal/clip_image0078_24DCD658.jpg" alt="clip image0078 24DCD658 Install WordPress on IIS7 + SQL Server 2008 R2" width="465" height="480" title="Install WordPress on IIS7 + SQL Server 2008 R2" /></a></p>
<p>Pastikan  untuk memberikan hak akses user <strong>Write</strong> dengan memilih kotak  centang.</p>
<p><a href="http://wss-id.org/blogs/ciebal/clip_image008_5C12761F.png"  class="highslide"  onclick="return vz.expand(this)" ><img title="clip_image008" src="http://wss-id.org/blogs/ciebal/clip_image008_thumb_36D4E019.png" border="0" alt="clip image008 thumb 36D4E019 Install WordPress on IIS7 + SQL Server 2008 R2" width="332" height="399" /></a></p>
<p><strong><span style="font-size: large;">Installasi WordPress</span></strong></p>
<p>Akses halaman  wordpress <a href="http://localhost/wordpress/" target="_blank">http://localhost/wordpress/</a></p>
<p><a href="http://wss-id.org/blogs/ciebal/clip_image010_26296D06.jpg"  class="highslide"  onclick="return vz.expand(this)" ><img title="clip_image010" src="http://wss-id.org/blogs/ciebal/clip_image010_thumb_132477F5.jpg" border="0" alt="clip image010 thumb 132477F5 Install WordPress on IIS7 + SQL Server 2008 R2" width="513" height="333" /></a></p>
<p>Klik  Create a Configuration File, lalu ikuti petunjuk sampai pada halaman  informasi database.</p>
<p><a href="http://wss-id.org/blogs/ciebal/clip_image012_331F3918.jpg"  class="highslide"  onclick="return vz.expand(this)" ><img title="clip_image012" src="http://wss-id.org/blogs/ciebal/clip_image012_thumb_1A031D39.jpg" border="0" alt="clip image012 thumb 1A031D39 Install WordPress on IIS7 + SQL Server 2008 R2" width="524" height="463" /></a></p>
<p>Isi  informasi database sesuai yang telah anda buat sebelumnya. Untuk  Database Host adalah host pada SQL Server anda, seperti gambar dibawah  ini:</p>
<p><a href="http://wss-id.org/blogs/ciebal/clip_image014_30A21928.jpg"  class="highslide"  onclick="return vz.expand(this)" ><img title="clip_image014" src="http://wss-id.org/blogs/ciebal/clip_image014_thumb_71343FCA.jpg" border="0" alt="clip image014 thumb 71343FCA Install WordPress on IIS7 + SQL Server 2008 R2" width="327" height="249" /></a></p>
<p>Jalankan  Installasi, da nisi informasi blog wordpress anda.</p>
<p><a href="http://wss-id.org/blogs/ciebal/clip_image016_2D305BB3.jpg"  class="highslide"  onclick="return vz.expand(this)" ><img title="clip_image016" src="http://wss-id.org/blogs/ciebal/clip_image016_thumb_4BF6A9C4.jpg" border="0" alt="clip image016 thumb 4BF6A9C4 Install WordPress on IIS7 + SQL Server 2008 R2" width="467" height="505" /></a></p>
<p>Installasi  selesai</p>
<p><a href="http://wss-id.org/blogs/ciebal/clip_image018_37ECF161.jpg"  class="highslide"  onclick="return vz.expand(this)" ><img title="clip_image018" src="http://wss-id.org/blogs/ciebal/clip_image018_thumb_091712F2.jpg" border="0" alt="clip image018 thumb 091712F2 Install WordPress on IIS7 + SQL Server 2008 R2" width="481" height="366" /></a></p>
<p><a href="http://wss-id.org/blogs/ciebal/clip_image020_067DBB67.jpg"  class="highslide"  onclick="return vz.expand(this)" ><img title="clip_image020" src="http://wss-id.org/blogs/ciebal/clip_image020_thumb_3999A936.jpg" border="0" alt="clip image020 thumb 3999A936 Install WordPress on IIS7 + SQL Server 2008 R2" width="644" height="431" /></a></p>
<p>Selamat  mencoba. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/15.gif" style="border:none;background:none;" alt="15 Install WordPress on IIS7 + SQL Server 2008 R2"  title="Install WordPress on IIS7 + SQL Server 2008 R2" /></p>
<p style="text-align: center;"><img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/shakehand2.gif" style="border:none;background:none;" alt="shakehand2 Install WordPress on IIS7 + SQL Server 2008 R2"  title="Install WordPress on IIS7 + SQL Server 2008 R2" />  <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/tambahan-kaskuser/rate.gif" style="border:none;background:none;" alt="rate Install WordPress on IIS7 + SQL Server 2008 R2"  title="Install WordPress on IIS7 + SQL Server 2008 R2" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ciebal.web.id/2010/07/install-wordpress-on-iis7-sql-server-2008-r2.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Optimasi SEO Off Page</title>
		<link>http://www.ciebal.web.id/2010/06/optimasi-seo-off-page.html</link>
		<comments>http://www.ciebal.web.id/2010/06/optimasi-seo-off-page.html#comments</comments>
		<pubDate>Tue, 29 Jun 2010 16:10:31 +0000</pubDate>
		<dc:creator>ciebal</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[OffPage]]></category>

		<guid isPermaLink="false">http://www.ciebal.web.id/?p=3382</guid>
		<description><![CDATA[Pada umumnya teknik SEO dibagi menjadi dua macam yaitu On Page dan Off Page SEO. OnP age SEO adalah teknik seo yang memerlukan kostumasi dari dalam blog, seperti memaksimalkan keyword, dll. Sedangkan Off Page SEO adalah teknik SEO yang memanfaatkan ruang diluar blog itu sendiri, contohnya backlink. Pada kesempatan kali ini ciebal ingin membahas sedikit [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-3389" title="seo" src="http://www.ciebal.web.id/wp-content/uploads/2010/06/seo.jpg" alt="seo Optimasi SEO Off Page" width="169" height="111" />Pada umumnya teknik <a href="http://www.ciebal.web.id/tag/seo" class="st_tag internal_tag" rel="tag" title="Posts tagged with SEO">SEO</a> dibagi menjadi dua macam yaitu <strong>On Page </strong>dan <strong>Off Page </strong>SEO. OnP age SEO adalah teknik seo yang memerlukan kostumasi dari dalam blog, seperti memaksimalkan keyword, dll. Sedangkan Off Page SEO adalah teknik SEO yang memanfaatkan ruang diluar blog itu sendiri, contohnya backlink.</p>
<p>Pada kesempatan kali ini ciebal ingin membahas sedikit tentang Trik dasar optimasi SEO <a href="http://www.ciebal.web.id/tag/offpage" class="st_tag internal_tag" rel="tag" title="Posts tagged with OffPage">OffPage</a> karena untuk kelas pemula seperti ciebal ini, cara ini adalah cara yang paling mudah dilakukan namun berdampak besar pada posisi blog kita pada search engine dengan keyword tertentu.</p>
<p><span id="more-3382"></span>Ada beberapa trik dasar OffPage SEO diantaranya:</p>
<p><span style="color: #ff0000;"><strong>1. Mendaftarkan blog ke beberapa search engine dan web Directori</strong></span></p>
<p>Anda bisa mendaftarkan blog anda ke beberapa search engine populer yangs ering digunakan oleh pengguna internet, misalnya:</p>
<blockquote><p><strong>Google : </strong>http://www.google.com/addurl</p>
<p><strong>Yahoo! :</strong> http://submit.search.yahoo.com</p>
<p><strong>Bing :</strong> http://www.bing.com/webmaster/SubmitSitePage.aspx</p>
<p><strong>Web Dir :</strong> http://www.link.or.id/ atau http://dir.web.id/</p></blockquote>
<p><span style="color: #ff0000;"><strong>2. PING</strong></span></p>
<p>Ping adalah sebuah layanan dimana search engine akan mengetahui keberadaan blog dan mempublikasikannya. Melakukan Ping secara berkala adalah salah satu trik OffPage SEO apalagi jika blog anda berada pada hosting yang menggunakan IP Baru, tentu proses ini sangat penting agar search engine dapat mengenali blog kita lebih cepat. Layanan Ping yang cukup populer adalah <a href="http://www.pingoat.com/" target="_blank">PingOat</a>, <a href="http://www.mypagerank.net/service_pingservice_index" target="_blank">MyPageRank</a>, <a href="http://pingomatic.com/" target="_blank">PingOtmatic</a> atau layanan <a href="http://blogsearch.google.com/ping" target="_blank">Google Ping Service</a>.</p>
<p><a class="highslide" onclick="return vz.expand(this)" href="http://www.ciebal.web.id/wp-content/uploads/2010/06/ping-service.png"  class="highslide"  onclick="return vz.expand(this)" ><img class="aligncenter size-full wp-image-3387" title="ping-service" src="http://www.ciebal.web.id/wp-content/uploads/2010/06/ping-service.png" alt="ping service Optimasi SEO Off Page" width="448" height="320" /></a></p>
<p><span style="color: #ff0000;"><strong>3. Backlink</strong></span></p>
<p>Backlink adalah salah satu cara optimasi SEO dengan cara memperoleh dukungan dari blog orang lain. Search engine Google menyukai hal ini, karena semakin banyak backlink diperoleh, semakin banyak pula hasil yang akan kita dapatkan. Backlink yang baik adalah baclink yang berasal dari blog yang memiliki Page Rank Tinggi.</p>
<p>Jadi untuk mendapatkan backlink dengan mudah adalah memberikan komentar bermutu di blog dofollow, atau mencari Dofollow blog directory untuk menanam backlink gratis.</p>
<p><span style="color: #ff0000;"><strong>4. Yang Ciebal Tau cuma Segitu. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/6.gif" style="border:none;background:none;" alt="6 Optimasi SEO Off Page"  title="Optimasi SEO Off Page" /></strong></span></p>
<p>Selain trik diatas, anda juga bisa mengirimkan konten/artikel yang ada pada blog anda ke beberapa artikel direktori seperti <a href="http://ezinearticles.com/" target="_blank">Ezin Articles</a>.</p>
<p>Masih banyak menuju backlink gratis, yang paling efektif adalah dengan blogwalking secara rutin untuk menjalin hubungan sesama blogger dan saling bertukarang link antar sesama blogger.</p>
<p>Sekian tulisan sederhana dari ciebal, semoga bermanfaat. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/49.gif" style="border:none;background:none;" alt="49 Optimasi SEO Off Page"  title="Optimasi SEO Off Page" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ciebal.web.id/2010/06/optimasi-seo-off-page.html/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Cara Mudah Compress dan Resize Images</title>
		<link>http://www.ciebal.web.id/2010/05/cara-mudah-compress-dan-resize-images.html</link>
		<comments>http://www.ciebal.web.id/2010/05/cara-mudah-compress-dan-resize-images.html#comments</comments>
		<pubDate>Sun, 16 May 2010 04:03:22 +0000</pubDate>
		<dc:creator>ciebal</dc:creator>
				<category><![CDATA[Download]]></category>
		<category><![CDATA[Tips dan Trik]]></category>
		<category><![CDATA[Tools Online]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Tool Online]]></category>
		<category><![CDATA[Web Desain]]></category>

		<guid isPermaLink="false">http://www.ciebal.web.id/?p=3031</guid>
		<description><![CDATA[Salah satu cara untuk meningkatkan kecepatan blog adalah dengan cara memilih ukuran image yang lebih kecil. Hal ini juga berguna bagi temen-temen yang memiliki bandwidth hosting yang kecil dan tentunya bisa menghemat bandwidth internet para pengunjung blog kita. Ada sebuah website yang menyediakan layanan kompres dan resize image gratis melalui aplikasi desktop dan web. Sehingga [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-3034" title="loading" src="http://www.ciebal.web.id/wp-content/uploads/2010/05/loading.jpg" alt="loading Cara Mudah Compress dan Resize Images" width="116" height="116" />Salah satu cara untuk meningkatkan kecepatan blog adalah dengan cara memilih ukuran image yang lebih kecil. Hal ini juga berguna bagi temen-temen yang memiliki bandwidth hosting yang kecil dan tentunya bisa menghemat bandwidth internet para pengunjung blog kita. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/07.gif" style="border:none;background:none;" alt="07 Cara Mudah Compress dan Resize Images"  title="Cara Mudah Compress dan Resize Images" /></p>
<p>Ada sebuah website yang menyediakan layanan kompres dan resize image gratis melalui aplikasi desktop dan web. Sehingga walaupun kamu tidak dalam keadaan online tetap bisa menggunakan tool ini secara offline. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/15.gif" style="border:none;background:none;" alt="15 Cara Mudah Compress dan Resize Images"  title="Cara Mudah Compress dan Resize Images" /></p>
<p><span id="more-3031"></span>Nama situs penyedia layanan tersebut adalah <a href="http://www.imageoptimizer.net/" target="_blank">http://www.imageoptimizer.net/</a></p>
<p>Cara penggunaanya sangat mudah, kamu cukup memilih gambar yang ingin di kompres kemudian pilih kualitas gambar yang nantinya akan dibuat, lalu tentukan ukuran gambarnya (jika ingin di resize, jika tidak isikan sesuai ukuran gambar sebelumnya).</p>
<p><a class="highslide" onclick="return vz.expand(this)" href="http://www.ciebal.web.id/wp-content/uploads/2010/05/kualitas-pic.png"  class="highslide"  onclick="return vz.expand(this)" ><img class="aligncenter size-full wp-image-3033" title="kualitas-pic" src="http://www.ciebal.web.id/wp-content/uploads/2010/05/kualitas-pic.png" alt="kualitas pic Cara Mudah Compress dan Resize Images" width="347" height="359" /></a></p>
<p>Berikut adalah hasil kompres file gambar punya ciebal:</p>
<p><a class="highslide" onclick="return vz.expand(this)" href="http://www.ciebal.web.id/wp-content/uploads/2010/05/5-16-2010-10-34-06-AM.png"  class="highslide"  onclick="return vz.expand(this)" ><img class="aligncenter size-full wp-image-3032" title="Hasil Kompres Gambar" src="http://www.ciebal.web.id/wp-content/uploads/2010/05/5-16-2010-10-34-06-AM.png" alt="5 16 2010 10 34 06 AM Cara Mudah Compress dan Resize Images" width="731" height="139" /></a></p>
<p>Terlihat di atas, ukuran sebelumnya adalah 93KB berubah menjadi 13 KB. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/004.gif" style="border:none;background:none;" alt="004 Cara Mudah Compress dan Resize Images"  title="Cara Mudah Compress dan Resize Images" /> lumayan juga kompresnya. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/14.gif" style="border:none;background:none;" alt="14 Cara Mudah Compress dan Resize Images"  title="Cara Mudah Compress dan Resize Images" /></p>
<p>Untuk kualitas gambar yang ingin di kompres, walaupun pilih yang <strong>Very small file size</strong> tatap bagus kok gambarnya dan terlihat gak ada penurunan kualitas warna, dll.</p>
<p>Jika ingin menggunakan secara offline bisa <a href="http://www.ciebal.web.id/tag/download" class="st_tag internal_tag" rel="tag" title="Posts tagged with Download">download</a> aplikasi desktopnya di halaman <a href="http://www.ciebal.web.id/tag/download" class="st_tag internal_tag" rel="tag" title="Posts tagged with Download">Download</a>.</p>
<p>Semoga bermanfaat. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/49.gif" style="border:none;background:none;" alt="49 Cara Mudah Compress dan Resize Images"  title="Cara Mudah Compress dan Resize Images" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ciebal.web.id/2010/05/cara-mudah-compress-dan-resize-images.html/feed</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>Merubah Port Web Server IIS7 dan Apache</title>
		<link>http://www.ciebal.web.id/2010/05/merubah-port-web-server-iis7-dan-apache.html</link>
		<comments>http://www.ciebal.web.id/2010/05/merubah-port-web-server-iis7-dan-apache.html#comments</comments>
		<pubDate>Wed, 12 May 2010 05:27:03 +0000</pubDate>
		<dc:creator>ciebal</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Windows 7]]></category>
		<category><![CDATA[Windows Server 2008]]></category>
		<category><![CDATA[IIS 7]]></category>
		<category><![CDATA[Tips dan Trik]]></category>
		<category><![CDATA[Webserver]]></category>

		<guid isPermaLink="false">http://www.ciebal.web.id/?p=3008</guid>
		<description><![CDATA[Gak usah banyak pembukaan yah, ini pengalaman ciebal yang bisa menggunakan webserver apache untuk mendevelop PHP tapi ingin juga menggunakan IIS untuk belajar ASP.Net, walaupun ciebal pernah menulis ebook tentang PHP on IIS 7 tapi ciebal ngerasa kurang pas karena memang IIS di desain untuk mendukung teknologi microsoft seperti ASP.Net, apalagi IIS gak bisa pake [...]]]></description>
			<content:encoded><![CDATA[<p><a class="highslide" onclick="return vz.expand(this)" href="http://www.ciebal.web.id/wp-content/uploads/2010/05/port.jpg"  class="highslide"  onclick="return vz.expand(this)" ><img class="alignleft size-thumbnail wp-image-3009" title="port" src="http://www.ciebal.web.id/wp-content/uploads/2010/05/port-150x150.jpg" alt="port 150x150 Merubah Port Web Server IIS7 dan Apache" width="150" height="120" /></a>Gak usah banyak pembukaan yah, ini pengalaman ciebal yang bisa  menggunakan <a href="http://www.ciebal.web.id/tag/webserver" class="st_tag internal_tag" rel="tag" title="Posts tagged with Webserver">webserver</a> apache untuk mendevelop PHP tapi ingin juga  menggunakan IIS untuk belajar <a href="http://www.ciebal.web.id/tag/asp-net" class="st_tag internal_tag" rel="tag" title="Posts tagged with ASP.Net">ASP.Net</a>, walaupun ciebal pernah menulis <a href="http://www.perpusonline.net/internet-dan-web/membangun-web-server-dengan-iis-7-pada-windows-7.html" target="_blank"> ebook tentang PHP on IIS 7</a> tapi ciebal ngerasa kurang pas karena memang  IIS di desain untuk mendukung teknologi <a href="http://www.ciebal.web.id/tag/microsoft" class="st_tag internal_tag" rel="tag" title="Posts tagged with Microsoft">microsoft</a> seperti ASP.Net,  apalagi IIS gak bisa pake htaccess tapi menggunakan <a href="http://www.ciebal.web.id/tag/web-config" class="st_tag internal_tag" rel="tag" title="Posts tagged with Web.Config">web.config</a>,  sedangkan itu yang ciebal butuhkan. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/14.gif" style="border:none;background:none;" alt="14 Merubah Port Web Server IIS7 dan Apache"  title="Merubah Port Web Server IIS7 dan Apache" /></p>
<p>Masalahnya secara default  kedua webserver ini (Apache dan IIS) terinstall dengan port yang sama,  yaitu port 80, jadi cuma webserver yang terinstall pertama kali yang  bisa running. Solusinya adalah merubah Port salah satu webserver. Ciebal  coba share bagaimana merubah port <a href="http://www.ciebal.web.id/tag/iis-7" class="st_tag internal_tag" rel="tag" title="Posts tagged with IIS 7">IIS 7</a> dan Apache. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/49.gif" style="border:none;background:none;" alt="49 Merubah Port Web Server IIS7 dan Apache"  title="Merubah Port Web Server IIS7 dan Apache" /></p>
<p><span id="more-3008"></span><strong>Merubah  Port IIS 7</strong></p>
<p>1. Buka <strong>IIS Manager</strong></p>
<p>2.  Pilih <strong>Default Web Site</strong> &gt; <strong>Binding</strong></p>
<p><a href="http://mugi.or.id/cfs-file.ashx/__key/CommunityServer.Blogs.Components.WeblogFiles/ciebal/512201010739AM_5F00_7F4701B0.png"  class="highslide"  onclick="return vz.expand(this)" ><img title="5-12-2010 1-07-39 AM" src="http://mugi.or.id/cfs-file.ashx/__key/CommunityServer.Blogs.Components.WeblogFiles/ciebal/512201010739AM_5F00_thumb_5F00_0F323276.png" border="0" alt="512201010739AM 5F00 thumb 5F00 0F323276 Merubah Port Web Server IIS7 dan Apache" width="632" height="454" /></a></p>
<p>3. Pilih <strong>Edit</strong>,  kemudian ganti port <strong>80</strong> menjadi terserah kamu (pada  contoh kali ini ciebal ubah port menjadi 9090).</p>
<p><a href="http://mugi.or.id/cfs-file.ashx/__key/CommunityServer.Blogs.Components.WeblogFiles/ciebal/512201010841AM_5F00_1C27FE88.png"  class="highslide"  onclick="return vz.expand(this)" ><img title="5-12-2010 1-08-41 AM" src="http://mugi.or.id/cfs-file.ashx/__key/CommunityServer.Blogs.Components.WeblogFiles/ciebal/512201010841AM_5F00_thumb_5F00_60584007.png" border="0" alt="512201010841AM 5F00 thumb 5F00 60584007 Merubah Port Web Server IIS7 dan Apache" width="421" height="234" /></a></p>
<p>4. Sekarang coba  akses <a href="http://localhost:9090/">http://localhost:9090</a>. Kalau  masih belum bisa diakses silahkan Restart Service Apache dan coba lagi.  <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/15.gif" style="border:none;background:none;" alt="15 Merubah Port Web Server IIS7 dan Apache"  title="Merubah Port Web Server IIS7 dan Apache" /></p>
<p><a href="http://mugi.or.id/cfs-file.ashx/__key/CommunityServer.Blogs.Components.WeblogFiles/ciebal/512201012616AM_5F00_77FF51A0.png"  class="highslide"  onclick="return vz.expand(this)" ><img title="5-12-2010 1-26-16 AM" src="http://mugi.or.id/cfs-file.ashx/__key/CommunityServer.Blogs.Components.WeblogFiles/ciebal/512201012616AM_5F00_thumb_5F00_436E598B.png" border="0" alt="512201012616AM 5F00 thumb 5F00 436E598B Merubah Port Web Server IIS7 dan Apache" width="530" height="305" /></a></p>
<p><strong>Merubah Port  Apache</strong></p>
<p>1. Buka dir xampp, contoh: <strong>D:\xampp\apache\conf</strong>.  Kemudian edit file <strong>httpd.conf </strong></p>
<p>2. Cari: <strong>Listen  80</strong> ganti dengan <strong>Listen 2082</strong></p>
<p>3. Cari: <strong>ServerName  localhost:80</strong> ganti dengan <strong>ServerName localhost:2082</strong></p>
<p>4. Save dan restart service Apache dan coba akses <a href="http://localhost:2082/">http://localhost:2082</a></p>
<p>Untuk  port silahkan sesuaikan dengan keinginan kamu supaya mudah di apal. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/14.gif" style="border:none;background:none;" alt="14 Merubah Port Web Server IIS7 dan Apache"  title="Merubah Port Web Server IIS7 dan Apache" /></p>
<p>Dari  kedua cara di atas, silahkan ubah port webserver salah satu aja, tp  kalau mau dua-duanya juga boleh, gak dosa kok. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/6.gif" style="border:none;background:none;" alt="6 Merubah Port Web Server IIS7 dan Apache"  title="Merubah Port Web Server IIS7 dan Apache" /></p>
<p>Selamat mencoba.</p>
<p>:thanks</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ciebal.web.id/2010/05/merubah-port-web-server-iis7-dan-apache.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Penting Diperhatikan Untuk SEO WordPress</title>
		<link>http://www.ciebal.web.id/2010/04/penting-diperhatikan-untuk-seo-wordpress.html</link>
		<comments>http://www.ciebal.web.id/2010/04/penting-diperhatikan-untuk-seo-wordpress.html#comments</comments>
		<pubDate>Sat, 17 Apr 2010 09:55:36 +0000</pubDate>
		<dc:creator>ciebal</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Tips dan Trik]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.ciebal.web.id/?p=2910</guid>
		<description><![CDATA[Bingung mau nulis apa hari ini, ada waktu beberapa jam sebelum tidur sore jadi mending blogging coz kasian kan robot-robot search engine ntar makan gaji buta. Ciebal sebenernya cuma mau kasih tau kalo ada satu hal yang penting untuk diperhatikan untuk SEO WordPress, karena sebesar apapun usaha kamu dalam optimasi wordpress mulai dari black hat [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-2901" title="seo-plugins" src="http://www.ciebal.web.id/wp-content/uploads/2010/04/seo-plugins.jpg" alt="seo plugins Penting Diperhatikan Untuk SEO Wordpress" width="121" height="116" />Bingung mau nulis apa hari ini, ada waktu beberapa jam sebelum tidur sore jadi mending <a href="http://www.ciebal.web.id/tag/blogging" class="st_tag internal_tag" rel="tag" title="Posts tagged with Blogging">blogging</a> coz kasian kan robot-robot search engine ntar makan gaji buta.  <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/8.gif" style="border:none;background:none;" alt="8 Penting Diperhatikan Untuk SEO Wordpress"  title="Penting Diperhatikan Untuk SEO Wordpress" /></p>
<p>Ciebal sebenernya cuma mau kasih tau kalo ada satu hal yang penting untuk diperhatikan untuk <a href="http://www.ciebal.web.id/tag/seo" class="st_tag internal_tag" rel="tag" title="Posts tagged with SEO">SEO</a> <a href="http://www.ciebal.web.id/tag/wordpress" class="st_tag internal_tag" rel="tag" title="Posts tagged with Wordpress">WordPress</a>, karena sebesar apapun usaha kamu dalam optimasi <a href="http://www.ciebal.web.id/tag/wordpress" class="st_tag internal_tag" rel="tag" title="Posts tagged with Wordpress">wordpress</a> mulai dari black hat SEO, install plugins SEO, submit ke directori-directori, sosial bookmark, dll itu gak ada artinya kalau kamu gak memperhatikan fitur <a href="http://www.ciebal.web.id/tag/wordpress" class="st_tag internal_tag" rel="tag" title="Posts tagged with Wordpress">wordpress</a> yang satu ini.</p>
<p>Ah banyak bacot nih ciebal. Langsung aja ke pokok permasalahan deh, hehe..</p>
<p><span id="more-2910"></span>Fitur terpenting dalam wordpress adalah <strong>Privacy Setting</strong>.  (Dashboard : <strong>Settings </strong>&gt; <strong>Privacy</strong>) <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/07.gif" style="border:none;background:none;" alt="07 Penting Diperhatikan Untuk SEO Wordpress"  title="Penting Diperhatikan Untuk SEO Wordpress" /></p>
<p><a class="highslide" onclick="return vz.expand(this)" href="http://www.ciebal.web.id/wp-content/uploads/2010/04/privacy-setting.png"  class="highslide"  onclick="return vz.expand(this)" ><img class="aligncenter size-full wp-image-2911" title="privacy setting" src="http://www.ciebal.web.id/wp-content/uploads/2010/04/privacy-setting.png" alt="privacy setting Penting Diperhatikan Untuk SEO Wordpress" width="994" height="234" /></a></p>
<p>Soalnya kalau di setting &#8220;<strong>I Would Like to block search engine, but allow normal visitor</strong>&#8221; maka blog kamu gak akan ke index ke search engine kasus ini terjadi pada Perpus Online. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/06.gif" style="border:none;background:none;" alt="06 Penting Diperhatikan Untuk SEO Wordpress"  title="Penting Diperhatikan Untuk SEO Wordpress" /></p>
<p>Sudah berbulan-bulan yang lalu perpus online hidup entah mengapa tidak terindex ke google ternyata ciebal baru sadar kemarin settingan privacy pilih noindex. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/crazy.gif" style="border:none;background:none;" alt="crazy Penting Diperhatikan Untuk SEO Wordpress"  title="Penting Diperhatikan Untuk SEO Wordpress" /></p>
<p>Semoga ini jadi pelajaran buat ciebal dan bermanfaat buat temen-temen semua.  <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/49.gif" style="border:none;background:none;" alt="49 Penting Diperhatikan Untuk SEO Wordpress"  title="Penting Diperhatikan Untuk SEO Wordpress" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ciebal.web.id/2010/04/penting-diperhatikan-untuk-seo-wordpress.html/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Dumping Database Menggunakan MySQL Query Browser</title>
		<link>http://www.ciebal.web.id/2010/01/dumping-database-menggunakan-mysql-query-browser.html</link>
		<comments>http://www.ciebal.web.id/2010/01/dumping-database-menggunakan-mysql-query-browser.html#comments</comments>
		<pubDate>Wed, 06 Jan 2010 09:56:49 +0000</pubDate>
		<dc:creator>ciebal</dc:creator>
				<category><![CDATA[Tips dan Trik]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Mysql]]></category>

		<guid isPermaLink="false">http://www.ciebal.web.id/?p=2628</guid>
		<description><![CDATA[Ini pengalam ciebal yang kesulitan dumping database menggunakan MysQL karena udah familiar dengan phpmyadmin. Sekarang ciebal coba share bagaimana cara dumping database menggunakan MySQL Query Browser pada webserver IIS7, sebelumnya makasih buat mas Luki Ishwara udah kasih tau caranya dengan cara meninggalkan jejak di vps saya.. Pada kasus ini ciebal ingin migrasi web dari hosting [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-2629" title="mysql" src="http://www.ciebal.web.id/wp-content/uploads/2010/01/mysql.jpeg" alt=" Dumping Database Menggunakan MySQL Query Browser" width="135" height="89" />Ini pengalam ciebal yang kesulitan dumping database menggunakan <a href="http://www.ciebal.web.id/tag/mysql" class="st_tag internal_tag" rel="tag" title="Posts tagged with Mysql">MysQL</a> karena udah familiar dengan phpmyadmin. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/14.gif" style="border:none;background:none;" alt="14 Dumping Database Menggunakan MySQL Query Browser"  title="Dumping Database Menggunakan MySQL Query Browser" /></p>
<p>Sekarang ciebal coba share bagaimana cara dumping database menggunakan MySQL Query Browser pada <a href="http://www.ciebal.web.id/tag/webserver" class="st_tag internal_tag" rel="tag" title="Posts tagged with Webserver">webserver</a> IIS7, sebelumnya makasih buat mas <a href="http://mugi.or.id/members/ishwara/default.aspx" target="_blank">Luki Ishwara</a> udah kasih tau caranya dengan cara meninggalkan jejak di vps saya.. <img src="http://mugi.or.id/emoticons/emotion-2.gif" alt="emotion 2 Dumping Database Menggunakan MySQL Query Browser"  title="Dumping Database Menggunakan MySQL Query Browser" /></p>
<p>Pada kasus ini ciebal ingin migrasi web dari hosting lama ke VPS. OK langsung aja (sebelumnya pastikan udah ada database yang akan di restore).</p>
<p><span id="more-2628"></span><strong>1.</strong> <strong><a href="http://www.ciebal.web.id/tag/download" class="st_tag internal_tag" rel="tag" title="Posts tagged with Download">Download</a> </strong>MSQL Query Browser <strong><a href="http://dev.mysql.com/downloads/gui-tools/5.0.html" target="_blank">DISINI</a></strong></p>
<p><strong>2. Install </strong>seperti install program biasa, ok anggap aja udah di install.</p>
<p><strong>3</strong>. Sekarang<strong> jalankan aplikasi</strong>, kemudian akan muncul tampilan seperti ini:</p>
<p><img src="http://img215.imageshack.us/img215/8047/mysql1.png" alt="mysql1 Dumping Database Menggunakan MySQL Query Browser" width="422" height="354" title="Dumping Database Menggunakan MySQL Query Browser" /></p>
<p>kamu login dengan user+password mysql kamu, untuk default schema buat database apa aja. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/15.gif" style="border:none;background:none;" alt="15 Dumping Database Menggunakan MySQL Query Browser"  title="Dumping Database Menggunakan MySQL Query Browser" /></p>
<p><strong>4.</strong> Akan muncul interface MySQL Query Browser, sekarang open script dengan cara <strong>File </strong>&gt; <strong>Open Script</strong></p>
<p><img src="http://img685.imageshack.us/img685/6126/mysql2.png" alt="mysql2 Dumping Database Menggunakan MySQL Query Browser" width="304" height="385" title="Dumping Database Menggunakan MySQL Query Browser" /></p>
<p><strong>5.</strong> Buat database baru dengan cara <strong>klik kanan pada schemata </strong>&gt; <strong>Create New Schema</strong></p>
<p><img src="http://img94.imageshack.us/img94/1382/66081379.png" alt="66081379 Dumping Database Menggunakan MySQL Query Browser" width="525" height="390" title="Dumping Database Menggunakan MySQL Query Browser" /></p>
<p><strong>6. </strong>Sebelum execute, kita harus buat Default Scheme database yang baru kita buat itu. <strong>Klik kanan database</strong> &gt; <strong>Make Default Schema</strong> :</p>
<p><img src="http://img685.imageshack.us/img685/8246/78572609.png" alt="78572609 Dumping Database Menggunakan MySQL Query Browser" width="530" height="442" title="Dumping Database Menggunakan MySQL Query Browser" /></p>
<p><strong>7. </strong>Sekarang tahap terakhir adalah <strong>execute</strong>.</p>
<p><img src="http://img685.imageshack.us/img685/420/35541737.png" alt="35541737 Dumping Database Menggunakan MySQL Query Browser" width="517" height="568" title="Dumping Database Menggunakan MySQL Query Browser" /></p>
<p>Selesai.. <img src="http://mugi.or.id/emoticons/emotion-21.gif" alt="emotion 21 Dumping Database Menggunakan MySQL Query Browser"  title="Dumping Database Menggunakan MySQL Query Browser" /></p>
<p>Kamu tinggal ubah file config agar koneksi database bida berjalan. <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/15.gif" style="border:none;background:none;" alt="15 Dumping Database Menggunakan MySQL Query Browser"  title="Dumping Database Menggunakan MySQL Query Browser" /></p>
<p>Semoga bermanfaat..</p>
<blockquote><p>Baca juga tulisan ini pada Blog MUGI : <a href="http://mugi.or.id/blogs/ciebal/archive/2010/01/06/dumping-database-menggunakan-mysql-query-browser.aspx" target="_blank">http://mugi.or.id/blogs/ciebal/archive/2010/01/06/dumping-database-menggunakan-mysql-query-browser.aspx</a></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.ciebal.web.id/2010/01/dumping-database-menggunakan-mysql-query-browser.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Opera Mini Simulator : Virtual Mobile Browser</title>
		<link>http://www.ciebal.web.id/2009/11/opera-mini-simulator-virtual-mobile-browser.html</link>
		<comments>http://www.ciebal.web.id/2009/11/opera-mini-simulator-virtual-mobile-browser.html#comments</comments>
		<pubDate>Sun, 15 Nov 2009 19:34:36 +0000</pubDate>
		<dc:creator>ciebal</dc:creator>
				<category><![CDATA[Komputer dan Internet]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Opera Mini]]></category>

		<guid isPermaLink="false">http://www.ciebal.web.id/?p=2441</guid>
		<description><![CDATA[Udah liat tampilan web/blog kamu jika diaskes dengan perangkat mobile? Kalau belum tau kayak apa sih web kita jika di akses melalui mobile browser khususnya Opera Mini yang merupakan mobile browser terkemuka dan paling banyak digunakan oleh masyarakat luas. Ciebal ada berita menarik untuk temen-temen yang ingin mencoba langsung browser Opera Mini melalui PC sehingga [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-2443" title="mobile" src="http://www.ciebal.web.id/wp-content/uploads/2009/11/mobile.jpg" alt="mobile Opera Mini Simulator : Virtual Mobile Browser" width="148" height="147" />Udah liat tampilan web/blog kamu jika diaskes dengan perangkat mobile? Kalau belum tau kayak apa sih web kita jika di akses melalui mobile browser khususnya <a href="http://www.ciebal.web.id/tag/opera-mini" class="st_tag internal_tag" rel="tag" title="Posts tagged with Opera Mini">Opera Mini</a> yang merupakan mobile browser terkemuka dan paling banyak digunakan oleh masyarakat luas.</p>
<p>Ciebal ada berita menarik untuk temen-temen yang ingin mencoba langsung browser Opera Mini melalui PC sehingga kita dapat merasakan langsung mobile browser ini.</p>
<p>Salah satunya adalah <strong>Opera Mini Simulator</strong>, penasaran dengan <strong>Virtual Mobile Browse</strong>r ini..? Lnjut atuh bacanya. :P</p>
<p><span id="more-2441"></span><img class="aligncenter size-full wp-image-2442" title="virtual-browser" src="http://www.ciebal.web.id/wp-content/uploads/2009/11/virtual-browser.JPG" alt=" Opera Mini Simulator : Virtual Mobile Browser" width="245" height="488" /></p>
<p>Persis perangkat mobile aslinya kan..? <img src="http://www.ciebal.web.id/wp-content/plugins/kaskus-emoticons/emoticons/15.gif" style="border:none;background:none;" alt="15 Opera Mini Simulator : Virtual Mobile Browser"  title="Opera Mini Simulator : Virtual Mobile Browser" /></p>
<p>Sok atuh langsung ke TKP :<a href="http://www.opera.com/mini/demo/" target="_blank"> http://www.opera.com/mini/demo/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ciebal.web.id/2009/11/opera-mini-simulator-virtual-mobile-browser.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

