<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>pemula komputer</title>
	<atom:link href="http://piopemula.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://piopemula.wordpress.com</link>
	<description>Just another WordPress.com weblog</description>
	<lastBuildDate>Thu, 17 Jul 2008 05:10:07 +0000</lastBuildDate>
	<language>id</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='piopemula.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>pemula komputer</title>
		<link>http://piopemula.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://piopemula.wordpress.com/osd.xml" title="pemula komputer" />
	<atom:link rel='hub' href='http://piopemula.wordpress.com/?pushpress=hub'/>
		<item>
		<title>MEMBUAT WALPAPER DENGAN JAVASCRIPT</title>
		<link>http://piopemula.wordpress.com/2008/07/17/membuat-walpaper-dengan-javascript-2/</link>
		<comments>http://piopemula.wordpress.com/2008/07/17/membuat-walpaper-dengan-javascript-2/#comments</comments>
		<pubDate>Thu, 17 Jul 2008 05:00:50 +0000</pubDate>
		<dc:creator>pio33rr</dc:creator>
				<category><![CDATA[Tak Berkategori]]></category>

		<guid isPermaLink="false">http://piopemula.wordpress.com/?p=3</guid>
		<description><![CDATA[Kadang-kadang kita sangat bosan dengan wallpaper kita yang itu-itu melulu dan ingin sekali wallpaper kita terdapat gambar-gambar bergerak (animasi). So, jangan khawatir karena cukup dengan pengetahuan tentang html dan javascript maka anda akan mendapatkan wallpaper yang sangat keren . Well tanpa basa basi lagi kita mulai aja. Caranya: - Buka Notepad (tahukan bukanya&#8212;kalau gak tau [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=piopemula.wordpress.com&amp;blog=4160330&amp;post=3&amp;subd=piopemula&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal" style="text-align:left;">Kadang-kadang kita sangat bosan dengan wallpaper kita yang itu-itu melulu dan ingin sekali wallpaper kita terdapat gambar-gambar bergerak (animasi).<span> </span>So, jangan khawatir karena cukup dengan pengetahuan tentang html dan javascript maka anda akan mendapatkan wallpaper yang sangat keren . Well tanpa basa basi lagi kita mulai aja.</p>
<p class="MsoNormal" style="text-align:left;">Caranya:</p>
<p class="ListParagraphCxSpFirst" style="text-indent:-0.25in;text-align:left;"><!--[if !supportLists]--><span><span>-<span style="font-family:&quot;font-style:normal;font-variant:normal;font-weight:normal;font-size:7pt;line-height:normal;"> </span></span></span><!--[endif]-->Buka <strong>Notepad</strong> (tahukan bukanya&#8212;kalau gak tau buka&#8212;&gt; Start&#8212;&gt; All Programs&#8212;&gt; Accessories&#8212;&gt; Notepad</p>
<p class="ListParagraphCxSpMiddle" style="text-indent:-0.25in;text-align:left;"><!--[if !supportLists]--><span><span>-<span style="font-family:&quot;font-style:normal;font-variant:normal;font-weight:normal;font-size:7pt;line-height:normal;"> </span></span></span><!--[endif]-->Ketikan atau Copy teks berikut</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">&lt;HTML&gt;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">&lt;HEAD&gt;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">&lt;TITLE&gt;Animasi Kursor Mouse&lt;/TITLE&gt;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">&lt;/HEAD&gt;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">&lt;BODY&gt;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">&lt;SCRIPT language=JavaScript&gt;&lt;!&#8211;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">
<p class="ListParagraphCxSpMiddle" style="text-align:left;">dCol=&#8217;000000&#8242;;//date colour.</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">fCol=&#8217;000000&#8242;;//face colour.</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">sCol=&#8217;000000&#8242;;//seconds colour.</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">mCol=&#8217;000000&#8242;;//minutes colour.</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">hCol=&#8217;000000&#8242;;//hours colour.</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">ClockHeight=40;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">ClockWidth=40;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">ClockFromMouseY=0;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">ClockFromMouseX=100;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">
<p class="ListParagraphCxSpMiddle" style="text-align:left;">d=new Array(&#8220;Minggu&#8221;,&#8221;Senin&#8221;,&#8221;Selasa&#8221;,&#8221;Rabu&#8221;,&#8221;Kamis&#8221;,&#8221;Jumat&#8221;,&#8221;Sabtu&#8221;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">m=new Array(&#8220;Januari&#8221;,&#8221;Februari&#8221;,&#8221;Maret&#8221;,&#8221;April&#8221;,&#8221;Mei&#8221;,&#8221;Juni&#8221;,</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>&#8220;Juli&#8221;,&#8221;Agustus&#8221;,&#8221;September&#8221;,&#8221;Oktober&#8221;,&#8221;November&#8221;,&#8221;Desember&#8221;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">date=new Date();</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">day=date.getDate();</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">year=date.getYear();</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">if (year &lt; 2000) year=year+1900;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">TodaysDate=&#8221; &#8220;+d[date.getDay()]+&#8221; &#8220;+day+&#8221; &#8220;+m[date.getMonth()]+&#8221; &#8220;+year;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">D=TodaysDate.split(&#8221;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">H=&#8217;&#8230;&#8217;;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">H=H.split(&#8221;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">M=&#8217;&#8230;.&#8217;;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">M=M.split(&#8221;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">S=&#8217;&#8230;..&#8217;;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">S=S.split(&#8221;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">Face=&#8217;1 2 3 4 5 6 7 8 9 10 11 12&#8242;;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">font=&#8217;Arial&#8217;;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">size=1;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">speed=0.5;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">ns=(document.layers);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">ie=(document.all);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">Face=Face.split(&#8216; &#8216;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">n=Face.length;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">a=size*10;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">ymouse=0;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">xmouse=0;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">scrll=0;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">props=&#8221;&lt;font face=&#8221;+font+&#8221; size=&#8221;+size+&#8221; color=&#8221;+fCol+&#8221;&gt;&lt;B&gt;&#8221;;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">props2=&#8221;&lt;font face=&#8221;+font+&#8221; size=&#8221;+size+&#8221; color=&#8221;+dCol+&#8221;&gt;&lt;B&gt;&#8221;;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">Split=360/n;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">Dsplit=360/D.length;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">HandHeight=ClockHeight/4.5</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">HandWidth=ClockWidth/4.5</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">HandY=-7;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">HandX=-2.5;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">scrll=0;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">step=0.06;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">currStep=0;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">y=new Array();x=new Array();Y=new Array();X=new Array();</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=0; i &lt; n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=0; i &lt; D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">if (ns){</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=0; i &lt; D.length; i++)</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;layer name=&#8221;nsDate&#8217;+i+&#8217;&#8221; top=0 left=0 height=&#8217;+a+&#8217; width=&#8217;+a+&#8217;&gt;&lt;center&gt;&#8217;+props2+D[i]+&#8217;&lt;/font&gt;&lt;/center&gt;&lt;/layer&gt;&#8217;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=0; i &lt; n; i++)</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;layer name=&#8221;nsFace&#8217;+i+&#8217;&#8221; top=0 left=0 height=&#8217;+a+&#8217; width=&#8217;+a+&#8217;&gt;&lt;center&gt;&#8217;+props+Face[i]+&#8217;&lt;/font&gt;&lt;/center&gt;&lt;/layer&gt;&#8217;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=0; i &lt; S.length; i++)</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;layer name=nsSeconds&#8217;+i+&#8217; top=0 left=0 width=15 height=15&gt;&lt;font face=Arial size=3 color=&#8217;+sCol+&#8217;&gt;&lt;center&gt;&lt;b&gt;&#8217;+S[i]+&#8217;&lt;/b&gt;&lt;/center&gt;&lt;/font&gt;&lt;/layer&gt;&#8217;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=0; i &lt; M.length; i++)</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;layer name=nsMinutes&#8217;+i+&#8217; top=0 left=0 width=15 height=15&gt;&lt;font face=Arial size=3 color=&#8217;+mCol+&#8217;&gt;&lt;center&gt;&lt;b&gt;&#8217;+M[i]+&#8217;&lt;/b&gt;&lt;/center&gt;&lt;/font&gt;&lt;/layer&gt;&#8217;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=0; i &lt; H.length; i++)</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;layer name=nsHours&#8217;+i+&#8217; top=0 left=0 width=15 height=15&gt;&lt;font face=Arial size=3 color=&#8217;+hCol+&#8217;&gt;&lt;center&gt;&lt;b&gt;&#8217;+H[i]+&#8217;&lt;/b&gt;&lt;/center&gt;&lt;/font&gt;&lt;/layer&gt;&#8217;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">}</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">if (ie){</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;div id=&#8221;Od&#8221; style=&#8221;position:absolute;top:0px;left:0px&#8221;&gt;&lt;div style=&#8221;position:relative&#8221;&gt;&#8217;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=0; i &lt; D.length; i++)</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;div id=&#8221;ieDate&#8221; style=&#8221;position:absolute;top:0px;left:0;height:&#8217;+a+&#8217;;width:&#8217;+a+&#8217;;text-align:center&#8221;&gt;&#8217;+props2+D[i]+&#8217;&lt;/B&gt;&lt;/font&gt;&lt;/div&gt;&#8217;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;/div&gt;&lt;/div&gt;&#8217;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;div id=&#8221;Of&#8221; style=&#8221;position:absolute;top:0px;left:0px&#8221;&gt;&lt;div style=&#8221;position:relative&#8221;&gt;&#8217;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=0; i &lt; n; i++)</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;div id=&#8221;ieFace&#8221; style=&#8221;position:absolute;top:0px;left:0;height:&#8217;+a+&#8217;;width:&#8217;+a+&#8217;;text-align:center&#8221;&gt;&#8217;+props+Face[i]+&#8217;&lt;/B&gt;&lt;/font&gt;&lt;/div&gt;&#8217;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;/div&gt;&lt;/div&gt;&#8217;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;div id=&#8221;Oh&#8221; style=&#8221;position:absolute;top:0px;left:0px&#8221;&gt;&lt;div style=&#8221;position:relative&#8221;&gt;&#8217;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=0; i &lt; H.length; i++)</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;div id=&#8221;ieHours&#8221; style=&#8221;position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:&#8217;+hCol+&#8217;;text-align:center;font-weight:bold&#8221;&gt;&#8217;+H[i]+&#8217;&lt;/div&gt;&#8217;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;/div&gt;&lt;/div&gt;&#8217;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;div id=&#8221;Om&#8221; style=&#8221;position:absolute;top:0px;left:0px&#8221;&gt;&lt;div style=&#8221;position:relative&#8221;&gt;&#8217;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=0; i &lt; M.length; i++)</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;div id=&#8221;ieMinutes&#8221; style=&#8221;position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:&#8217;+mCol+&#8217;;text-align:center;font-weight:bold&#8221;&gt;&#8217;+M[i]+&#8217;&lt;/div&gt;&#8217;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;/div&gt;&lt;/div&gt;&#8217;)</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;div id=&#8221;Os&#8221; style=&#8221;position:absolute;top:0px;left:0px&#8221;&gt;&lt;div style=&#8221;position:relative&#8221;&gt;&#8217;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=0; i &lt; S.length; i++)</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;div id=&#8221;ieSeconds&#8221; style=&#8221;position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:&#8217;+sCol+&#8217;;text-align:center;font-weight:bold&#8221;&gt;&#8217;+S[i]+&#8217;&lt;/div&gt;&#8217;);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">document.write(&#8216;&lt;/div&gt;&lt;/div&gt;&#8217;)</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">}</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">(ns)?window.captureEvents(Event.MOUSEMOVE):0;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">function Mouse(evnt){</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">}</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">function ClockAndAssign(){</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">time = new Date ();</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">secs = time.getSeconds();</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">sec = -1.57 + Math.PI * secs/30;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">mins = time.getMinutes();</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">min = -1.57 + Math.PI * mins/30;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">hr = time.getHours();</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">if (ie){</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">Od.style.top=window.document.body.scrollTop;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">Of.style.top=window.document.body.scrollTop;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">Oh.style.top=window.document.body.scrollTop;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">Om.style.top=window.document.body.scrollTop;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">Os.style.top=window.document.body.scrollTop;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">}</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=0; i &lt; n; i++){</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>}</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=0; i &lt; H.length; i++){</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>}</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=0; i &lt; M.length; i++){</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>}</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=0; i &lt; S.length; i++){</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>}</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=0; i &lt; D.length; i++){</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;"><span> </span>}</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">currStep-=step;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">}</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">function Delay(){</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">scrll=(ns)?window.pageYOffset:0;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=1; i &lt; D.length; i++){</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">}</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">for (i=1; i &lt; n; i++){</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">}</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">ClockAndAssign();</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">setTimeout(&#8216;Delay()&#8217;,40);</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">}</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">if (ns||ie)window.onload=Delay;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">// &#8211;&gt;&lt;/SCRIPT&gt;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">&lt;SCRIPT&gt;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">if(top.location.href != self.location.href)</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">{</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">top.location.href = self.location.href;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">}</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">&lt;/SCRIPT&gt;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">
<p class="ListParagraphCxSpMiddle" style="text-align:left;">&lt;/BODY&gt;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">&lt;/HTML&gt;</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">
<p class="ListParagraphCxSpMiddle" style="text-indent:-0.25in;text-align:left;"><!--[if !supportLists]--><span><span>-<span style="font-family:&quot;font-style:normal;font-variant:normal;font-weight:normal;font-size:7pt;line-height:normal;"> </span></span></span><!--[endif]-->Kemudian save dengan format html atau htm (*.html / *.htm) Contoh: Clock.html di directory yang anda suka.</p>
<p class="ListParagraphCxSpMiddle" style="text-indent:-0.25in;text-align:left;"><!--[if !supportLists]--><span><span>-<span style="font-family:&quot;font-style:normal;font-variant:normal;font-weight:normal;font-size:7pt;line-height:normal;"> </span></span></span><!--[endif]-->Kemudian hasil<span> </span>yang telah di savebuka dengan <strong>Internet Explorer</strong> (harus dibuka dengan IE jangan dengan internet browser lainnya karena hasilnya tidak akan tampak) <span> </span>untuk memastikan bahwa script yang diketikkan berhasil.</p>
<p class="ListParagraphCxSpMiddle" style="text-indent:-0.25in;text-align:left;"><!--[if !supportLists]--><span><span>-<span style="font-family:&quot;font-style:normal;font-variant:normal;font-weight:normal;font-size:7pt;line-height:normal;"> </span></span></span><!--[endif]-->Untuk membuat hasil tersebut ke wallpaper</p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">Caranya:</p>
<p class="ListParagraphCxSpMiddle" style="margin-left:0.75in;text-indent:-0.25in;text-align:left;"><!--[if !supportLists]--><span><span>1.<span style="font-family:&quot;font-style:normal;font-variant:normal;font-weight:normal;font-size:7pt;line-height:normal;"> </span></span></span><!--[endif]-->Pada layar klik kanan mouse, klik properties</p>
<p class="ListParagraphCxSpMiddle" style="margin-left:0.75in;text-indent:-0.25in;text-align:left;"><a href="http://piopemula.files.wordpress.com/2008/07/w_14.png"><img class="alignnone size-medium wp-image-38" src="http://piopemula.files.wordpress.com/2008/07/w_14.png?w=300&#038;h=187" alt="" width="300" height="187" /></a></p>
<p class="ListParagraphCxSpMiddle" style="margin-left:0.75in;text-align:left;">
<p class="ListParagraphCxSpMiddle" style="margin-left:0.75in;text-indent:-0.25in;text-align:left;"><!--[if !supportLists]--><span><span>2.<span style="font-family:&quot;font-style:normal;font-variant:normal;font-weight:normal;font-size:7pt;line-height:normal;"> </span></span></span><!--[endif]--> Pada <strong>Display Properties </strong>pilih tab <strong>Dekstop</strong>, plih <strong>browse</strong><a href="http://piopemula.files.wordpress.com/2008/07/w_2.png"><img class="alignnone size-medium wp-image-39" src="http://piopemula.files.wordpress.com/2008/07/w_2.png?w=300&#038;h=187" alt="" width="300" height="187" /></a></p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">
<p class="ListParagraphCxSpMiddle" style="margin-left:0.75in;text-align:left;">
<p class="ListParagraphCxSpMiddle" style="margin-left:0.75in;text-indent:-0.25in;text-align:left;"><!--[if !supportLists]--><span><span>3.<span style="font-family:&quot;font-style:normal;font-variant:normal;font-weight:normal;font-size:7pt;line-height:normal;"> </span></span></span><!--[endif]--> Pilih directory tempat anda menyimpan Clock.html, kemudian klik <strong>Open</strong></p>
<p class="ListParagraphCxSpMiddle" style="margin-left:0.75in;text-indent:-0.25in;text-align:left;"><a href="http://piopemula.files.wordpress.com/2008/07/w_3.png"><img class="alignnone size-medium wp-image-40" src="http://piopemula.files.wordpress.com/2008/07/w_3.png?w=300&#038;h=187" alt="" width="300" height="187" /></a></p>
<p class="ListParagraphCxSpMiddle" style="margin-left:0.75in;text-align:left;">
<p class="ListParagraphCxSpMiddle" style="margin-left:0.75in;text-align:left;">
<p class="ListParagraphCxSpMiddle" style="margin-left:0.75in;text-indent:-0.25in;text-align:left;"><!--[if !supportLists]--><span><span>4.<span style="font-family:&quot;font-style:normal;font-variant:normal;font-weight:normal;font-size:7pt;line-height:normal;"> </span></span></span><!--[endif]-->Klik <strong>Apply</strong>, Klik <strong>OK</strong></p>
<p class="ListParagraphCxSpMiddle" style="margin-left:0.75in;text-indent:-0.25in;text-align:left;"><a href="http://piopemula.files.wordpress.com/2008/07/w_4.png"><img class="alignnone size-medium wp-image-42" src="http://piopemula.files.wordpress.com/2008/07/w_4.png?w=300&#038;h=187" alt="" width="300" height="187" /></a></p>
<p class="ListParagraphCxSpMiddle" style="margin-left:0.75in;text-align:left;">
<p class="ListParagraphCxSpMiddle" style="margin-left:0.75in;text-indent:-0.25in;text-align:left;"><!--[if !supportLists]--><span><span>5.<span style="font-family:&quot;font-style:normal;font-variant:normal;font-weight:normal;font-size:7pt;line-height:normal;"> </span></span></span><!--[endif]-->Hasil wallpaper akan tampak di desktop anda</p>
<p class="ListParagraphCxSpMiddle" style="margin-left:0.75in;text-indent:-0.25in;text-align:left;"><a href="http://piopemula.files.wordpress.com/2008/07/w_5.png"><img class="alignnone size-medium wp-image-43" src="http://piopemula.files.wordpress.com/2008/07/w_5.png?w=300&#038;h=187" alt="" width="300" height="187" /></a> <a href="http://piopemula.files.wordpress.com/2008/07/w_6.png"><img class="alignnone size-medium wp-image-44" src="http://piopemula.files.wordpress.com/2008/07/w_6.png?w=300&#038;h=187" alt="" width="300" height="187" /></a></p>
<p class="ListParagraphCxSpMiddle" style="text-align:left;">
<p class="ListParagraphCxSpLast" style="margin-left:0.75in;text-align:left;">
<p class="MsoNormal" style="text-align:left;">Hasil Wallpaper anda dapat anda maksimalkan lagi dengan menambahkan beberapa item seperti flash, *.gif, tulisan bergerak dan masih banyak lagi tergantung dengan kreativitas anda dan pengetahuan anda tentang html dan javascript. Semoga artikel ini dapat menambah wawasan anda tentang computer.</p>
<p class="MsoNormal" style="text-align:left;">
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/piopemula.wordpress.com/3/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/piopemula.wordpress.com/3/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/piopemula.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/piopemula.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/piopemula.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/piopemula.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/piopemula.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/piopemula.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/piopemula.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/piopemula.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/piopemula.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/piopemula.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/piopemula.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/piopemula.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/piopemula.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/piopemula.wordpress.com/3/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=piopemula.wordpress.com&amp;blog=4160330&amp;post=3&amp;subd=piopemula&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://piopemula.wordpress.com/2008/07/17/membuat-walpaper-dengan-javascript-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b5e71731a209768abe2a946cdb07b64d?s=96&#38;d=identicon" medium="image">
			<media:title type="html">pio33rr</media:title>
		</media:content>

		<media:content url="http://piopemula.files.wordpress.com/2008/07/w_14.png?w=300" medium="image" />

		<media:content url="http://piopemula.files.wordpress.com/2008/07/w_2.png?w=300" medium="image" />

		<media:content url="http://piopemula.files.wordpress.com/2008/07/w_3.png?w=300" medium="image" />

		<media:content url="http://piopemula.files.wordpress.com/2008/07/w_4.png?w=300" medium="image" />

		<media:content url="http://piopemula.files.wordpress.com/2008/07/w_5.png?w=300" medium="image" />

		<media:content url="http://piopemula.files.wordpress.com/2008/07/w_6.png?w=300" medium="image" />
	</item>
	</channel>
</rss>
