<?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>Heru Kurniawan WebLog &#187; Javascript</title>
	<atom:link href="http://www.herukurniawan.com/category/pemrograman/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.herukurniawan.com</link>
	<description>Catatan Katrok Buruh IT</description>
	<lastBuildDate>Wed, 14 Mar 2012 05:49:35 +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>Kelemahan WP-CopyProtect</title>
		<link>http://www.herukurniawan.com/2010/07/kelemahan-wp-copyprotect/</link>
		<comments>http://www.herukurniawan.com/2010/07/kelemahan-wp-copyprotect/#comments</comments>
		<pubDate>Mon, 19 Jul 2010 09:03:41 +0000</pubDate>
		<dc:creator>heru</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Dunia It]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Pemrograman]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Kelemahan WP-CopyProtect]]></category>
		<category><![CDATA[mouse protect]]></category>
		<category><![CDATA[WP-CopyProtect]]></category>

		<guid isPermaLink="false">http://herukurniawan.com/?p=1423</guid>
		<description><![CDATA[Mengakali WP-CopyProtect?, ada yang belum tau WP-CopyProtect itu apa? sedikit ta' jelasin. WP-CopyProtect merupakan salah satu plugin untuk wordpress buat yang takut tulisanya atau segala sesuatu yang ada dihalaman blog di CoPas aka Copy Paste. Untuk orang awam memang plugin ini bisa buat ngakalin tangan - tangan jahil. Tapi kalau udah hari - hari maenanya dengan browser pasti ngerti cara ngakalin WP-CopyProtect.

Ditulisan ini sedikitpun aku ngak ada maksud mengajarkan hal yang ngak bener. Hanya untuk sharing berbagi apa yang bisa aku bagi *<span style="color: #ff0000;"><span style="text-decoration: line-through;"><em>apa ini maksudnya</em></span></span>* (lmao)]]></description>
			<content:encoded><![CDATA[<p>Mengakali WP-CopyProtect?, ada yang belum tau WP-CopyProtect itu apa? sedikit ta&#8217; jelasin. WP-CopyProtect merupakan salah satu plugin untuk wordpress buat yang takut tulisanya atau segala sesuatu yang ada dihalaman blog di CoPas aka Copy Paste. Untuk orang awam memang plugin ini bisa buat ngakalin tangan &#8211; tangan jahil. Tapi kalau udah hari &#8211; hari maenanya dengan browser pasti ngerti cara ngakalin WP-CopyProtect.</p>
<p>Ditulisan ini sedikitpun aku ngak ada maksud mengajarkan hal yang ngak bener. Hanya untuk sharing berbagi apa yang bisa aku bagi *<span style="color: #ff0000;"><span style="text-decoration: line-through;"><em>apa ini maksudnya</em></span></span>* <img src='http://www.herukurniawan.com/wp-content/plugins/smilies-themer/plurk/lmao.gif' alt='(lmao)' class='wp-smiley' /> </p>
<p>Sebagai studi kasus, kita akan bermain &#8211; main di rumah kang Penyo.Web.Id beliau adalah salah satu blogger yang aku seganin. Kebetulan dia juga menggunakan plugin WP-CopyProtect. Secara garis besar WP-CopyProtect mengurangi atau memantau aktifitas mouse. Misalkan tidak dapat memblok atau melakukan klik kanan<strong>.</strong></p>
<p>Untuk kasus pertama tidak dapat memblok tulisan pada halaman blog. Kelemahan dari sistem keamanan ini adalah pada script yang digunakan. Plugin ini menggunakan JS aka JavaScript untuk melakukan aksinya. Untuk sekedar informasi saja, untuk JavaScript sebagian besar bekerja setelah loading halaman selesai, nah bagaimana jika proses loading belum selesai prosesnya kita hentikan? hasilnya JavaScript yang berfungsi untuk menjadi pengaman Tidak bekerja sebagaimana mestinya. Maka yang terjadi bisa anda lihat dibawah ini.</p>
<div class="wp-caption aligncenter" style="width: 410px"><img src="http://i30.tinypic.com/2vdlhm8.jpg" alt="http://i30.tinypic.com/2vdlhm8.jpg" width="400" height="287" /><p class="wp-caption-text">Tulisan Tetap bisa di Blok</p></div>
<p>Selanjutnya pada kasus klik kanan di disabled atau tidak diizinkan, biasanya ini hanya untuk melihat sourcecode yang digunakan. Biasanya jika kita melakukan aksi klik kanan maka akan muncul pesan seperti ini</p>
<div class="wp-caption aligncenter" style="width: 403px"><img src="http://i26.tinypic.com/191m69.jpg" alt="http://i26.tinypic.com/191m69.jpg" width="393" height="144" /><p class="wp-caption-text">Alert Pesan</p></div>
<p>Untuk mengakalinya bisa juga menggunakan cara sebelumnya, atau yang lebih simple lagi lkita bisa gunakan fasilitas dari browser. cukup memilih menu <strong>View &gt;&gt; Page Source</strong></p>
<p>maka semua jampi &#8211; jampi yang ada diblog untuk pertahanan akan bisa diatasi. Semoga trik nan simple ini tidak disalah gunakan.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.herukurniawan.com/2010/07/kelemahan-wp-copyprotect/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>Tampilan Baru Top Komentator Bulanan</title>
		<link>http://www.herukurniawan.com/2010/04/tampilan-baru-top-komentator-bulanan/</link>
		<comments>http://www.herukurniawan.com/2010/04/tampilan-baru-top-komentator-bulanan/#comments</comments>
		<pubDate>Wed, 21 Apr 2010 11:54:09 +0000</pubDate>
		<dc:creator>heru</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Curhat]]></category>
		<category><![CDATA[Download]]></category>
		<category><![CDATA[Dunia It]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Sticky Tooltip script]]></category>
		<category><![CDATA[tooltip]]></category>
		<category><![CDATA[top komentator]]></category>

		<guid isPermaLink="false">http://herukurniawan.com/?p=1365</guid>
		<description><![CDATA[Yang pingin aku ceritaan kali ini bukan postingan laporan top komentator bulanan seperti postingan sebelumnya , tapi tampilan top komentator yang ada diwidget blog ini. Kalau dilihat sekilas memang ngak ada yang spesial, namun kalau kursor mouse diarahkan ke foto top komentator, maka akan muncul custom tooltip. Tooltip pada umumnya hanya menampilkan text biasa. Dengan tambahan modul Sticky Tooltip script dari dynamicdrive tampilan top komentator diblog nan jablai ini menajadi berbeda.]]></description>
			<content:encoded><![CDATA[<p>Yang pingin aku ceritaan kali ini bukan postingan laporan top komentator bulanan seperti postingan sebelumnya , tapi tampilan top komentator yang ada diwidget blog ini. Kalau dilihat sekilas memang ngak ada yang spesial, namun kalau kursor mouse diarahkan ke foto top komentator, maka akan muncul <strong>custom tooltip</strong>. <strong>Tooltip</strong> pada umumnya hanya menampilkan text biasa. Dengan tambahan modul <a rel="nofollow" target="_blank" href="http://www.dynamicdrive.com/dynamicindex5/stickytooltip.htm" target="_blank"><strong>Sticky Tooltip script</strong></a> dari <a rel="nofollow" target="_blank" href="http://www.dynamicdrive.com" target="_blank"><strong>dynamicdrive</strong></a> tampilan top komentator diblog nan jablai ini menajadi berbeda.</p>
<div class="wp-caption aligncenter" style="width: 410px"><img src="http://i43.tinypic.com/vio8rl.jpg" alt="" width="400" height="236" /><p class="wp-caption-text">Standart</p></div>
<div class="wp-caption aligncenter" style="width: 410px"><img src="http://i42.tinypic.com/w7y2hi.jpg" alt="" width="400" height="211" /><p class="wp-caption-text">Mouse Over</p></div>
<p>Sempat menghilangkan sejenak list top komentator di sidebar dengan alasan belum mendapat ide akan dibuat seperti apa. harapannya sih semua yang ada diblog ini selalu berbeda dari yang lainnya. kapan &#8211; kapan mau ta&#8217; buat jadi plugin, jadi ngak perlu repot &#8211; repot buka koding themes. Buat rekans yang mejeng ditop list top komentatorku ta&#8217; ucapin banyak &#8211; banyak terimakasih, Buat yang pingin mejeng silahkeun berkomen ria diblog jablai ini. Tapi inget jangan nyepam loh <img src='http://www.herukurniawan.com/wp-content/plugins/smilies-themer/plurk/grin.gif' alt=':D' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.herukurniawan.com/2010/04/tampilan-baru-top-komentator-bulanan/feed/</wfw:commentRss>
		<slash:comments>33</slash:comments>
		</item>
		<item>
		<title>Facebox</title>
		<link>http://www.herukurniawan.com/2010/01/facebox/</link>
		<comments>http://www.herukurniawan.com/2010/01/facebox/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 02:11:35 +0000</pubDate>
		<dc:creator>heru</dc:creator>
				<category><![CDATA[Dunia It]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Pemrograman]]></category>
		<category><![CDATA[ajax facebox]]></category>
		<category><![CDATA[download software]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[facebook modul]]></category>
		<category><![CDATA[facebox]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://herukurniawan.com/?p=1201</guid>
		<description><![CDATA[facebox dari namanya tidak berbeda jauh dari facebook. facebox Ini merupakan salah satu modul yang digunakan pada facebook untuk menu - menu popup agar terlihat lebih interaktif. Kita juga dapat menggunakannya modul ini untuk program yang didevelop sendiri. Fasilitas yang ditawarkan juga lumayan banyak. Modul ini Tidak jauh berbeda dengan lightbox JS.]]></description>
			<content:encoded><![CDATA[<p><strong><img class="alignleft" src="http://i45.tinypic.com/1zmypah.jpg" alt="" width="235" height="110" />facebox</strong> dari namanya tidak berbeda jauh dari <strong>facebook</strong>. <strong>facebox</strong> Ini merupakan salah satu modul yang digunakan pada <strong>facebook</strong> untuk menu &#8211; menu popup agar terlihat lebih <strong>interaktif.</strong> Kita juga dapat menggunakannya modul ini untuk program yang didevelop sendiri. Fasilitas yang ditawarkan juga lumayan banyak. Modul ini Tidak jauh berbeda dengan<a rel="nofollow" target="_blank" href="http://herukurniawan.com/2010/01/gallery-photo-dengan-lightbox-js/" target="_blank"> <strong>lightbox JS</strong></a>.</p>
<p>Fasilitas yang ditawarkan</p>
<blockquote><ul>
<li><strong>Membuka Gambar <img class="aligncenter" src="http://i45.tinypic.com/23mk0v9.jpg" alt="" width="300" height="242" /><br /></strong></li>
<li><strong>Menampilkan info / alert  disimpan kedalam layar yang disembunyikan<img class="aligncenter" src="http://i46.tinypic.com/29p6qmw.jpg" alt="" width="350" height="181" /></strong></li>
<li><strong>Memanggil dari file lain<img class="aligncenter" src="http://i49.tinypic.com/24yohew.jpg" alt="" width="350" height="171" /></strong></li>
</ul>
</blockquote>
<p>Yang penasaran bisa <a rel="nofollow" target="_blank" href="http://www.dynamicdrive.com/dynamicindex4/facebox/facebox1.1.zip"><strong>download</strong> paketnya disini</a>, yang pingin liat demo programya bisa <a rel="nofollow" target="_blank" href="http://famspam.com/facebox/" target="_blank"><strong>klik disini</strong></a>, semoga bermanfaat buat rekan yang doyan buat aplikasi yang web yang interaktif.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.herukurniawan.com/2010/01/facebox/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Menyembunyikan Link Url Pada Status Bar</title>
		<link>http://www.herukurniawan.com/2010/01/menyembunyikan-link-url-pada-status-bar/</link>
		<comments>http://www.herukurniawan.com/2010/01/menyembunyikan-link-url-pada-status-bar/#comments</comments>
		<pubDate>Wed, 13 Jan 2010 21:39:56 +0000</pubDate>
		<dc:creator>heru</dc:creator>
				<category><![CDATA[Dunia It]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Pemrograman]]></category>
		<category><![CDATA[hide link in status bar]]></category>
		<category><![CDATA[Link Url Pada Status Bar]]></category>
		<category><![CDATA[Menghapus Link Url Pada Status Bar]]></category>
		<category><![CDATA[Menyembunyikan Link Url]]></category>
		<category><![CDATA[Menyembunyikan Link Url Pada Status Bar]]></category>

		<guid isPermaLink="false">http://herukurniawan.com/?p=1069</guid>
		<description><![CDATA[Menyembunyikan Link Url pada status Bar atau bahasa kerennya <strong>hide link in status bar</strong>. Biar tidak bingung silakan arahkan kursor di kedua link berikut <a href="http://herukurniawan.com" target="_blank">link pertama</a> dan <a style="cursor:pointer" onclick="location.href='http://herukurniawan.com'" target="_blank">link kedua</a> secara sepintas dua link tersebut tidak terlalu kelihatan perbedaannya. Namun jika dilihat lebih detail kita akan mengetahui perbedaannya.]]></description>
			<content:encoded><![CDATA[<p>Menyembunyikan Link Url pada status Bar atau bahasa kerennya <strong>hide link in status bar</strong>. Biar tidak bingung silakan arahkan kursor di kedua link berikut <a rel="nofollow" target="_blank" href="http://herukurniawan.com" target="_blank">link pertama</a> dan <a rel="nofollow" target="_blank" style="cursor:pointer" onclick="location.href='http://herukurniawan.com'" target="_blank">link kedua</a> secara sepintas dua link tersebut tidak terlalu kelihatan perbedaannya. Namun jika dilihat lebih detail kita akan mengetahui perbedaannya.</p>
<p>Cara mengetahuinya silahkan letakkan mouse pad kedua link tadi lalu perhatikan status bar browser kita. Silahkan Liat image / picture / gambar</p>
<p style="text-align: center;"><img class=" aligncenter" src="http://i48.tinypic.com/2enyw7a.jpg" alt="" width="450" height="152" /></p>
<p style="text-align: center;">dan</p>
<p style="text-align: center;"><img class=" aligncenter" src="http://i49.tinypic.com/vxcmew.jpg" alt="" width="450" height="152" /></p>
<p>Lumayan kan buat ngakalin benner atau link refferal. Yang penasaran silahkan kopikan code dibawah ini</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
</pre></td><td class="code"><pre class="html" style="font-family:monospace;">&lt;a href=&quot;http://herukurniawan.com&quot; target=&quot;_blank&quot;&gt;link pertama&lt;/a&gt; 
&lt;a style=&quot;cursor:pointer&quot; onclick=&quot;location.href='http://herukurniawan.com'&quot; &gt;link kedua&lt;/a&gt;</pre></td></tr></table></div>

<p>Belum sempat dicek disemua browser yang jelas firefox berjalan dengan sempurna. Selamat mencoba</p>
]]></content:encoded>
			<wfw:commentRss>http://www.herukurniawan.com/2010/01/menyembunyikan-link-url-pada-status-bar/feed/</wfw:commentRss>
		<slash:comments>50</slash:comments>
		</item>
		<item>
		<title>Gallery Photo Dengan LightBox Js</title>
		<link>http://www.herukurniawan.com/2010/01/gallery-photo-dengan-lightbox-js/</link>
		<comments>http://www.herukurniawan.com/2010/01/gallery-photo-dengan-lightbox-js/#comments</comments>
		<pubDate>Tue, 12 Jan 2010 08:12:04 +0000</pubDate>
		<dc:creator>heru</dc:creator>
				<category><![CDATA[Dunia It]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Pemrograman]]></category>
		<category><![CDATA[Wordprees Plugin]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[batam gallery]]></category>
		<category><![CDATA[batamgallery.web.id]]></category>
		<category><![CDATA[gallery photo]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[Lightbox 2 Wordpress Plugin]]></category>
		<category><![CDATA[photo blog]]></category>

		<guid isPermaLink="false">http://herukurniawan.com/?p=1056</guid>
		<description><![CDATA[Mau buat photo blog atau sekedar gallery photo Ngak ada salahnya nyobain modul keren satu ini. Untuk pengguna wordpress jangan khawatir sudah ada pluginnya "Lightbox 2 Wordpress Plugin" sedangkan yang doyang ngoprek - ngoprek sendiri silahkan mapir ke dapurnya langsung Semua manual cara penggunaan lengkap tinggal digunain.]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter" src="http://i47.tinypic.com/3144g9t.jpg" alt="" width="469" height="407" />Mau buat <strong>photo blog</strong> atau sekedar <strong>gallery photo</strong> Ngak ada salahnya nyobain modul keren satu ini. Untuk pengguna wordpress jangan khawatir sudah ada pluginnya &#8220;<a rel="nofollow" target="_blank" href="http://www.4mj.it/lightbox-js-v20-wordpress/" target="_blank"><strong>Lightbox 2 WordPress Plugin</strong></a>&#8221; sedangkan yang doyang ngoprek &#8211; ngoprek sendiri silahkan mapir ke <a rel="nofollow" target="_blank" href="http://www.huddletogether.com/projects/lightbox2/" target="_blank"><strong>dapurnya langsung </strong></a>Semua manual cara penggunaan lengkap tinggal digunain.</p>
<p>Kebetulan lagi ada kerjaan yang harus gunain <strong>gallery photo</strong> jadi mau ngak mau harus ngebongkar file &#8211; file lama yang berhubungan. Dari banyak modul untuk view photo cuma <strong>Lightbox</strong> yang paling gampang digunakan dan hasilnya enak dilihat,<span style="color: #ff0000;"> (<em><span style="text-decoration: line-through;">menurut versi aku</span></em>)</span></p>
<p>Oh ya ini salah satu web yang udah lama banget yang gunain lightbox untuk melihat gambar Size aslinya <a rel="nofollow" target="_blank" href="http://www.batamgallery.web.id" target="_blank"><strong>www.batamgallery.web.id</strong></a> namun yang digunakan masih lightbox versi pertama, sayangnya web ini dibiarin jablai udah jarang dijamah sama temen &#8211; temenku. hihi</p>
]]></content:encoded>
			<wfw:commentRss>http://www.herukurniawan.com/2010/01/gallery-photo-dengan-lightbox-js/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Random Image With JavaScript</title>
		<link>http://www.herukurniawan.com/2009/12/random-image-with-javascript/</link>
		<comments>http://www.herukurniawan.com/2009/12/random-image-with-javascript/#comments</comments>
		<pubDate>Fri, 04 Dec 2009 19:33:38 +0000</pubDate>
		<dc:creator>heru</dc:creator>
				<category><![CDATA[Dunia It]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Pemrograman]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[javascript image]]></category>
		<category><![CDATA[math.random()]]></category>
		<category><![CDATA[random image]]></category>
		<category><![CDATA[Random Image With JavaScript]]></category>
		<category><![CDATA[Random Javascript]]></category>
		<category><![CDATA[random()]]></category>

		<guid isPermaLink="false">http://herukurniawan.com/?p=775</guid>
		<description><![CDATA[Menjawab komentar rekans mase mungil pada postingan Random Image With PHP, aku akan coba kasi sedikit versi untuk javascriptnya. Memang ngak terlalu menguasai javascript, Tapi setelah mondar – mandir di paman google nyari fungsi yang mirip dengan function rand() untuk random di PHP. Ternyata nama functionya ngak jauh berbeda function yang digunakan di javascript untuk membuat angka acak namanya random().]]></description>
			<content:encoded><![CDATA[<p>Menjawab komentar rekans <a rel="nofollow" target="_blank" href="http://oscorner.web.id/" target="_blank"><strong>mase mungil</strong></a> pada postingan <a rel="nofollow" target="_blank" href="http://herukurniawan.com/2009/11/random-image-with-php/" target="_blank"><strong>Random Image With PHP</strong></a>, aku akan coba kasi sedikit versi untuk <strong>javascript</strong>nya. Memang ngak terlalu menguasai <strong>javascript</strong>, Tapi setelah mondar &#8211; mandir di paman google nyari fungsi yang mirip dengan function <em><strong>rand()</strong></em> untuk random di <strong>PHP</strong>. Ternyata nama functionya ngak jauh berbeda function yang digunakan di javascript untuk membuat angka acak namanya <em><strong>random()</strong></em>.</p>
<p>Langsung aja kita ubah koding sebelumnya yang menggunakan bahasa pemrograman<strong> PHP</strong> menjadi<strong> JavaScript</strong></p>
<p><strong>PHP</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #000088;">$angka</span> <span style="color: #339933;">=</span> <span style="color: #990000;">rand</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;&lt;img src='&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$angka</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;.jpg'&gt;&quot;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p><strong>JavaScript</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script language<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;JavaScript&quot;</span><span style="color: #339933;">&gt;</span>
  <span style="color: #003366; font-weight: bold;">var</span> ry<span style="color: #339933;">=</span>Math.<span style="color: #660066;">floor</span><span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">random</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span><span style="color: #CC0000;">3</span><span style="color: #009900;">&#41;</span>
	ry <span style="color: #339933;">=</span> ry<span style="color: #339933;">+</span><span style="color: #CC0000;">1</span><span style="color: #339933;">;</span>
   document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&lt;img src='&quot;</span><span style="color: #339933;">+</span>ry<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;.jpg'&gt;&quot;</span><span style="color: #009900;">&#41;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p>Selesai sudah utangku. Yang mau nyobain bisa <a rel="nofollow" target="_blank" href="http://herukurniawan.com/download/random-image-javascript.zip"><strong>download filenya disini</strong></a>. Semoga bermanfaat buat yang membutuhkan, buat <a rel="nofollow" target="_blank" href="http://oscorner.web.id/"><strong>mase mungil</strong></a> terima kasih udah memberikan aku inspirasi buat posting tulisan baru</p>
<p>heppy coding <img src='http://www.herukurniawan.com/wp-content/plugins/smilies-themer/plurk/smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.herukurniawan.com/2009/12/random-image-with-javascript/feed/</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
		<item>
		<title>Page Peel BujanQWorkS 1.2 – WordPress Plugin</title>
		<link>http://www.herukurniawan.com/2009/11/page-peel-bujanqworks-1-2-wordpress-plugin/</link>
		<comments>http://www.herukurniawan.com/2009/11/page-peel-bujanqworks-1-2-wordpress-plugin/#comments</comments>
		<pubDate>Fri, 06 Nov 2009 17:17:25 +0000</pubDate>
		<dc:creator>heru</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Wordprees Plugin]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[bujanq works]]></category>
		<category><![CDATA[page peel]]></category>
		<category><![CDATA[pageer]]></category>
		<category><![CDATA[pagepeel]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[wordpress plugin]]></category>

		<guid isPermaLink="false">http://herukurniawan.com/?p=700</guid>
		<description><![CDATA[Page Peel BujanQWorkS 1.2 kembali dengan tambahan fitur baru dalam melakukan penyetingan tampilan iklan sedikit lebih menarik dari versi - versi sebelumnya Page Peel BujanQWorkS 1.0 dan Page Peel BujanQWorkS 1.1]]></description>
			<content:encoded><![CDATA[<p><strong>Page Peel BujanQWorkS 1.2</strong> kembali dengan tambahan fitur baru dalam melakukan penyetingan tampilan iklan sedikit lebih menarik dari versi &#8211; versi sebelumnya <strong><a rel="nofollow" target="_blank" href="http://herukurniawan.com/2009/09/page-peel-bujanqworks-1-0-wordpress-plugin/" target="_blank">Page Peel BujanQWorkS 1.0</a> dan <a rel="nofollow" target="_blank" href="http://herukurniawan.com/2009/09/page-peel-bujanqworks-1-1-wordpress-plugin/">Page Peel BujanQWorkS 1.1</a></strong></p>
<div class="mceIEcenter">
<dl id="attachment_456" class="aligncenter" style="width: 310px;">
<dt><img title="page peel" src="http://herukurniawan.com/wp-content/uploads/2009/09/pic1-300x164.jpg" alt="page peel" width="300" height="164" /></dt>
<dd>page peel</dd>
</dl>
</div>
<p>file dapat di download disini <a rel="nofollow" target="_blank" href="http://http://downloads.wordpress.org/plugin/page-peel-bujanqworks.1.2.zip"><strong>page-peel-bujanqworks.1.2.zip</strong></a></p>
<p>Kelebihan <strong>Page peel BujanQWorkS 1.2</strong></p>
<ol>
<li>Sudah dapat di download dari wordpress.org</li>
<li>Sama seperti plugin lainnya, apabila ada versi terbaru akan segera diberi konfirmasi kepada pengguna plugin ini</li>
<li>Memiliki 3 tambahan fitur lain seperti :
<ul>
<li>Pengaturan Bayangan bisa diaktif dan nonaktifkan</li>
<li>Pemilihan Warna pada bayangan iklan</li>
<li>Target link bisa diset ke halaman indul atau halaman baru</li>
</ul>
</li>
</ol>
<p><strong>Catatan :<br />
</strong></p>
<ul>
<li>Masih dalam tahap Pengembangan</li>
<li>Akan disempurnakan pada versi &#8211; versi berikutnya</li>
<li>Pastikan Function <strong>wp_head()</strong> pada file <strong>header.php</strong> ditemplate yang digunakan masih ada.</li>
<li>Pastikan Function <strong>wp_footer()</strong> pada file <strong>footer.php</strong> di template yang digunakan masih ada</li>
</ul>
<p style="text-align: center;"><span style="color: #3366ff;"><strong>Latest Page Peel BujanQWorkS</strong></span><br />
<a rel="nofollow" target="_blank" href="http://downloads.wordpress.org/plugin/page-peel-bujanqworks.zip"><img title="download File Page Peel BujanQWorkS 1.0" src="http://barelang.web.id/Thumbnail/button.png" border="0" alt="download now" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.herukurniawan.com/2009/11/page-peel-bujanqworks-1-2-wordpress-plugin/feed/</wfw:commentRss>
		<slash:comments>44</slash:comments>
		</item>
		<item>
		<title>Page Peel BujanQWorkS 1.1 &#8211; WordPress Plugin</title>
		<link>http://www.herukurniawan.com/2009/09/page-peel-bujanqworks-1-1-wordpress-plugin/</link>
		<comments>http://www.herukurniawan.com/2009/09/page-peel-bujanqworks-1-1-wordpress-plugin/#comments</comments>
		<pubDate>Fri, 25 Sep 2009 17:53:51 +0000</pubDate>
		<dc:creator>heru</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Pemrograman]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Wordprees Plugin]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[ads]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[bujanqworks]]></category>
		<category><![CDATA[pagepe]]></category>
		<category><![CDATA[pagepeel]]></category>
		<category><![CDATA[worpress plugin]]></category>

		<guid isPermaLink="false">http://herukurniawan.com/?p=474</guid>
		<description><![CDATA[Tidak banyak perubahan dengan versi sebelumnya, untuk langkah - langkah instalasi bisa dilihat di pada Page Peel BujanQWorkS 1.0

Kelebihan Page peel BujanQWorkS 1.1
   1. Sudah dapat di download dari wordpress.org
   2. Sama seperti plugin lainya, apabila ada versi terbaru akan segera diberi konfirmasi kepada pengguna ]]></description>
			<content:encoded><![CDATA[<p>Tidak banyak perubahan dengan versi sebelumnya, untuk langkah &#8211; langkah instalasi bisa dilihat di pada <strong><a rel="nofollow" target="_blank" href="http://herukurniawan.com/2009/09/page-peel-bujanqworks-1-0-wordpress-plugin/" target="_blank">Page Peel BujanQWorkS 1.0</a></strong></p>
<div id="attachment_456" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-456" title="page peel" src="http://herukurniawan.com/wp-content/uploads/2009/09/pic1-300x164.jpg" alt="page peel" width="300" height="164" /><p class="wp-caption-text">page peel</p></div>
<p>file dapat di download disini <strong><a rel="nofollow" target="_blank" href="http://downloads.wordpress.org/plugin/page-peel-bujanqworks.1.1.zip">page-peel-bujanqworks.1.1.zip</a></strong></p>
<p>Kelebihan <strong>Page peel BujanQWorkS 1.1</strong></p>
<ol>
<li>Sudah dapat di download dari wordpress.org</li>
<li>Sama seperti plugin lainya, apabila ada versi terbaru akan segera diberi konfirmasi kepada pengguna plugin ini</li>
</ol>
<p><strong>Catatan :<br />
</strong></p>
<ul>
<li>Masih dalam tahap Pengembangan</li>
<li>Akan disempurnakan pada versi &#8211; versi berikutnya</li>
<li>Pastikan Function <strong>wp_head()</strong> pada file <strong>header.php</strong> ditemplate yang digunakan masih ada.</li>
<li>Pastikan Function <strong>wp_footer()</strong> pada file <strong>footer.php</strong> di template yang digunakan masih ada</li>
</ul>
<p style="text-align: center;"><span style="color: #3366ff;"><strong>Latest Page Peel BujanQWorkS</strong></span><br />
<a rel="nofollow" target="_blank" href="http://downloads.wordpress.org/plugin/page-peel-bujanqworks.zip"><img title="download File Page Peel BujanQWorkS 1.0" src="http://barelang.web.id/Thumbnail/button.png" border="0" alt="download now" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.herukurniawan.com/2009/09/page-peel-bujanqworks-1-1-wordpress-plugin/feed/</wfw:commentRss>
		<slash:comments>33</slash:comments>
		</item>
		<item>
		<title>Batam Gallery</title>
		<link>http://www.herukurniawan.com/2009/07/batam-gallery/</link>
		<comments>http://www.herukurniawan.com/2009/07/batam-gallery/#comments</comments>
		<pubDate>Mon, 13 Jul 2009 10:18:47 +0000</pubDate>
		<dc:creator>heru</dc:creator>
				<category><![CDATA[Curhat]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[batam]]></category>
		<category><![CDATA[batam gallery]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[gallery batam]]></category>
		<category><![CDATA[images batam]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[photo blog]]></category>
		<category><![CDATA[picture batam]]></category>

		<guid isPermaLink="false">http://herukurniawan.com/?p=312</guid>
		<description><![CDATA[postingan pertamaku dibulan juli 2009.  sempat iri melihat photo blog punya rekan - rekan blogger yang sempat aku singgahi dikala ada sedikit waktu untuk blog walking. Keingingan untuk buatnya juga sudah lama banget tapi baru sempat dikerjakan sekarang. sempat bingung mau dibuat gimana nih website, apalagi bulan - bulan ini setan malas itu datang lagi mengunjungiku.]]></description>
			<content:encoded><![CDATA[<div id="attachment_313" class="wp-caption alignleft" style="width: 290px"><a rel="nofollow" target="_blank" href="http://batamgallery.web.id"><img class="size-full wp-image-313" title="batamgalleriwebid" src="http://herukurniawan.com/wp-content/uploads/2009/07/batamgalleriwebid.jpg" alt="BatamGalley.Web.Id" width="280" height="405" /></a><p class="wp-caption-text">BatamGalley.Web.Id</p></div>
<p>postingan pertamaku dibulan <strong>juli 2009</strong>.  sempat iri melihat <strong>photo blog</strong> punya rekan &#8211; rekan blogger yang sempat aku singgahi dikala ada sedikit waktu untuk blog walking. Keingingan untuk buatnya juga sudah lama banget tapi baru sempat dikerjakan sekarang. sempat bingung mau dibuat gimana nih website, apalagi bulan &#8211; bulan ini setan malas itu datang lagi mengunjungiku.</p>
<p>Dimulai dengan mencari nama domain yang pas, kalo mau ngambil subdomain dari <a rel="nofollow" target="_blank" title="heru manusia biasa" href="http://herukurniawan.com"><strong>herukurniawan.com </strong></a>kerbayang sendiri kan panjang nama domainnya gimana. Kebetulan ada teman yang mau mesen domain <strong><a rel="nofollow" target="_blank" href="http://pandi.or.id">.id</a></strong>, ya udah sekalian aja biar ngak kerja dua kali buat register domain, ngerti sendirikan ribetnya register domain indonesia gimana. Mengapa memilih nama domain <a rel="nofollow" target="_blank" title="batam gallery" href="http://batamgallery.web.id"><strong>batamgallery.web.id</strong></a>? yah karna enak aja didengernya (jawaban yang tidak memuaskan). Niatnya sih pingin dokumentasiin semua yang ada dibatam ke dunia maya, supaya kalo ntar singgah kebatam ngak kaget pada pandangan pertama. tapi untuk sementara masih photo &#8211; photo kegiatan yang ada di folder document dikomputerku dan jumlahnya belum terlalu banyak dan mengenai bahasa mencoba menggunakan bahasa inggis walaupun masih sangat amburadul (hehe). selain itu alat perekam alias cameranya belum ada rejeki untuk memilikinya.</p>
<p>Kemudian dilanjutkan dengan program yang digunain untuk <strong><a rel="nofollow" target="_blank" href="http://batamgallery.web.id">batamgallery.web.id</a></strong>. maklum lagi males banget mau buat coding sendiri jadi yah searching CMS yang support buat photo gallery / photo blog. Mulai dari <strong>4images</strong>, <strong>cloudosys, photo-zend, pixelpost, Joomla</strong> sampai <strong>wordpress </strong>tak jajal. tapi semua ada kekurangan dan kelebihan. mulai dari yang paling simpel sampai yang sangat berlebihan. jadi bingung sendiri mau gunain CMS yang mana satu. Dari pada pusing lama &#8211; lama, ku putusin untuk buat coding sendiri untuk batamgalley.web.id. Biasa gunain <strong><a rel="nofollow" target="_blank" href="http://herukurniawan.com/category/pemrograman/php/">PHP</a></strong> sebagai platform utamanya dan di permanis dengan <a rel="nofollow" target="_blank" href="http://herukurniawan.com/category/pemrograman/html/"><strong>HTML</strong></a>, CSS dan Java <a rel="nofollow" target="_blank" href="http://herukurniawan.com/category/pemrograman/javascript/"><strong>script</strong></a>. Untuk hasilnya silahkan dilihat sendiri ke <a rel="nofollow" target="_blank" href="http://batamgallery.web.id"><strong>TKP</strong></a>. Masalah kecepatan mengakses halaman web ini untuk sekarang masih aman &#8211; aman aja, belum tau kedepanya kalau jumlah photonya sudah cukup banyak, ngelirik juragan <a rel="nofollow" target="_blank" href="http://merdekahost.com"><strong>bodsink</strong></a> ah. <img src='http://www.herukurniawan.com/wp-content/plugins/smilies-themer/plurk/tongue.gif' alt=':P' class='wp-smiley' /> . <strong>so ditunggu kritik dan sarannya</strong>. <strong>luv u all </strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.herukurniawan.com/2009/07/batam-gallery/feed/</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>Notepad++ Is Wonderfull script Editor</title>
		<link>http://www.herukurniawan.com/2009/05/notepad-is-wonderfull-script-editor/</link>
		<comments>http://www.herukurniawan.com/2009/05/notepad-is-wonderfull-script-editor/#comments</comments>
		<pubDate>Wed, 20 May 2009 01:28:49 +0000</pubDate>
		<dc:creator>heru</dc:creator>
				<category><![CDATA[Bahasa c]]></category>
		<category><![CDATA[Database]]></category>
		<category><![CDATA[Dunia It]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Pemrograman]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Download]]></category>
		<category><![CDATA[editor]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[notepad]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[script]]></category>
		<category><![CDATA[script editor]]></category>

		<guid isPermaLink="false">http://herukurniawan.com/?p=300</guid>
		<description><![CDATA[Buat pencinta open source aplikasi notepad++ pasti bukanlah hal yang aneh lagi. tapi untuk orang awam notepad hanya dipandang sebelah mata. Untuk notepad++ versi sekarang memang tidak boleh dianggap remeh karna berbeda jauh dengan kakak tertuanya bawaan dari windows. Notepad++ sudah mendukung untuk script editor hampir semua bahasa pemrograman. yang perlu digaris bawahi hanya bisa sebagai script editor belum bisa untuk compiller. Versi terakhir yang aku gunain dan terakhir terakhir di develop Notepad++ v5.3.1 ]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Sekian lama aku menunggu akhirnya bisa menyempatkan waktui untuk menulis di <a rel="nofollow" target="_blank" href="http://herukurniawan.com">blog jablaiku</a> ini. (<em>gunain nada menunggunya ridho roma</em>)  <img src='http://www.herukurniawan.com/wp-content/plugins/smilies-themer/plurk/smile.gif' alt=':)' class='wp-smiley' /> </p>
<p style="text-align: justify;">Buat pencinta open source aplikasi <a rel="nofollow" target="_blank" href="http://notepad-plus.sourceforge.net/">notepad++ </a>pasti bukanlah hal yang aneh lagi. tapi untuk orang awam notepad hanya dipandang sebelah mata. Untuk notepad++ versi sekarang memang tidak boleh dianggap remeh karna berbeda jauh dengan kakak tertuanya bawaan dari windows. <a rel="nofollow" target="_blank" href="http://notepad-plus.sourceforge.net/">Notepad++</a> sudah mendukung untuk script editor hampir semua bahasa pemrograman. yang perlu digaris bawahi hanya bisa sebagai script editor belum bisa untuk compiller. Versi terakhir yang aku gunain dan terakhir terakhir di develop <strong><a rel="nofollow" target="_blank" href="http://notepad-plus.sourceforge.net/">Notepad++ v5.3.1 </a></strong></p>
<p>Yang menarik pada versi &#8211; versi terbaru saat ini <a rel="nofollow" target="_blank" href="http://notepad-plus.sourceforge.net/">notepad++</a> dilengkapi <strong>3 fiture </strong>tambahan yang menarik. Aku juga kurang tahu mulai dari versi berapa sudah di tambahkan 3 fiture keren tersebut.</p>
<p><img class="alignleft size-medium wp-image-303" style="margin-left: 6px; margin-right: 6px;" title="ftp" src="http://herukurniawan.com/wp-content/uploads/2009/05/ftp.jpg" alt="ftp" width="174" height="112" />Fiture yang pertama adalah FTP. pada fiture ini pengguna dapat mengedit atau mengupload file dari komputer sendiri. Pengguna dapat mengedit file yang disimpan di hosting/server langsung tanpa harus mendownload secara manual dan apabila disave file tersebut juga sudah tersave pada hosting anda. bukankah jauh lebih simple tanpa harus membuka cpanel atau FileZilla atau tools FTP lainya.</p>
<p><img class="alignleft size-full wp-image-302" style="margin-left: 6px; margin-right: 6px;" title="console" src="http://herukurniawan.com/wp-content/uploads/2009/05/console.jpg" alt="console" width="182" height="154" />Fiture yang kedua adalah Console dialog. Tanpa harus membuka command promt anda sudah bisa menggunakannya langsung dalam satu aplikasi. Bayangkan jika anda hobi menjalankan query langsung dari command promt bukankan fiture ini sangat membantu rekans dalam menjalankan pekerjaan.</p>
<p><img class="alignleft size-full wp-image-301" style="margin-left: 6px; margin-right: 6px;" title="chat" src="http://herukurniawan.com/wp-content/uploads/2009/05/chat.jpg" alt="chat" width="185" height="124" />Fiture yang Ketiga adalah Show Dialog. Pada fiture ini pengguna dapat melakukan chating antara rekan &#8211; rekan 1 lan. Bayangkan tanpa harus membuka aplikasi &#8211; aplikasi IM untuk Chat rekasn sudah bisa menjalankanya dalam satu aplikasi notepad++.</p>
<p>Namun sampai sekarang fiture yang aku tunggu &#8211; tunggu belum muncul &#8211; muncul. Fiture Design sama dengan milik dreamwever dan kawan &#8211; kawan. atau mungkin notepad++ konsisten dengan namanya notepad jadi harus berbasis teks saja. atau mungkin fiture ini sudah ada dan aku yang tertinggal. So kalau ada rekans yang memiliki informasi tentang notepad++ silahkan sharing disini.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.herukurniawan.com/2009/05/notepad-is-wonderfull-script-editor/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
	</channel>
</rss>

