tag:blogger.com,1999:blog-36676410235596664882024-03-05T18:17:14.111-08:00GORESAN TINTA EMASKegagalan adalah awal dari keberhasilanSonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.comBlogger25125tag:blogger.com,1999:blog-3667641023559666488.post-47881276580432149682010-03-17T20:29:00.001-07:002010-03-17T20:29:00.877-07:00PHP –> Passing By Value & Reference<p>A.  Passing By Value</p> <p>Passing  by  value  sama  dengan  passing  by  copy  yaitu  fungsi  yang  menerima <br />variabel  mendapat  copy  dari  variabel  tersebut  sehingga  fungsi  tersebut  hanya  dapat mengubah copy dari variabel tersebut. Di sini kita mendapat jaminan bahwa fungsi yang menerima variabel  tidak dapat merubah variabel  tersebut.  </p> <p>Contoh kodenya</p> <div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: 'Courier New', courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper"> <div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet"> <pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><?</span><span style="color: #800000">php</span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #ff0000">function</span> <span style="color: #ff0000">jumlah</span>($<span style="color: #ff0000">nilai</span>) </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">{ </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">$<span style="color: #ff0000">nilai</span>++; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">} </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">$<span style="color: #ff0000">input</span>=<span style="color: #ff0000">5</span>; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #ff0000">jumlah</span>($<span style="color: #ff0000">input</span>); </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #ff0000">echo</span> $<span style="color: #ff0000">input</span>; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">?<span style="color: #0000ff">></span></pre>
<!--CRLF--></div>
</div>
<p>B. Passing By Reference</p>
<p>Passing  by  address  sama  artinya  dengan  passing  by  reference  yaitu  alamat  dari variabel  dipasangkan  ke  parameter  dan  fungsi  yang  dipanggil,  jadi  addressnya  yang diberikan bukan copynya. Passing by address  ini melibatkan pointer.  Pointer  adalah  suatu  variabel  yang  nilainya  adalah alamat dari variabel lain.</p>
<p>Contoh kodenya</p>
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: 'Courier New', courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper">
<div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><?</span><span style="color: #800000">php</span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #ff0000">function</span> <span style="color: #ff0000">jumlah</span>(&<span style="color: #ff0000">amp</span>;$<span style="color: #ff0000">nilai</span>)</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">{</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">$<span style="color: #ff0000">nilai</span>++;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">$<span style="color: #ff0000">input</span>=<span style="color: #ff0000">5</span>;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #ff0000">jumlah</span>($<span style="color: #ff0000">input</span>);</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #ff0000">echo</span> $<span style="color: #ff0000">input</span>;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">?<span style="color: #0000ff">></span></pre>
<!--CRLF--></div>
</div>
Thank’s for your attention
Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-19308632689609648642010-03-17T18:53:00.001-07:002010-03-17T18:53:19.432-07:00PHP –> Generate Table<p>Pada pertemuan kali ini kita akan membuat tabel dengan cara men-generate tabel dari sebuah matriks dengan jumlah sel tertentu…</p> <p>Berikut ini adalah tampilan dari tabel yang akan kita buat</p> <p>1. Tabel dengan matriks 4 x 3 dan 12 sel</p> <p><a href="http://lh6.ggpht.com/_jDYzhCAMst4/S6GHbfPv7HI/AAAAAAAAAFc/VAk8mrj2mqU/s1600-h/GT12%5B2%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="GT12" border="0" alt="GT12" src="http://lh5.ggpht.com/_jDYzhCAMst4/S6GHeVbW-XI/AAAAAAAAAFg/AvcsmEsknGA/GT12_thumb.jpg?imgmax=800" width="244" height="148" /></a> </p> <p>2. Tabel dengan matriks 4 x 3 dan 10 sel</p> <p><a href="http://lh4.ggpht.com/_jDYzhCAMst4/S6GHgRwJCkI/AAAAAAAAAFk/D7n_boEjO68/s1600-h/GT10%5B2%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="GT10" border="0" alt="GT10" src="http://lh3.ggpht.com/_jDYzhCAMst4/S6GHiUKE1zI/AAAAAAAAAFo/3hs_NAm-z58/GT10_thumb.jpg?imgmax=800" width="244" height="154" /></a> </p> <p>Lansung saja menuju source codenya</p> <span class="fullpost"> <div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: 'Courier New', courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper"> <div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet"> <pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><!</span><span style="color: #800000">DOCTYPE</span> <span style="color: #ff0000">HTML</span> <span style="color: #ff0000">PUBLIC</span> <span style="color: #0000ff">"-//W3C//DTD HTML 4.01 Transitional//EN"</span> <span style="color: #0000ff">"http://www.w3.org/TR/html4/loose.dtd"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">html</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">head</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">title</span><span style="color: #0000ff">></span>Generate Tabel<span style="color: #0000ff"></</span><span style="color: #800000">title</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">head</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">body</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">h3</span> <span style="color: #ff0000">align</span><span style="color: #0000ff">="center"</span> <span style="color: #ff0000">class</span><span style="color: #0000ff">="style1"</span><span style="color: #0000ff">></span>GENERATE TABEL<span style="color: #0000ff"></</span><span style="color: #800000">h3</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">align</span><span style="color: #0000ff">="center"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><?</span><span style="color: #800000">php</span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">$<span style="color: #ff0000">rows</span> = <span style="color: #ff0000">1</span>;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">$<span style="color: #ff0000">columns</span> = <span style="color: #ff0000">1</span>;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">$<span style="color: #ff0000">cells</span> = <span style="color: #ff0000">1</span>;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">?<span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><?</span><span style="color: #800000">php</span> $<span style="color: #ff0000">rows</span> = <span style="color: #ff0000">3</span>; ?<span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><?</span><span style="color: #800000">php</span> $<span style="color: #ff0000">columns</span> = <span style="color: #ff0000">4</span>; ?<span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><?</span><span style="color: #800000">php</span> $<span style="color: #ff0000">cells</span> = <span style="color: #ff0000">12</span>; ?<span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><?</span><span style="color: #800000">php</span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #ff0000">echo</span> "&<span style="color: #ff0000">lt</span>;<span style="color: #ff0000">table</span> <span style="color: #ff0000">width</span>=<span style="color: #ff0000">300</span> <span style="color: #ff0000">height</span>=<span style="color: #ff0000">300</span> <span style="color: #ff0000">border</span>=<span style="color: #ff0000">1</span><span style="color: #0000ff">></span>";</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> $baris = 0;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> $sel = 1;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> while ($sel <span style="color: #0000ff"><</span>= $cells)</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> while ($baris <span style="color: #0000ff"><</span> $rows) </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> echo "<span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span>";</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> $kolom = 0;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> while ($kolom <span style="color: #0000ff"><</span> $columns) </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> if ($sel <span style="color: #0000ff"><</span>= $cells) </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> echo "<span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">><</span><span style="color: #800000">div</span> <span style="color: #ff0000">align</span>=<span style="color: #ff0000">center</span><span style="color: #0000ff">></span>".$sel."<span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>";</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> $sel++;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> }</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> $kolom++;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> }</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> echo "<span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span>";</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> $baris++;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> }</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> }</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> echo "<span style="color: #0000ff"></</span><span style="color: #800000">table</span><span style="color: #0000ff">></span>";</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">?<span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">body</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">html</span><span style="color: #0000ff">></span></pre>
<!--CRLF--></div>
</div>
<p>pembuatannya sama dengan matriks, pada tutorial kali ini kita hanya menambahkan variabel sel untuk mengenerate selnya. Penomoran sel urut di-generate dengan sebuah perulangan dan dimulai dari nomer 1….</p>
<p>sekian pertemuan kali ini… good luck’s!!!</p>
</span>
<p><img alt="envelope" src="http://spaces.live.com/rte/emoticons/envelope.gif" /><img alt="asl" src="http://spaces.live.com/rte/emoticons/asl.gif" /><img alt="plate" src="http://spaces.live.com/rte/emoticons/plate.gif" /><img alt="soccerball" src="http://spaces.live.com/rte/emoticons/soccerball.gif" /><img alt="film" src="http://spaces.live.com/rte/emoticons/film.gif" /><img alt="mobile" src="http://spaces.live.com/rte/emoticons/mobile.gif" /></p> Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-16696245377708297552010-03-17T18:37:00.001-07:002010-03-17T18:37:07.073-07:00PHP –> Matriks 4 x 3<p>Pada pertemuan kali ini akan kami bahas tentang cara membuat matriks dengan PHP</p> <p>Kita akan membuat matriks seperti gambar di bawah ini</p> <p><a href="http://lh6.ggpht.com/_jDYzhCAMst4/S6GDtggWF-I/AAAAAAAAAFU/kaQAmyBX-4Q/s1600-h/Matrix%5B4%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Matrix" border="0" alt="Matrix" src="http://lh6.ggpht.com/_jDYzhCAMst4/S6GDvVxfPRI/AAAAAAAAAFY/SoOV2sXyK1g/Matrix_thumb%5B2%5D.jpg?imgmax=800" width="450" height="278" /></a> </p> <p>Marilah kita bahas cara membuat matrix bersama2…</p> <span class="fullpost"> <p>pertama2 kita deklarasikan dulu variabel yang akan digunakan. Variabel yang dibutuhkan adalah variabel untuk baris dan kolom. Setelah itu kita buat perulangan untuk mengulang baris dan kolom yang telah kita deklarasikan. Kondisi perulangan akan berhenti jika matriks telah memenuhi nilai yang telah kita masukan. Pada tutorial kali ini kita membuat matriks 4 baris dan 3 kolom…</p> <p>Berikut ini source code lengkapnya</p> <div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: 'Courier New', courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper"> <div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet"> <pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><!</span><span style="color: #800000">DOCTYPE</span> <span style="color: #ff0000">HTML</span> <span style="color: #ff0000">PUBLIC</span> <span style="color: #0000ff">"-//W3C//DTD HTML 4.01 Transitional//EN"</span> <span style="color: #0000ff">"http://www.w3.org/TR/html4/loose.dtd"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">html</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">head</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">title</span><span style="color: #0000ff">></span>Matrks 4 X 3<span style="color: #0000ff"></</span><span style="color: #800000">title</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">head</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">body</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">h3</span> <span style="color: #ff0000">align</span><span style="color: #0000ff">="center"</span> <span style="color: #ff0000">class</span><span style="color: #0000ff">="style1"</span><span style="color: #0000ff">></span>MATRIKS 4 X 3<span style="color: #0000ff"></</span><span style="color: #800000">h3</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">align</span><span style="color: #0000ff">="center"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><?</span><span style="color: #800000">php</span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">$<span style="color: #ff0000">rows</span> = <span style="color: #ff0000">1</span>;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">$<span style="color: #ff0000">columns</span> = <span style="color: #ff0000">1</span>;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">?<span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><?</span><span style="color: #800000">php</span> $<span style="color: #ff0000">rows</span> = <span style="color: #ff0000">3</span>; ?<span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><?</span><span style="color: #800000">php</span> $<span style="color: #ff0000">columns</span> = <span style="color: #ff0000">4</span>; ?<span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><?</span><span style="color: #800000">php</span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #ff0000">echo</span> "&<span style="color: #ff0000">lt</span>;<span style="color: #ff0000">table</span> <span style="color: #ff0000">border</span>=<span style="color: #ff0000">1</span> <span style="color: #ff0000">width</span>=<span style="color: #ff0000">300</span> <span style="color: #ff0000">height</span>=<span style="color: #ff0000">300</span><span style="color: #0000ff">></span>";</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> $baris = 0;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> while ($baris <span style="color: #0000ff"><</span> $rows) </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> echo "<span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span>";</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> $kolom = 0;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> while ($kolom <span style="color: #0000ff"><</span> $columns) </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> echo "<span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>";</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> $kolom++;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> }</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> echo "<span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span>";</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> $baris++;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> }</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> echo "<span style="color: #0000ff"></</span><span style="color: #800000">table</span><span style="color: #0000ff">></span>";</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">?<span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">body</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">html</span><span style="color: #0000ff">></span></pre>
<!--CRLF--></div>
</div>
<p></p>
<p>Sekian pertemuan kali ini, semoga bermanfaat… Thank’s for your attention</p>
</span>
<p><img alt="coffee" src="http://spaces.live.com/rte/emoticons/coffee.gif" /><img alt="coffee" src="http://spaces.live.com/rte/emoticons/coffee.gif" /><img alt="coffee" src="http://spaces.live.com/rte/emoticons/coffee.gif" /><img alt="coffee" src="http://spaces.live.com/rte/emoticons/coffee.gif" /><img alt="coffee" src="http://spaces.live.com/rte/emoticons/coffee.gif" /><img alt="coffee" src="http://spaces.live.com/rte/emoticons/coffee.gif" /></p> Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-25740778469878814882010-03-17T18:23:00.001-07:002010-03-17T18:23:11.415-07:00PHP --> Menyapa Bos<p>Bagaimanakah anda menyapa bos? </p> <p>Pada pertemuan kali ini akan kami bahas mengenai cara menyapa bos menggunakan bahasa PHP... </p> <p>Ayo kita belajar bersama!!! Beginilah ceritanya... </p> <p>Ketika aq datang ke kampus, aq bertemu dengan dosen pemrograman web. Aq bingung mau menyapa beliau, secara tidak sengaja aq mengucapkan selamat siang pak!!! Beliau menjawab selamat pagi mas!!! aq kaget bukan main, lalu q liat jam di Hpq eh ternyata masih jam 07.00 WIB. Semenjak kejadian itulah aq merasa perlu membuat sebuah program Greeting to Bos... sekian ceritanya mari kita lanjutkan ke materi... OK! </p> <p>Berikut ini adalah tampilan dari hasil program PHP pertamaq</p> <p> <a href="http://lh6.ggpht.com/_jDYzhCAMst4/S6GAdLSYxvI/AAAAAAAAAFM/mAWsTyAmhnQ/s1600-h/Greeting%5B2%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Greeting" border="0" alt="Greeting" src="http://lh5.ggpht.com/_jDYzhCAMst4/S6GAfLkr0eI/AAAAAAAAAFQ/Xbh7_nPVee0/Greeting_thumb.jpg?imgmax=800" width="244" height="107" /></a> </p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p><span class="fullpost">Silahkan pelajari source codenya sendiri y? gampang ko! OK... </span></p> <div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: 'Courier New', courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper"> <div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet"> <pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><!</span><span style="color: #800000">DOCTYPE</span> <span style="color: #ff0000">HTML</span> <span style="color: #ff0000">PUBLIC</span> <span style="color: #0000ff">"-//W3C//DTD HTML 4.0 Transitional//EN"</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">html</span> <span style="color: #ff0000">xmlns</span><span style="color: #0000ff">="http://www.w3.org/1999/xhtml"</span> <span style="color: #ff0000">xml:lang</span><span style="color: #0000ff">="en"</span> <span style="color: #ff0000">lang</span><span style="color: #0000ff">="en"</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">head</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">title</span><span style="color: #0000ff">></span>Seleksi switch<span style="color: #0000ff"></</span><span style="color: #800000">title</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">head</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">body</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><?</span><span style="color: #800000">php</span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">$<span style="color: #ff0000">i</span> = <span style="color: #ff0000">11</span>; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #ff0000">if</span> ($<span style="color: #ff0000">i</span> <span style="color: #0000ff">></span>= 4 && $i <span style="color: #0000ff"><</span>= 10) { </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> echo "Selamat Pagi"; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">} elseif ($i <span style="color: #0000ff">></span>= 11 && $i <span style="color: #0000ff"><</span>= 15) { </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> echo "Selamat Siang"; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">} elseif ($i <span style="color: #0000ff">></span>= 16 && $i <span style="color: #0000ff"><</span>= 20) { </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> echo "Selamat Sore"; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">} elseif ($i <span style="color: #0000ff">></span>= 21 && $i <span style="color: #0000ff"><</span>= 24 && $i <span style="color: #0000ff">></span>= 1 && $i <span style="color: #0000ff"><</span>= 3) { </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> echo "Selamat Malam";</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">} else {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> echo "Inputan Salah";</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">?<span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">body</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">html</span><span style="color: #0000ff">></span> </pre>
<!--CRLF--></div>
</div>
<p>Sekian pertemuan kali ini, semoga bermanfaat… Amin3X…</p>
</span>
<p><img alt="smile_sad" src="http://spaces.live.com/rte/emoticons/smile_sad.gif" /><img alt="smile_sad" src="http://spaces.live.com/rte/emoticons/smile_sad.gif" /><img alt="smile_sad" src="http://spaces.live.com/rte/emoticons/smile_sad.gif" /><img alt="smile_sad" src="http://spaces.live.com/rte/emoticons/smile_sad.gif" /><img alt="smile_sad" src="http://spaces.live.com/rte/emoticons/smile_sad.gif" /><img alt="smile_sad" src="http://spaces.live.com/rte/emoticons/smile_sad.gif" /></p> Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-78128271735080473432010-03-10T04:15:00.001-08:002010-03-10T05:07:10.127-08:00Membuat Form Pemesanan<p>Dalam tutorial kali ini akan dibahas cara membuat form pemesanan makanan berbasis web dengang menggunakan java script. </p> <script language="JavaScript" type="text/javascript">
<script language="JavaScript" type="text/javascript">
<!--
function hitung(){
var nt = document.form1;
var hb = 12000 * parseInt(nt.Bakso.value);
var hs = 10000 * parseInt(nt.Soto.value);
var hm = 15000 * parseInt(nt.Mie.value);
var hd = 5000 * parseInt(nt.Degan.value);
var hc = 7000 * parseInt(nt.Campur.value);
var jt = hb + hs + hm + hd + hc;
if (jt > 50000){
nt.Total.value = jt;
nt.Diskon.value = 10000;
nt.Bayar.value = jt - parseInt(nt.Diskon.value);
} else {
nt.Total.value = jt;
nt.Diskon.value = 0;
nt.Bayar.value = jt - parseInt(nt.Diskon.value);
}
}
function resetForm(){
document.form1.reset();
}
//-->
</script> <h3>Form Pemesanan Berbasis JavaScript</h3> <form name="form1" action="#"> <table border="1px"> <tr> <th>No</th> <th>Makanan/Minuman</th> <th>Harga</th> <th>Pesan</th> </tr> <tr> <td width="15px">1</td> <td width="200px">Bakso Istimewa</td> <td width="85px">@ <input type="text" name="bakso" value="12000" size="6" disabled="true"/></td> <td width="150px"><input type="text" name="Bakso" value="0" onChange="hitung()"/></td> </tr> <tr> <td>2</td> <td>Soto Spesial</td> <td>@ <input type="text" name="soto" value="10000" size="6" disabled="true"/></td> <td><input type="text" name="Soto" value="0" onChange="hitung()"/></td> </tr> <tr> <td>3</td> <td>Mie Ayam Super</td> <td>@ <input type="text" name="mie" value="15000" size="6" disabled="true"/></td> <td><input type="text" name="Mie" value="0" onChange="hitung()"/></td> </tr> <tr> <td>4</td> <td>Es Degan</td> <td>@ <input type="text" name="degan" value="7000" size="6" disabled="true"/></td> <td><input type="text" name="Degan" value="0" onChange="hitung()"/></td> </tr> <tr> <td>5</td> <td>Es Campur</td> <td>@ <input type="text" name="campur" value="7000" size="6" disabled="true"/></td> <td><input type="text" name="Campur" value="0" onChange="hitung()"/></td> </tr> <tr> <td colspan="3" align="right">Jumlah Total</td> <td><input type="text" name="Total" disabled="true" /></td> </tr> <tr> <td colspan="3" align="right">Diskon</td> <td><input type="text" name="Diskon" disabled="true" /></td> </tr> <tr> <td colspan="3" align="right">Jumlah Dibayar</td> <td><input type="text" name="Bayar" disabled="true" align="right"/></td> </tr> </table><br/> <input type="button" value="BATAL" onClick="resetForm()" /> </form> <p>Untuk membuat form tersebut diatas kiata harus membuat fungsi untuk menghitung total biaya dalam melakukan pembelian makanan.<span class="fullpost"> Fungsi tersebut didefinisikan dengan menggunakan Java Script. Selanjutnya kita buat tabel untuk menempatkan masing2 daftar menu makanan yang dibeli serta harga dari masing2 makanan tersebut. Setelah tabel terbentuk, selanjutnya kita buat textfield dan button. textfield berisi jumlah makanan yang dibeli serta total harga yang harus dibayarkan serta button batal untuk membatalkan semua pesanan. Pada textfield total harga akan berubah/mentotal seluruh harga apabila kita melakukan perubahan pada textfield jumlah makanan yang dipesan. Kita gunakan event onChange untuk melakukan penotalan harga. Sedangkan pada button batal kita tambahkan event onClick untuk membetalkan pesanan dengan mengosongkan seluruh textfield jumlah dan total harga. Berikut ini source code lengkapnya : </span></p> <div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: 'Courier New', courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper"> <div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet"> <pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><!</span><span style="color: #800000">DOCTYPE</span> <span style="color: #ff0000">html</span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #ff0000">PUBLIC</span> <span style="color: #0000ff">"-//W3C//DTD XHTML 1.0 Transitional//EN"</span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">html</span> <span style="color: #ff0000">xmlns</span><span style="color: #0000ff">="http://www.w3.org/1999/xhtml"</span><span style="color: #ff0000">xml:lang</span><span style="color: #0000ff">="en"</span><span style="color: #ff0000">lang</span><span style="color: #0000ff">="en"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">head</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">title</span><span style="color: #0000ff">></span>Warung Jawa<span style="color: #0000ff"></</span><span style="color: #800000">title</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">head</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">body</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">script</span> <span style="color: #ff0000">language</span><span style="color: #0000ff">="JavaScript"</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text/javascript"</span><span style="color: #0000ff">></span><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum1"> 1:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum2"> 2:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum3"> 3:</span> <!--</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum4"> 4:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum5"> 5:</span> <span style="color: #0000ff">function</span> hitung(){</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum6"> 6:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum7"> 7:</span> <span style="color: #0000ff">var</span> nt = document.form1;</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum8"> 8:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum9"> 9:</span> <span style="color: #0000ff">var</span> hb = 12000 * parseInt(nt.Bakso.value);</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum10"> 10:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum11"> 11:</span> <span style="color: #0000ff">var</span> hs = 10000 * parseInt(nt.Soto.value);</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum12"> 12:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum13"> 13:</span> <span style="color: #0000ff">var</span> hm = 15000 * parseInt(nt.Mie.value);</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum14"> 14:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum15"> 15:</span> <span style="color: #0000ff">var</span> hd = 5000 * parseInt(nt.Degan.value);</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum16"> 16:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum17"> 17:</span> <span style="color: #0000ff">var</span> hc = 7000 * parseInt(nt.Campur.value);</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum18"> 18:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum19"> 19:</span> <span style="color: #0000ff">var</span> jt = hb + hs + hm + hd + hc;</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum20"> 20:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum21"> 21:</span> <span style="color: #0000ff">if</span> (jt > 50000){</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum22"> 22:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum23"> 23:</span> nt.Total.value = jt;</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum24"> 24:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum25"> 25:</span> nt.Diskon.value = 10000;</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum26"> 26:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum27"> 27:</span> nt.Bayar.value = jt - parseInt(nt.Diskon.value);</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum28"> 28:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum29"> 29:</span> } <span style="color: #0000ff">else</span> {</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum30"> 30:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum31"> 31:</span> nt.Total.value = jt;</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum32"> 32:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum33"> 33:</span> nt.Diskon.value = 0;</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum34"> 34:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum35"> 35:</span> nt.Bayar.value = jt - parseInt(nt.Diskon.value);</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum36"> 36:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum37"> 37:</span> }</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum38"> 38:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum39"> 39:</span> }</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum40"> 40:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum41"> 41:</span> <span style="color: #0000ff">function</span> resetForm(){</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum42"> 42:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum43"> 43:</span> document.form1.reset();</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum44"> 44:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum45"> 45:</span> }</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum46"> 46:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum47"> 47:</span> <span style="color: #008000">//--></span></pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum48"> 48:</span>  </pre><!--CRLF--><span style="color: #0000ff"></</span><span style="color: #800000">script</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">h3</span><span style="color: #0000ff">></span>Form Pemesanan Berbasis JavaScript<span style="color: #0000ff"></</span><span style="color: #800000">h3</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">form</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="form1"</span> <span style="color: #ff0000">action</span><span style="color: #0000ff">="#"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">table</span> <span style="color: #ff0000">border</span><span style="color: #0000ff">="1px"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">th</span><span style="color: #0000ff">></span>No<span style="color: #0000ff"></</span><span style="color: #800000">th</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">th</span><span style="color: #0000ff">></span>Makanan/Minuman<span style="color: #0000ff"></</span><span style="color: #800000">th</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">th</span><span style="color: #0000ff">></span>Harga<span style="color: #0000ff"></</span><span style="color: #800000">th</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">th</span><span style="color: #0000ff">></span>Pesan<span style="color: #0000ff"></</span><span style="color: #800000">th</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span> <span style="color: #ff0000">width</span><span style="color: #0000ff">="15px"</span><span style="color: #0000ff">></span>1<span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span> <span style="color: #ff0000">width</span><span style="color: #0000ff">="200px"</span><span style="color: #0000ff">></span>Bakso Istimewa<span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span> <span style="color: #ff0000">width</span><span style="color: #0000ff">="85px"</span><span style="color: #0000ff">></span>&#64; <span style="color: #0000ff"><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="bakso"</span> <span style="color: #ff0000">value</span><span style="color: #0000ff">="12000"</span> <span style="color: #ff0000">size</span><span style="color: #0000ff">="6"</span> <span style="color: #ff0000">disabled</span><span style="color: #0000ff">="true"</span><span style="color: #0000ff">/></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span> <span style="color: #ff0000">width</span><span style="color: #0000ff">="150px"</span><span style="color: #0000ff">><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="Bakso"</span> <span style="color: #ff0000">value</span><span style="color: #0000ff">="0"</span> <span style="color: #ff0000">onChange</span><span style="color: #0000ff">="hitung()"</span><span style="color: #0000ff">/></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>2<span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>Soto Spesial<span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>&#64; <span style="color: #0000ff"><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="soto"</span> <span style="color: #ff0000">value</span><span style="color: #0000ff">="10000"</span> <span style="color: #ff0000">size</span><span style="color: #0000ff">="6"</span> <span style="color: #ff0000">disabled</span><span style="color: #0000ff">="true"</span><span style="color: #0000ff">/></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="Soto"</span> <span style="color: #ff0000">value</span><span style="color: #0000ff">="0"</span> <span style="color: #ff0000">onChange</span><span style="color: #0000ff">="hitung()"</span><span style="color: #0000ff">/></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>3<span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>Mie Ayam Super<span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>&#64; <span style="color: #0000ff"><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="mie"</span> <span style="color: #ff0000">value</span><span style="color: #0000ff">="15000"</span> <span style="color: #ff0000">size</span><span style="color: #0000ff">="6"</span> <span style="color: #ff0000">disabled</span><span style="color: #0000ff">="true"</span><span style="color: #0000ff">/></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="Mie"</span> <span style="color: #ff0000">value</span><span style="color: #0000ff">="0"</span> <span style="color: #ff0000">onChange</span><span style="color: #0000ff">="hitung()"</span><span style="color: #0000ff">/></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>4<span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>Es Degan<span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>&#64; <span style="color: #0000ff"><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="degan"</span> <span style="color: #ff0000">value</span><span style="color: #0000ff">="7000"</span> <span style="color: #ff0000">size</span><span style="color: #0000ff">="6"</span> <span style="color: #ff0000">disabled</span><span style="color: #0000ff">="true"</span><span style="color: #0000ff">/></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="Degan"</span> <span style="color: #ff0000">value</span><span style="color: #0000ff">="0"</span> <span style="color: #ff0000">onChange</span><span style="color: #0000ff">="hitung()"</span><span style="color: #0000ff">/></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>5<span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>Es Campur<span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>&#64; <span style="color: #0000ff"><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="campur"</span> <span style="color: #ff0000">value</span><span style="color: #0000ff">="7000"</span> <span style="color: #ff0000">size</span><span style="color: #0000ff">="6"</span> <span style="color: #ff0000">disabled</span><span style="color: #0000ff">="true"</span><span style="color: #0000ff">/></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="Campur"</span> <span style="color: #ff0000">value</span><span style="color: #0000ff">="0"</span> <span style="color: #ff0000">onChange</span><span style="color: #0000ff">="hitung()"</span><span style="color: #0000ff">/></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span> <span style="color: #ff0000">colspan</span><span style="color: #0000ff">="3"</span> <span style="color: #ff0000">align</span><span style="color: #0000ff">="right"</span><span style="color: #0000ff">></span>Jumlah Total<span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="Total"</span> <span style="color: #ff0000">disabled</span><span style="color: #0000ff">="true"</span> <span style="color: #0000ff">/></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span> <span style="color: #ff0000">colspan</span><span style="color: #0000ff">="3"</span> <span style="color: #ff0000">align</span><span style="color: #0000ff">="right"</span><span style="color: #0000ff">></span>Diskon<span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="Diskon"</span> <span style="color: #ff0000">disabled</span><span style="color: #0000ff">="true"</span> <span style="color: #0000ff">/></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span> <span style="color: #ff0000">colspan</span><span style="color: #0000ff">="3"</span> <span style="color: #ff0000">align</span><span style="color: #0000ff">="right"</span><span style="color: #0000ff">></span>Jumlah Dibayar<span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="Bayar"</span> <span style="color: #ff0000">disabled</span><span style="color: #0000ff">="true"</span> <span style="color: #ff0000">align</span><span style="color: #0000ff">="right"</span><span style="color: #0000ff">/></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">table</span><span style="color: #0000ff">><</span><span style="color: #800000">br</span><span style="color: #0000ff">/></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="button"</span> <span style="color: #ff0000">value</span><span style="color: #0000ff">="BATAL"</span> <span style="color: #ff0000">onClick</span><span style="color: #0000ff">="resetForm()"</span> <span style="color: #0000ff">/></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">form</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">body</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">html</span><span style="color: #0000ff">></span></pre>
<!--CRLF--></div>
</div>
sekian tutorial singkat kali ini, semoga bermanfaat....
<p></p>
<img alt="smile_regular" src="http://spaces.live.com/rte/emoticons/smile_regular.gif" /><img alt="smile_regular" src="http://spaces.live.com/rte/emoticons/smile_regular.gif" /><img alt="smile_regular" src="http://spaces.live.com/rte/emoticons/smile_regular.gif" /><img alt="smile_regular" src="http://spaces.live.com/rte/emoticons/smile_regular.gif" /><img alt="smile_regular" src="http://spaces.live.com/rte/emoticons/smile_regular.gif" /><img alt="smile_regular" src="http://spaces.live.com/rte/emoticons/smile_regular.gif" />Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-91406633629499155082010-03-06T19:09:00.000-08:002010-03-06T19:17:11.546-08:00Suasana Keraton Kanoman Cirebon<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp-yvGMkq0T50QEtIGO_MKJBuCzLA4ZwgGqf3c3RExqZ5pIExxZASHV6ADGFQe_bcCfvoPouphDXJBFXCKEezyQ_XKn2jVXu3wje9BBAraak-KBrXQUt_zysBHDljDgaIM1GeHgpK6qr68/s1600-h/0836032p.jpg"><img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;width: 298px; height: 225px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp-yvGMkq0T50QEtIGO_MKJBuCzLA4ZwgGqf3c3RExqZ5pIExxZASHV6ADGFQe_bcCfvoPouphDXJBFXCKEezyQ_XKn2jVXu3wje9BBAraak-KBrXQUt_zysBHDljDgaIM1GeHgpK6qr68/s320/0836032p.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5445724118693928050" /></a>
Dian Anditya Mutiara
Rabu, 3 Maret 2010 | 10:17 WIB
SEBUAH pendopo dikelilingi tembok bercat putih, tak terawat. Salah satu sisi gapuranya hanya menunjukkan bekas porselen dari Tiongkok yang pernah ditanamkan di temboknya. Belum lagi coretan dinding yang dilakukan oleh oknum yang tidak bertanggungjawab ditambah rerumputan tumbuh meninggi di beberapa tempat di halaman. Demikianlah pemandangan yang terlihat begitu menginjakkan kaki di depan gerbang sebuang keraton.
Itu hanya sebagian gambaran dari Keraton Kanoman yang ada di Kota Cirebon. Kondisi kurang baik ini diperparah dengan lokasi yang berada di balik keramaian Pasar Kanoman. Untuk menuju ke keraton, baik mobil maupun becak harus menerobos kerumunan para pedagang.
<span class="fullpost">
Tak terbayangkan bahwa tempat itu menyimpan sejarah panjang tentang kepahlawanan, juga syiar Islam, jika tidak menatap baik-baik bangunan utama. Memang tidak sebesar bangunan-bangunan di Keraton Yogyakarta atau Surakarta tetapi masih memancarkan kharisma tersendiri.
Rasa penasaran menggiring langkah merambahi halamannya yang teduh. Jika lebih teliti mengamati, maka akan tampak keistimewaan pagar maupun pintu gerbangnya yaitu berhiaskan piring-piring porselen yang cantik.
Beruntung, saat mengunjungi keraton itu, Warta Kota bertemu dengan putra kelima dari almarhum Sultan Kanoman XI, yaitu Pangeran Raja Mohamad Qodiran yang menjabat sebagai Pangeran Patih Kanoman.
Menurut Mohamad Qodiran, Kesultanan Kanoman ini awalnya merupakan bagian dari Kesultanan Cirebon. Namun Sultan Banten, Ki Ageung Tirtayasa, kemudian menobatkan dua pangeran dari Putra Panembahan Adining Kusuma (Kerajaan Mataram) untuk memegang kekuasaan di dua kesultanan. Yaitu Pangeran Badriddin Kartawijaya di Kesultanan Kanoman bergelar Sultan Anom dan Pangeran Syamsuddin Martawijaya di Kesultanan Kesepuhan bergelar Sultan Sepuh.
Kesultanan Kanoman diresmikan tahun 1677. "Di antara keraton-keraton lain yang ada di Cirebon, seperti Keraton Kasepuhan dan Keraton Kacirebonan, hanya Keraton Kanoman yang menjadi pusat peradaban Kesultanan Cirebon," tuturnya.
Keraton ini juga dikenal lebih taat dan konservatif dalam memegang adat istiadat dan pepakem. Contohnya tradisi Grebeg Syawal, seminggu setelah Idul Fitri . Grebeg Syawal intinya adalah ziarah sultan dan keluarganya ke Makam Sinuhun Sunan Gunung Jati di Desa Astana, Kecamatan Cirebon Utara
Kebiasaan itu sangat berbeda dengan Keraton Kasepuhan, yang dalam sejarahnya masih saudara tua, dan Keraton Kacirebonan. Keraton yang disebut terakhir itu dikenal hanya mempunyai satu sultan atau sultan sepengadegan, yakni Sultan Carbon (abad 18) di mana anak cucu mereka, sesuai keputusan pengadilan Belanda ketika itu, ditetapkan tidak memiliki hak lagi sebagai sultan.
Koleksi museum
Daya tarik utama Keraton Kanoman baru bisa dinikmati ketika memasuki museum yang terletak di sisi kanan bangunan utama. Di bangunan yang tidak terlalu besar itu tersimpan peninggalan-peninggalan keraton, mulai dari kereta kerajaan, peralatan rumah tangga, hingga senjata kerajaan.
Menurut pengamatan Warta Kota, perawatan pada barang-barang tersebut kurang diperhatikan. Dibiarkan berdebu dan lembab sekian lama. Bahkan gedung museum tersebut sepertinya nyaris roboh karena di plafonnya banyak jejak-jejak air akibat bocor.
"Memang kami kekurangan dana dan tenaga untuk mengelola tempat ini. Tidak mungkin hanya mengandalkan dana dari pemerintah. Sebagai penerusnya, tentu kami berusaha untuk menjaganya," ungkap Mohamad Qodiran.
Beberapa koleksi tampak tidak utuh. Di jajaran kereta, paling menonjol adalah Kereta Paksi Naga Liman. Kereta itu, seperti tertera dalam keterangan, dibuat dari kayu sawo pada tahun 1350 Saka atau tahun 1428 Masehi oleh Pangeran Losari. Itu adalah kereta kebesaran Sunan Gunung Jati, leluhur Kesultanan Cirebon, yang memerintah 1479 -1568.
Pemberian nama itu berkaitan dengan pahatan kayu di bagian depan yang menggambarkan gabungan bentuk paksi (burung), naga, dan liman (gajah) memegang senjata. Paduan bentuk itu melambangkan persatuan tiga unsur kekuatan di darat, laut, udara dan menyimbolkan keutuhan wilayah.
Keistimewaannya terletak pada bagian sayap patung yang bisa membuka-menutup saat sedang berjalan, juga bentuk rodanya yang berbeda dengan roda pedati biasa. Roda kereta dibuat cekung ke dalam. konstruksi roda seperti itu sangat berguna jika melewati jalanan berlumpur yang basah. Kotoran tidak akan menciprat mengotori penumpangnya.
Kereta yang lain adalah Jempana, kereta kebesaran untuk permaisuri dengan hiasan bermotif batik Cirebon. Kereta berbahan kayu sawo itu juga dirancang dan dibuat atas arahan Pangeran Losari pada tahun yang sama.
Kereta-kereta itu menempati bagian tengah ruangan. Bagian pinggir museum dipenuhi koleksi yang lain. Di antaranya koleksi wayang golek papak, kursi pengantin, gamelan, meja tulis lengkap dengan perlengkapan menulis daun lontar dan ijuk aren yang berfungsi sebagai alat menulis, kotak-kotak termasuk kotak dari Mesir. Di salah satu sudut, bisa dilihat koleksi senjata, mulai dari aneka pedang lokal dan pedang Eropa, keris, senjata api, aneka perisai, dan meriam.
Ada pula singgasana Sri Sultan yang terbuat dari gading, berusia lebih dari 700 tahun. Kursi ini dipakai pada awal pemerintahan Kesultanan Cirebon hingga periode Sri Sultan Kanoman VIII. Karena kondisi kursi yang tidak memungkinkan lagi untuk diduduki, maka mulai Sri Sultan Kanoman IX kursi tersebut dimuseumkan.
Peninggalan-peninggalan bersejarah di Keraton Kanoman erat kaitannya dengan syiar agama Islam yang giat dilakukan Sunan Gunung Jati, yang juga dikenal sebagai Syarif Hidayatullah.
Sayangnya, orang jarang menengok keraton ini, bahkan di musim libur. Masalah klasik, seperti publikasi, promosi tentu jadi biang keladi. Jangankan urusan publikasi dan promosi, untuk urusan pemugaran saja pihak keraton sudah ngos-ngos-an. Perlu upaya kerja sama dengan pihak swasta yang didukung pemerintah, apalagi keraton tersebut adalah salah satu daya tarik Kota Cirebon.
</span>
KOMPAS.comSonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-69699179572427445402010-03-06T19:01:00.000-08:002010-03-06T19:09:26.901-08:00Pengorbit Mars Membuat Para Ilmuwan Kagum<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiObz4EnRMYc9DC0M2Duj6sMtijgr2RMT8A12NxfcKJYpnleSYZrvQLgmqAVWOgecfjqYI48kPIhm5buuuz46srixWoYFDC-f-H4hMKp5UYZzbgZg1y7fsXZyfqbSu5VjslQ3nK31aRJT76/s1600-h/1431415p.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiObz4EnRMYc9DC0M2Duj6sMtijgr2RMT8A12NxfcKJYpnleSYZrvQLgmqAVWOgecfjqYI48kPIhm5buuuz46srixWoYFDC-f-H4hMKp5UYZzbgZg1y7fsXZyfqbSu5VjslQ3nK31aRJT76/s320/1431415p.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5445723472810369250" /></a>
PASADENA, KOMPAS.com — Para ilmuwan dan pengamat antariksa terpukau oleh melimpahnya data yang dikirimkan wahana pengorbit NASA yang dikirim ke Mars.
Badan antariksa tersebut menyatakan, Rabu (3/3/2010), bahwa pengorbit bernama Mars Reconnaissance Orbiter telah mengirimkan data sebesar 100 terabit yang telah terkumpul sejak tahun 2006. Data sebanyak itu kira-kira sebanding dengan 3 juta lagu MP3.
<span class="fullpost">
Wahana pengorbit itu diluncurkan dari Florida tahun 2005 lalu tiba di Mars pada tahun 2006. Wahana ini merupakan pengintai tercanggih yang pernah dikirim ke planet merah itu.
Rich Zurek, ilmuwan proyek NASA dari bagian Laboratorium Daya Dorong Jet, mengaku kagum dengan kualitas gambar dan data lainnya yang dia terima. Data tersebut bisa membantu para ilmuwan lebih memahami planet itu.
Sekadar catatan, pengorbit itu tahun lalu sempat mengalami masalah komputer sehingga operasi ilmiahnya sempat terhenti. Namun, wahana tersebut kini sudah bekerja normal.
</span>Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-77201169379890964912010-03-04T09:26:00.001-08:002010-03-04T09:30:12.609-08:00Opera 10.5 is Released<p>Opera 10.5 is Released, Claims to be "Fastest Browser on Earth"</p> <p>The new browser from Opera sports a sleek new Aero look, but is it the fastest? <a href="http://lh4.ggpht.com/_jDYzhCAMst4/S4_tKTVfOII/AAAAAAAAAE0/Kw-y890dduU/s1600-h/13852_large_Opera_10_5_in_action%5B3%5D.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px" title="13852_large_Opera_10_5_in_action" border="0" alt="13852_large_Opera_10_5_in_action" align="right" src="http://lh3.ggpht.com/_jDYzhCAMst4/S4_tMDGbY0I/AAAAAAAAAE4/h8b2AZ3AHdE/13852_large_Opera_10_5_in_action_thumb%5B1%5D.png?imgmax=800" width="244" height="207" /></a>We investigate the claims.. <br />While Norway's Opera Software is the <a href="http://www.dailytech.com/Interview+Opera+Speaks+About+New+CEO+Being+Number+One+in+Mobile+Sector/article17452.htm">king of the mobile browsing industry</a>, in the PC browser industry it plays the role of the underdog.  Opera currently holds a small chunk of market share -- <a href="http://www.netmarketshare.com/browser-market-share.aspx?qprid=0">2.35 percent</a> -- trailing <a href="http://www.dailytech.com/Opera+105+is+Released+Claims+to+be+Fastest+Browser+on+Earth/article17819.htm#">Microsoft Internet Explorer<img src="http://images.intellitxt.com/ast/adTypes/mag-glass_10x10.gif" /></a>, Firefox, Chrome, and Safari.  Still, 2.35 percent of the web's 1.7 billion users worldwide (according to Internet Web Statistic's <a href="http://www.internetworldstats.com/stats.htm">2009 survey</a>) is still an impressive 40 million customers worldwide -- something not every tech company can claim. <span class="fullpost"> <br />Yesterday Opera released the final version of <a href="http://www.dailytech.com/Opera+105+Beta+Chrome+Beta+Come+to+Macs+Valves+Steam+Coming+Soon/article17792.htmhttp://www.dailytech.com/Opera+105+Beta+Chrome+Beta+Come+to+Macs+Valves+Steam+Coming+Soon/article17792.htm">Opera 10.5</a> for <a href="http://www.dailytech.com/Opera+105+is+Released+Claims+to+be+Fastest+Browser+on+Earth/article17819.htm#">Windows<img src="http://images.intellitxt.com/ast/adTypes/mag-glass_10x10.gif" /></a>, a speedy build that brings a host of new features and improvements.  It offers a faster layout engine -- Presto 2.6 -- which also includes a host of bugfixes from the layout engine Presto 2.4 used in Opera 10.  It also offers a brand new Javascript engine Carakan, which should be substantially faster than the old engine, Futhark. <br />Rounding out the improvements is a new graphics library, Vega.  The browser also offers greater support of HTML5 and CSS3, cutting edge web standards that were partially supported in Opera 10. <br />The browser is now brought up to speed in Windows 7, as well, sporting a stylish new Aero-glass look and offering full support for Aero peek and jump lists.  Other newly supported Windows 7 features include Speed Dials, tabs and more from the Taskbar. <br />It also offers full thumbnail previews in the tabs section if you drag down the section's border. <br />Opera's popular Turbo (page compression for faster loads on slow connections), Unite (content sharing), and Link (synchronization of bookmarks, etc. over the web) make a reappearance in the new release as well.  They have been slightly tweaked and improved.  Users now have the ability to make any new tab a private tab, as well, and use private tabs alongside normal ones. <br />We took the browser out for a quick spin to evaluate Opera's claim that it was "the fastest browser on Earth."  In the interest of brevity we put it up against the latest test build of Google's Chrome -- Chrome 5 (Chrome is typically regarded as the fastest browser). <br />In the Peacekeeper browser benchmark, which measures a variety of performance factors including web graphics, database operations, and Javascript, Opera 10.5 managed a score of <strong>3373 points</strong>, while Chrome 5 scored <strong>4358 points</strong> (more is better).  In Celtic Kane's new JS Benchmark Opera 10.5 scored <strong>211 ± 0</strong>, while Chrome 5 scored <strong>498 ± 0</strong> (more is better).  Lastly, in Sun Spider, another script benchmark Opera 10.5 finished in <strong>353.4ms +/- 1.1%</strong>, while Chrome 5 took <strong>409.0ms +/- 2.0%</strong> (less is better). <br />As you can see, against Google's top browser candidate, Opera 10.5 seems to trail just slightly in synthetic benchmarks, though Sun Spider did hand Opera a key win, somewhat of a surprise since the test is built on Web Kit and would seemingly give Chrome home court advantage. <br />We did not have the time or resources to conduct an exhaustive analysis of page load times on the top 20 websites, but from a basic feel approach Chrome 5 and Opera 10.5 feel neck and neck in page load speed on content-heavy pages like <em>SI.com</em> and <em>Facebook.com</em>. <br />The browser download weighs in at 9.4 MB.  If you want to give it a try, just visit Opera's homepage, <a href="http://www.opera.com/">here</a>. <br /><em>All tests were conducted on a MacBook Pro running 64-bit Windows 7 Professional.  The machine had an Intel Core 2 Duo T9600 processor clocked at 2.8 GHz and 4 GB of DDR3 RAM. </em></p> </span> <p>daylitech.com </p>Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-79359073665788778412010-03-04T09:02:00.001-08:002010-03-04T09:02:23.519-08:00Bakat Multitalenta<p>Siapa yang tidak berdecak kagum menyaksikan kebolehan anak-anak berbakat di televisi atau di mana pun. Yang lebih mencengangkan, jika talenta mereka ternyata tidak hanya satu. Ada yang jago main piano, menyanyi, sekaligus menguasai beberapa bahasa. Ada yang pintar menulis, bahkan sudah menerbitkan sebuah novel dan masih dikaruniai anugerah suara merdu serta kemahiran bermain piano. Wahharus bagaimana jika ternyata di rumah, buah hati kita juga menunjukkan kemampuan dan minat lebih dari satu?</p> <p><strong>MARI MENGENAL SI MULTITALENTA </strong><strong>KETAHUILAH</strong>, </p> <span class="fullpost"> <p>Bu-Pak, anak multitalenta menguasai beberapa bakat di beberapa bidang sekaligus, dan semuanya berkembang dengan luar biasa. Dalam sebuah literatur disebutkan bahwa bakat anak dapat dikelompokkan dalam 2 bagian besar, yaitu:</p> <p>* Bakat Akademis</p> <p>Bakat akademis pun dibagi lagi menjadi 2, yakni bakat akademis secara umum dan khusus. Anak yang mempunyai bakat akademis secara umum adalah anak yang menguasai hampir seluruh mata pelajaran dengan hasil maksimal. Sedangkan anak dengan bakat akademis khusus adalah anak yang hanya menguasai beberapa mata pelajaran saja. Misalnya ada anak yang berbakat di bidang matematika atau IPA, sedangkan mata pelajaran lainnya biasa-biasa saja. </p> <p>* Bakat khusus</p> <p>Yang dimaksud dengan bakat khusus adalah kelebihan yang dimiliki anak di bidang selain kemampuan akademis. Misalnya seni rupa, seni musik, seni suara, kemampuan berbahasa, olahraga dan sebagainya. </p> <p>Tidak gampang memang melabeli anak dengan sebutan multitalenta. Apa saja cirinya? Simak saja penuturan<strong> Felicia Irene, M.Psi.,</strong> dari Lembaga Psikologi Terapan Universitas Indonesia (LPT UI). </p> <p>- Mempunyai bakat lebih dari satu, baik di bidang akademis dan bidang khusus ataupun beberapa bidang khusus sekaligus. </p> <p>- Umumnya mempunyai tingkat kecerdasan superior. </p> <p>Dengan tingkat kecerdasan seperti itu, anak dengan mudah mempelajari beberapa bidang sekaligus secara cepat. Daya tangkap mereka memang luar biasa. </p> <p>- Memiliki minat yang luas. Tidak cukup mempelajari satu-dua bidang saja, karena anak multitalenta tidak pernah puas dengan apa yang sudah dikuasainya. </p> <p>Selain mereka, anak-anak yang dibesarkan dalam keluarga dengan keahlian tertentu besar kemungkinan dianugerahi multitalenta. Misalnya anak yang dibesarkan oleh keluarga pemusik biasanya akan menguasai beberapa alat musik sekaligus dan bisa menyanyi dengan baik. Oleh karena seni terkait dengan olahrasa, maka biasanya anak ini pun peka terhadap keindahan, dan bukan tidak mungkin kepekaan ini menuntunnya untuk bisa melukis, mampu mencipta puisi, dan sebagainya.</p> <p><strong>MENDAMPINGI SI MULTITALENTA</strong></p> <p><a href="http://lh5.ggpht.com/_jDYzhCAMst4/S4_nlv2jn7I/AAAAAAAAAEs/KkiUtJXbRu0/s1600-h/clip_image001%5B4%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="clip_image001" border="0" alt="clip_image001" align="left" src="http://lh5.ggpht.com/_jDYzhCAMst4/S4_nnYF87sI/AAAAAAAAAEw/w4SRhV8a3ac/clip_image001_thumb%5B1%5D.jpg?imgmax=800" width="154" height="219" /></a>Untuk anak-anak usia 6-12 tahun sebaiknya semua talenta yang ada difasilitasi. "Mengikutkan anak pada kursus sesuai bakatnya atau membelikan barang-barang yang menunjang bakatnya bisa dilakukan," saran Felicia. </p> <p>Caranya ajak anak bicara tentang apa yang diinginkannya. Jangan lupa, memfasilitasi tidak sama dengan memaksa anak melakukan ini-itu dan memberinya target tertentu supaya terus berprestasi. "Memfasilitasi sekadar mempermudah jalan yang dilalui anak untuk mengembangkan bakatnya tersebut," perincinya. </p> <p>* Coba perhatikan perkembangannya, apakah anak merasa enjoy dengan kegiatan barunya di sekolah atau tempat kursus? Dari situ orang tua bisa mengukur seberapa besar bakat anak di bidang yang sedang ditekuninya. "Anak-anak berbakat biasanya lebih cepat menguasai semua yang diajarkan." </p> <p>* Kembangkan saja semua bakat yang dimiliki anak. Itu lebih baik daripada memilihkan salah satunya dengan maksud agar ditekuni secara maksimal. "Biar saja anak usia ini merasakan semuanya dulu. Setelah remaja, dengan sendirinya dia akan memilih satu atau dua yang dirasa paling pas dengan jiwanya," saran Felicia. </p> <p>Namun, bukan berarti orang tua boleh mengkursuskan anaknya ke mana saja tanpa melalui pertimbangan. Satu hal yang tak bisa dipungkiri adalah biaya kursus ini-itu yang tidak murah. </p> <p>Lalu bagaimana seandainya kondisi keuangan orang tua terbatas? Saran Felicia, "Manfaatkan saja tawaran kunjungan yang belakangan banyak ditawarkan tempat-tempat kursus. Undangan semacam ini biasanya gratis, sehingga orang tua bisa mengamati terlebih dahulu benarkah anaknya berbakat di bidang tersebut atau sekadar ingin tahu saja." </p> <p>* Perhatikan, apakah selama 3 bulan ikut kursus tertentu anak menunjukkan kemajuan yang pesat? Atau justru sebaliknya, setiap tiba waktunya kursus, ia harus selalu dibujuk-bujuk dulu supaya mau berangkat. Seiring dengan berjalannya waktu, mana yang benar-benar bakat dan mana yang bukan akan terlihat jelas, kok. </p> <p>* Ajaklah anak menyaksikan atraksi atau kompetisi yang sesuai dengan minatnya. </p> <p>* Kalau ada kesempatan, tak ada salahnya menjajal kemampuan anak dengan mengikutkannya ke berbagai ajang perlombaan. Namun, pastikan bukan kemenangan yang menjadi target. Pengalaman bertemu anak-anak lain yang punya bakat dan minat sama adalah yang lebih penting. </p> <p>* Orang tua harus terus mengamati perkembangan bakat anak dan objektif dalam memberi penilaian. </p> <p>* Bantu anak menekuni bidang yang diminatinya dengan memberikan dukungan. </p> <p>* Jangan bandingkan bakat anak dengan anak lain. </p> <p><strong>AGAR TAK JADI BUMERANG</strong></p> <p><strong>BILA</strong> anak benar-benar dikaruniai multitalenta, selanjutnya orang tua harus lebih berhati-hati menentukan langkah. Biasanya anak-anak multitalenta ini "disorot" oleh lingkungan karena kelebihannya. Entah itu sering dipuji guru, kerap dijadikan contoh, tampil di berbagai acara, dan sebagainya. Alangkah tidak baik jika segala puja-puji tersebut malah menjadi bumerang bagi anak. Pujian memang tetap perlu diberikan, tapi sesuaikan dengan proporsinya.</p> <p>Jangan sampai anugerah berupa multitalenta membuatnya jadi anak sombong, haus akan perhatian, kena sindrom selebriti, senang pamer kemampuan, dan sebagainya. Supaya hal ini tidak terjadi, Felicia menyarankan, ada baiknya seorang anak dengan multitalenta bertemu anak lain yang punya kelebihan kurang lebih sama. Tujuannya agar ia tahu rasanya menjadi nomor dua, sekaligus menyadarkan bahwa ada juga orang lain yang jauh lebih hebat darinya. </p> <p>Orang tua pun harus selalu mengingatkan anak bahwa bakat yang dimilikinya adalah anugerah Tuhan yang harus disyukuri. Kelebihan tersebut tidak boleh membuatnya lupa diri, melainkan harus bisa memberikan kebahagiaan bagi orang lain. </p> <p>Positifnya, di usia ini anak sedang memasuki tahapan industry-inferiority dimana ia sudah termotivasi untuk berprestasi dan menguasai salah satu keterampilan yang kelak berguna bagi hidupnya. Anak yang memiliki multitalenta sudah punya modal cukup kuat sehingga harga diri dan rasa percaya dirinya pun kelak akan berkembang secara positif.</p> <p><strong>BERBAKAT VS TEKUN</strong></p> <p><strong>PENEMU</strong> teori relativitas, Albert Einstein mengatakan bahwa pada akhirnya bakat hanya akan berperan 1%, sedangkan sisanya adalah kerja keras. Fenomena anak multitalenta ini pun tak lepas dari pendapat tersebut. Adakalanya bakat yang dimiliki tidak terlalu dominan, tetapi karena si anak tekun maka semua yang dipelajarinya bisa membuahkan hasil. </p> <p>Pada anak usia 6-12 tahun, tukas Felicia, beda antara talenta dengan tekun memang tipis sekali. "Di usia ini jargon practice make perfect justru sangat kuat. Apakah anak yang berbakat dengan anak yang tekun menghasilkan permainan piano yang berbeda? Tentu saja tidak," kata Felicia.</p> <p>Yang terlihat berbeda justru pada prosesnya. Anak yang berbakat tidak perlu berlatih sekeras anak yang tekun untuk mencapai hasil yang sama. </p> <p>Lalu bagaimana dengan anak-anak yang menguasai beberapa bidang tetapi kemampuannya serbatanggung? Misalnya, ada anak yang bisa menyanyi sedikit, main piano sedikit, dan menggambar sedikit, apakah ia memiliki multitalenta? </p> <p>"Tentu saja tidak. Kemampuan yang serbasedikit belum bisa dijadikan modal untuk sebutan multitalenta," kata Felicia. Kemampuan yang dimiliki anak multitalenta haruslah terlihat menonjol dibanding usianya atau anak-anak lain pada umumnya.</p> </span> <p>Kembangkan bakatmu!!!</p> <p>Semoga bermanfaat… Amin…</p> <p><img alt="snail" src="http://spaces.live.com/rte/emoticons/snail.gif" /><img alt="airplane" src="http://spaces.live.com/rte/emoticons/airplane.gif" /><img alt="money" src="http://spaces.live.com/rte/emoticons/money.gif" /><img alt="coffee" src="http://spaces.live.com/rte/emoticons/coffee.gif" /><img alt="guy_handsacrossamerica" src="http://spaces.live.com/rte/emoticons/guy_handsacrossamerica.gif" /><img alt="pizza" src="http://spaces.live.com/rte/emoticons/pizza.gif" /></p> Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-59479912896669676722010-03-04T08:50:00.001-08:002010-03-04T08:54:19.080-08:00Sistem Tranparansi Nilai<p>Nama : Sonny Triyo W</p> <p>Nim/Off : 107533411083/B</p> <p>Jurusan/Prodi : Teknik Elektro/S1 PTI</p> <p>Sistem transparansi nilai adalah suatu bentuk pengumuman tentang nilai yang diperoleh siswa secara tertulis. Bagaimanakah transparansi nilai dalam dunia pendidikan di indonesia? Sistem transparansi nilai bertujuan untuk memotivasi siswa agar lebih giat dalam belajarnya. Manfaat sistem transparansi nilai adalah siswa dapat mengetahui kelemahan dan kelebihan metode belajar yang telah diterapkannya.</p> <p>Sistem transparansi nilai sangat penting dalam dunia pendidikan. Pendidikan tidak lepas dari nilai/skor. Setiap akhir semester pasti ada suatu penilaian akhir terhadap kompetensi dasar yang telah ditempuh oleh para siswa. Dalam kegiatan belajar mengajar kita mengenal adanya nilai kognitif, nilai afektif dan nilai psikomotorik. Nilai kognitif adalah nilai yang diperoleh siswa ketika mengerjakan tugas dan ujian. <span class="fullpost">Nilai afektif adalah nilai nilai kepribadian dari setiap siswa. Nilai afektif meliputi sifat, tingkah laku, kesopanan, kebersihan, kerapian dan lain-lain yang berhubungan dengan pribadi siswa. Sedangkan nilai psikomotorik adalah nilai yang diperoleh siswa ketika melakukan praktikum. Dalam dunia perkuliahan terdapat sistem kredit semester (sks). Setiap mahasiswa harus menyelesaikan sks yang telah ditentukan untuk memperoleh gelar tertentu. Setiap akhir semester akan diadakan penilaian terhadap mata kuliah yang telah ditempuh mahasiswa. Mahasiswa mengetahui tentang kelulusannya melalui penilaian akhir tersebut. Setelah mengetahuinya, mahasiswa akan menentukan sks yang akan ditempuh pada semester berikutnya sesuai dengan IP yang diperolehnya. Begitu sangat berharganya nilai dalam menentukan kelulusan serta masa depan siswa. Sehingga diperlukan adanya sistem transparansi nilai yang jelas. <p>Perkembangan pendidikan di indonesia harus disertai dengan kebijakan-kebijakan pemerintah yang positif, agar perkembangannya ke arah positif pula. Salah satunya adalah penerapan sistem transparansi nilai. Selama ini transparansi nilai di indonesia sangat kurang. Banyak dari para pendidik dalam pendidikan formal yang tidak menerapkan transparansi nilai. Para pendidik cenderung malas untuk menginformasikan hasil penilaian terhadap siswanya. Sistem transparansi nilai yang kurang jelas akan menimbulkan spekulasi-spekulasi, baik positif maupun negatif. Penilaian oleh sebagian dari pendidik cenderung dilakukan berdasarkan penilaian subjektif. Sebagian dari para pendidik melakukan penilaian atas dasar kedekatannya dengan siswa. Padahal pendidik itu harus adil terhadap semua siswanya. Hal itu disebabkan oleh tidak diterapkannya sistem transparansi nilai dalam dunia pendidikan di indonesia.</p> <p>Pada saat ini banyak sekali permasalahan tentang sistem transparansi nilai. Para pendidik kurang transparan dalam memberikan nilai. Mereka cenderung tidak mengumumkan hasil penilaiannya terhadap siswa. Ada motif-motif tertentu dibalik tidak adanya pengumuman hasil penilaian. Antara lain malas, KKN, tidak suka mengajar, tidak ada waktu untuk mengumumkan, salah satu usaha untuk meningkatkan motifasi belajar atau motif-motif lain yang belum kami ketahui. Padahal, pada saat ini kita dituntut untuk bersifat terbuka.</p> <p>Kurang transparannya nilai akan menimbulkan konflik lahir maupun batin. Konflik batin timbul, ketika seorang siswa mendapat nilai yang tidak sesuai dengan apa yang telah dikerjakannya. Konflik batin yang berkepanjangan akan menurunkan prestasi siswa bahkan dapat berubah menjadi konflik lahir. Ketika siswa tidak senang terhadap penilaian gurunya, mereka akan melakukan aksi-aksi protes yang positif maupun negatif. Aksi positif adalah ketika mereka menanyakan secara langsung tentang nilai yang diperolehnya, kemudian melakukan protes serta meminta nasehat. Sedangkan aksi negatif adalah mereka melakukan aksi anarkis terhadap guru yang tidak disukainya </p> <p>Fungsi dari sistem transparansi nilai adalah untuk memberikan kejelasan status nilai yang diperoleh siswa. Dari fungsi diatas cukup jelas bahwa permasalahan tentang spekulasi nilai diakibatkan oleh kekurangjelasan dari sistem transparansi nilai. Siswa dapat mengetahui, darimanakah nilai yang diperolehnya pada akhir semester melalui pengumuman-pengumuman nilai, terutama nilai kognitif dan psikomotorik. Sehingga siswa dapat melakukan komplain dari nilai yang diperolehnya. Pendidik juga dapat memberikan penjelasan kepada siswanya dari rekap nilai yang terkumpul. Sehingga dapat terjadi kesepakatan antara siswa dan pendidiknya.</p> <p>Sistem transparansi nilai yang membangkitkan motivasi siswa dalam belajar. Setiap siswa pasti mempunyai motivasi dalam belajar. Mereka mempunyai motivasi untuk dapat menyelesaikan pekerjaannya sebagai siswa. Motivasi siswa dapat dirangsang dengan berbagai macam cara. Salah satunya dengan pemberian nilai yang jujur, ojektif, dan transparan. Penilaian yang objektif akan memberikan motivasi lebih kepada siswa yang benar-benar ingin berkompetisi. Penilaian yang objektif akan menghasilkan persaingan yang positif. Salah satu bentuk penilaian objektif adalah dengan sistem transparansi nilai.</p> <p>Siswa pasti akan merasa senang apabila hasil pekerjaannya mendapatkan nilai yang bagus, sebaliknya mereka akan merasa sedih apabila pekerjaannya mendapatkan nilai yang jelek. Tetapi seorang siswa yang mendapat nilai jelek akan merasa senang dan mengoreksi kesalahannya, jika pekerjaannya tersebut diselesaikan sendiri. Karena mereka mempunyai motivasi belajar yang tinggi. Berbeda dengan seorang siswa yang mendapat nilai bagus, tetapi mengutip pekerjaan teman lain. Mereka akan merasa senang, akan tetapi kesenangan sesaat. Karena dalam diri mereka pasti ada kekawatiran, bagaimana kalau nanti mereka ditanya tentang cara mengerjakan tugas tersebut. </p> <p>Sistem transparansi nilai yang melemahkan motivasi siswa dalam belajar. Seorang siswa yang merasa dikecewakan memiliki dua kemungkinan dalam proses belajar. Pertama mereka akan semakin giat belajar untuk membuktikan bahwa penilaian gurunya salah. Kedua mereka akan patah semangat karena mereka berprinsip “buat apa belajar, toh nanti juga dapat nilai yang jelek”. Kemungkinan kedua tersebut lebih sering terjadi. Siswa yang sudah berusaha sekuat tenaga untuk memperbaiki nilai tetap mendapatkan nilai yang tidak fair. Disitulah letak kurang transparannya penilaian terhadap siswa.</p> <p>Sistem transparansi nilai yang mematikan bakat dari siswa berbakat. Adakalanya bakat siswa dimatikan oleh transparansi nilai yang kurang jelas. Seorang guru yang memberikan nilai yang tidak fair akan menenggelamkan bakat siswa. Mereka akan tenggelam karena nilainya jelek, padahal siswa tersebut berbakat. Hal tersebut sangat disayangkan. Betapa tidak, bakat siswa yang seharusnya dapat diasah menjadi lebih baik, tetapi hilang karena penilaian yang kurang transparan.</p> </p> </span> <p>Saran bagi guru, jadilah pendidik yang adil, arif dan bijaksana serta menjadi contoh yang baik bagi siswanya…</p> <p><img alt="turtle" src="http://spaces.live.com/rte/emoticons/turtle.gif" /><img alt="bat" src="http://spaces.live.com/rte/emoticons/bat.gif" /><img alt="rose" src="http://spaces.live.com/rte/emoticons/rose.gif" /><img alt="car" src="http://spaces.live.com/rte/emoticons/car.gif" /><img alt="handcuffs" src="http://spaces.live.com/rte/emoticons/handcuffs.gif" /><img alt="rose_wilted" src="http://spaces.live.com/rte/emoticons/rose_wilted.gif" /></p>Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-31855272895175370172010-03-04T07:51:00.001-08:002010-03-04T07:51:49.570-08:00Java Script Kalkulator<p>Make a calculator with java script</p> <p><a href="http://lh5.ggpht.com/_jDYzhCAMst4/S4_XB17OduI/AAAAAAAAAEk/e4PzD3Q0QCM/s1600-h/stdk4%5B4%5D.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="stdk4" border="0" alt="stdk4" align="left" src="http://lh4.ggpht.com/_jDYzhCAMst4/S4_XEHzgijI/AAAAAAAAAEo/rVa-hCo04AI/stdk4_thumb%5B4%5D.png?imgmax=800" width="292" height="213" /></a> </p> <p>Java Script is a user interface scripting language developed by Netscape for its Navigator and Communicator World Wide Web browsers. Microsoft has developed a compatible language, called J-Script, for its Internet Explorer browser. </p> <p>While the syntax of the Java Script programming language resembles that of Java, the two languages are actually unrelated. Java Script source code is embedded in HTML documents, and is interpreted by a World Wide Web browser. Java source code is compiled into a bytecode, stored in a separate file, which the World Wide Web browser downloads and executes separately from an HTML page. </p> <p>Lets make a simple calculator with java script!</p> <span class="fullpost"> <p>First we must make a function result that processing value which input in the text field. The result depend on operator process, and the result will show in to the output text field. Second we make form, there are 3 text field for input and output number, combobox for operator (+,-,*,/), and button for process a result. Last we call function with onclick action in button.</p> <p>Complete Source Code for simple calculator with java script :</p> <div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: 'Courier New', courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper"> <div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet"> <pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><!</span><span style="color: #800000">DOCTYPE</span> <span style="color: #ff0000">html</span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #ff0000">PUBLIC</span> <span style="color: #0000ff">"-//W3C//DTD XHTML 1.0 Transitional//EN"</span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">html</span> <span style="color: #ff0000">xmlns</span><span style="color: #0000ff">="http://www.w3.org/1999/xhtml"</span> <span style="color: #ff0000">xml:lang</span><span style="color: #0000ff">="en"</span> <span style="color: #ff0000">lang</span><span style="color: #0000ff">="en"</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">head</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">title</span><span style="color: #0000ff">></span>Kalkulator<span style="color: #0000ff"></</span><span style="color: #800000">title</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">head</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">body</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">script</span> <span style="color: #ff0000">language</span><span style="color: #0000ff">="JavaScript"</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text/javascript"</span><span style="color: #0000ff">></span><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"></pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum2"> 2:</span> <!--</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum3"> 3:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum4"> 4:</span> <span style="color: #0000ff">function</span> hasil() { </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum5"> 5:</span> <span style="color: #0000ff">var</span> opr = document.form1.op.value;</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum6"> 6:</span> <span style="color: #0000ff">var</span> a1 = parseInt(document.form1.angka1.value);</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum7"> 7:</span> <span style="color: #0000ff">var</span> a2 = parseInt(document.form1.angka2.value);</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum8"> 8:</span> <span style="color: #0000ff">var</span> rslt; </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum9"> 9:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum10"> 10:</span> <span style="color: #0000ff">if</span> (opr == <span style="color: #006080">"plus"</span>){</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum11"> 11:</span> rslt = a1 + a2; </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum12"> 12:</span> }</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum13"> 13:</span> <span style="color: #0000ff">else</span> <span style="color: #0000ff">if</span> (opr == <span style="color: #006080">"min"</span>){</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum14"> 14:</span> rslt = a1 - a2;</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum15"> 15:</span> }</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum16"> 16:</span> <span style="color: #0000ff">else</span> <span style="color: #0000ff">if</span> (opr == <span style="color: #006080">"cross"</span>){</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum17"> 17:</span> rslt = a1 * a2;</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum18"> 18:</span> }</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum19"> 19:</span> <span style="color: #0000ff">else</span> <span style="color: #0000ff">if</span> (opr == <span style="color: #006080">"div"</span>){</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum20"> 20:</span> rslt = a1 / a2;</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum21"> 21:</span> }</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum22"> 22:</span> document.form1.angka3.value = rslt;</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum23"> 23:</span> }</pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum24"> 24:</span>  </pre><!--CRLF--><pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum25"> 25:</span> <span style="color: #008000">//--> </span></pre><!--CRLF--><span style="color: #0000ff"></</span><span style="color: #800000">script</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">form</span> <span style="color: #ff0000">name</span>=<span style="color: #ff0000">form1</span> <span style="color: #ff0000">action</span><span style="color: #0000ff">="#"</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="angka1"</span><span style="color: #0000ff">/></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">select</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="op"</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">option</span> <span style="color: #ff0000">value</span><span style="color: #0000ff">="plus"</span><span style="color: #0000ff">></span>+<span style="color: #0000ff"></</span><span style="color: #800000">option</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">option</span> <span style="color: #ff0000">value</span><span style="color: #0000ff">="min"</span><span style="color: #0000ff">></span>-<span style="color: #0000ff"></</span><span style="color: #800000">option</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">option</span> <span style="color: #ff0000">value</span><span style="color: #0000ff">="cross"</span><span style="color: #0000ff">></span>*<span style="color: #0000ff"></</span><span style="color: #800000">option</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">option</span> <span style="color: #ff0000">value</span><span style="color: #0000ff">="div"</span><span style="color: #0000ff">></span>/<span style="color: #0000ff"></</span><span style="color: #800000">option</span><span style="color: #0000ff">></span> <span style="color: #0000ff"></</span><span style="color: #800000">select</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="angka2"</span><span style="color: #0000ff">/></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="button"</span> <span style="color: #ff0000">value</span><span style="color: #0000ff">="Submit"</span> <span style="color: #ff0000">onclick</span><span style="color: #0000ff">="hasil()"</span> <span style="color: #0000ff">/></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="angka3"</span><span style="color: #0000ff">/></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">form</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">body</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">html</span><span style="color: #0000ff">></span> </pre>
<!--CRLF--></div>
</div>
<p>Thank’s for your attention, see you good bye…</p>
</span>
<p><img alt="thumbs_up" src="http://spaces.live.com/rte/emoticons/thumbs_up.gif" /><img alt="messenger" src="http://spaces.live.com/rte/emoticons/messenger.gif" /><img alt="hug_girl" src="http://spaces.live.com/rte/emoticons/hug_girl.gif" /><img alt="rainbow" src="http://spaces.live.com/rte/emoticons/rainbow.gif" /><img alt="airplane" src="http://spaces.live.com/rte/emoticons/airplane.gif" /><img alt="heart" src="http://spaces.live.com/rte/emoticons/heart.gif" /></p> Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-71571631064621100412010-03-03T05:56:00.001-08:002010-03-03T05:56:10.922-08:00Improving Your Image - flat monitor computers<p><b><a href="file:///\\p\articles\mi_m1318">Kiplinger's Personal Finance Magazine</a>,  <a href="file:///\\p\articles\mi_m1318\is_6_53">June, 1999</a>  by <a href="file:///\\p\search?tb=art&qa=Scott+Bernard+Nelson">Scott Bernard Nelson</a></b></p> <p><b></b></p> <p>Flat panel monitors are slim and sleek and still pretty pricey.</p> <p>Once you've seen a flat-panel monitor up close, you're going to want one: "Low profile" liquid crystal display (LCD) monitors free up acres of desktop space, you can even mount them on the wall and are amazingly light. They gobble up far less energy than the oversize cathode ray tube (CRT) monitors most of us have. Screen resolution is superior, and the latest models have cleared up early LCD monitor problems such as ghosting and screen flicker, which means you generally get beautiful, crisp images.</p> <span class="fullpost"> <p>But then there's the price tag. Although prices have tumbled in the past 18 months, LCD monitors still cost significantly more than old style monitors with comparable specs. Whereas you can find 17 inch CRTs selling for about $200, svelte, 15 inch LCD monitors with roughly the same viewing area cost anywhere from $800 to $1,500.</p> <p>To see if the advantages of the flat panels justify their price tags, I spent the past month swapping between my tried and true Gateway EV700 CRT monitor and two popular entry level LCD monitors that each cost less than $1,000.</p> <p>Testing the monitors. Of the two flat panels I tested, the Princeton DPP 500 (estimated street price, $799; 800-747-6249; www.prgr.com) has the edge in value. Even though it has only a 14 inch viewing area, this little monitor holds up well next to its pricier brethren.</p> <p>Like most 14 to 15 inch LCD monitors, the DPP 500's standard resolution is 1,024 x 768 pixels (a noticeable improvement over the 800 x 600 provided by my conventional Gateway). Text and graphics are crisp. At ten pounds, it also weighs about one-third as much as my current monitor, and it comes with two speakers and a microphone built in (though the speakers aren't nearly as good as the external pair I use now). Another bonus is the DPP 500's lull range of motion: You can move it side to side and from completely horizontal to completely vertical (but you can't hang it on the wall without additional equipment that must be purchased separately).</p> <p>One drawback' In order to plug in the monitor's digital-compatible 20 pin connector, you have to replace the analog video card inside your computer with Princeton's digital version (unless you own a brand-new computer that's already digital-enabled). If you're uneasy with the idea of popping the top of your PC, you might shy away.</p> <p>I preferred the ViewSonic ViewPanel VP150 ($995; 800-888-8583; www.viewsonic.com), although it didn't outperform the DPP 500 enough to warrant spending the extra $200. You may be able to get it cheaper. I found it at the Necx online store (necxdirect .necx.com) for less than $900, including shipping.</p> <p>The 15 inch VP150 is an analog monitor, so it plugs directly into the back of most PCs without requiring surgery on the motherboard. Some experts argue that analog monitor images aren't as crisp as those produced by digital viewers, but with the current generation of flat panels, it's tough to tell the difference.</p> <p>Compared with my Gateway monitor, the images were crisper, in any case. I liked the ViewSonic's smoother images and found the screen easier to look at for extended periods of time (perhaps like an audiophile who prefers the warmth of LPs to cool-sounding compact discs). And the brightness and color displays were as praiseworthy as the DPP 500's.</p> <p>On the other hand, the VP150 had more distortion when viewed from the side than the Princeton monitor, and it features a plain Jane design. It's also heavier than the DPP 500 (by nearly 16 pounds), even though it doesn't come with built-in speakers.</p> <p>No relief in sight. LCD monitors have become popular with Wall Street firms, where space constraints justify the high price, and they're often promoted as ideal for medical and scientific uses, where emissions and heat generation can be a problem and where it's desirable to be able to see the screen from oblique angles. Still, the screens accounted for less than 1% of U.S. desktop-monitor sales in 1998. Rhoda Alexander, a senior analyst at market-research firm Stanford Resources, predicts market share won't rise above 5% for a couple more years, mostly because prices will remain stubbornly high (they actually rose a bit this spring).</p> <p>After weeks of Web surfing, word processing and game playing on the monitors, I have to agree with the market's assessment: You may be able to talk yourself into buying one for your home office if desktop space is at a premium or if you don't mind paying a premium for the latest technology. But it's hard to justify the cost for most of us.</p> </span> <p>Reporter: James Ramage</p> <p>COPYRIGHT 1999 The Kiplinger Washington Editors, Inc. <br />COPYRIGHT 2000 Gale Group</p> <img alt="present" src="http://spaces.live.com/rte/emoticons/present.gif" /><img alt="mobile" src="http://spaces.live.com/rte/emoticons/mobile.gif" /><img alt="camera" src="http://spaces.live.com/rte/emoticons/camera.gif" /><img alt="lightbulb" src="http://spaces.live.com/rte/emoticons/lightbulb.gif" /><img alt="cloud_rain" src="http://spaces.live.com/rte/emoticons/cloud_rain.gif" /><img alt="umbrella" src="http://spaces.live.com/rte/emoticons/umbrella.gif" /> Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-73863623172689503812010-03-03T05:44:00.001-08:002010-03-03T05:44:15.070-08:00Flat Monitor<p>From Wikipedia 3 May 2008, at 21:29. Once you’ve seen flat monitor up close, you’re going to want one : “Low profile” liquid cristal display (LCD) monitors. A liquid crystal display (LCD) is a thin, flat display device made up of any number of color or monochrome pixels arrayed in front of a light source or reflector. It is often utilized in battery-powered electronic devices because it uses very small amounts of electric power. They gobble up far less energy than the oversize cathode ray tube (CRT) monitors.<span class="fullpost"> Important factors to consider when evaluating an LCD monitor: • Resolution: The horizontal and vertical size expressed in pixels (e.g., 1024x768). Unlike CRT monitors, LCD monitors have a native-supported resolution for best display effect. • Dot pitch: The distance between the centers of two adjacent pixels. The smaller the dot pitch size, the less granularity is present, resulting in a sharper image. Dot pitch may be the same both vertically and horizontally, or different (less common). • Viewable size: The size of an LCD panel measured on the diagonal (more specifically known as active display area). • Response time: The minimum time necessary to change a pixel's color or brightness. Response time is also divided into rise and fall time. For LCD Monitors, this is measured in btb (black to black) or gtg (gray to gray). These different types of measurements make comparison difficult. • Refresh rate: The number of times per second in which the monitor draws the data it is being given. A refresh rate that is too low can cause flickering and will be more noticeable on larger monitors. Many high-end LCD televisions now have a 120 Hz refresh rate (current and former NTSC countries only). This allows for less distortion when movies filmed at 24 frames per second (fps) are viewed due to the elimination of telecine (3:2 pulldown). The rate of 120 was chosen as the least common multiple of 24 fps (cinema) and 30 fps (TV). • Matrix type: Active or Passive. • Viewing angle: (coll., more specifically known as viewing direction). • Color support: How many types of colors are supported (coll., more specifically known as color gamut). • Brightness: The amount of light emitted from the display (coll., more specifically known as luminance). • Contrast ratio: The ratio of the intensity of the brightest bright to the darkest dark. • Aspect ratio: The ratio of the width to the height (for example, 4:3, 16:9 or 16:10). • Input ports (e.g., DVI, VGA, LVDS, or even S-Video and HDMI). In color LCDs each individual pixel is divided into three cells, or subpixels, which are colored red, green, and blue, respectively, by additional filters (pigment filters, dye filters and metal oxide filters). Each subpixel can be controlled independently to yield thousands or millions of possible colors for each pixel. CRT monitors employ a similar 'subpixel' structures via phosphors, although the analog electron beam employed in CRTs do not hit exact 'subpixels'. Color components may be arrayed in various pixel geometries, depending on the monitor's usage. If software knows which type of geometry is being used in a given LCD, this can be used to increase the apparent resolution of the monitor through subpixel rendering. This technique is especially useful for text anti-aliasing. To reduce smudging in a moving picture when pixels do not respond quickly enough to color changes, so-called pixel overdrive may be used. 2. Review Flat monitor is a kind of monitor. LCD is a kind of flat monitor. There are many advantages and harm from flat monitor. One of advantage from LCD is not needed more energy. But it price is expensive than common monitor. It more practical for the business man and other. From the article we can know abaut factors which influence the LCD. There are many factors such as resolution, dot pitch, vieable size, respone time, refresh rate, matrix type, viewing angle, color support, brightness, contras ratio, aspect ratio and input port. We know that there are many supporting equipment for LCD, for example battery-powered electronic. That divice important to support the energy of LCD. So flat monitor is kind of monitor which very important for our development technology.</span></p> <p><span class="fullpost"></span><img alt="smile_devil" src="http://spaces.live.com/rte/emoticons/smile_devil.gif" /><img alt="smile_nerd" src="http://spaces.live.com/rte/emoticons/smile_nerd.gif" /><img alt="smile_sick" src="http://spaces.live.com/rte/emoticons/smile_sick.gif" /><img alt="smile_eyeroll" src="http://spaces.live.com/rte/emoticons/smile_eyeroll.gif" /><img alt="smile_angry" src="http://spaces.live.com/rte/emoticons/smile_angry.gif" /> <img alt="smile_baringteeth" src="http://spaces.live.com/rte/emoticons/smile_baringteeth.gif" /></p> Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-59027985798663748002010-03-03T05:07:00.001-08:002010-03-03T05:38:25.532-08:00Fake Wedding Show Advertised on Internet<a href="http://lh5.ggpht.com/_jDYzhCAMst4/S45mSeJRtyI/AAAAAAAAAEc/pMF1yZ2H04k/s1600-h/Untitled%5B1%5D.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px" title="Untitled" border="0" alt="Untitled" align="left" src="http://lh5.ggpht.com/_jDYzhCAMst4/S45mUP2iQkI/AAAAAAAAAEg/EQn7B78Sncw/Untitled_thumb%5B1%5D.png?imgmax=800" width="244" height="176" /></a> <p><strong>KOMPAS.com</strong> - Fraudsters set up a website advertising a fake bridal show billed as the 'biggest and most extravagant' and used it to steal cash from thousands of brides <br />A site called The Boston 411 invited would-be brides and potential vendors to a non-existent Spring Home and Bridal Show at the Hynes Convention Centre this weekend, police said. <br />Around 6,000 people and vendors signed up, paid registration fees and bought floor space through the website, which promised elegant wedding displays, demonstrations and samples, they said. <br />Authorities said they got wind of the scam after vendors began calling the convention centre to ask when they could go in and start working on their exhibits for the show. <br />Convention centre officials said no such show had been scheduled. The victims include wedding photographer Aram Orchanian, who said he lost nearly $3,000 he paid to attend the show and to produce promotional materials for it. <br />He said he heard about the show on the Facebook social networking site and called a telephone number listed on the fake site to seek more information about it before he registered and paid more than $900 for a corner booth in October. <br />He spent another $2,000 producing fliers, magnets, free gifts and other promotional goodies, which are sitting in his office. <br />Orchanian said vendors who discovered the event wasn't scheduled at the convention center were assured by a woman who answered the fake site's telephone number that there had been a mix-up at the venue and it would be resolved. <span class="fullpost"> <br />Orchanian said the scammers insisted on receiving payments through the PayPal online money transfer service, declining to accept checks, and responded quickly to voice messages. <br />'They know the industry and knew what they were talking about' as they sought to encourage people to quickly pay for nonexistent services, he said. <br />Orchanian said the fraudulent show was timed to take advantage of couples who may have been euphoric over Valentine's Day proposals. The site charged couples pre-registering to attend the show $10 to $15, promising they 'will receive a welcome bag of goodies and will be entered for a chance to win fabulous gifts and prizes!' <br />Authorities said vendors paid up to $4,000 to participate in the event, described on the website as 'New England's biggest and most extravagant Bridal Show!' <br />The website, created using a free online event registration and marketing service at eventbrite.com, had been taken down by Monday evening. <br />Efforts to access the site generated a message saying: 'The owner has indicated they are no longer in business.' <br />The Facebook account used to lure vendors and brides-to-be was no longer active. A message was left at the phone number listed on the bridal Web site. <br />Officials at eventbrite.com did not immediately return a telephone call seeking comment. Police and the FBI Cyber Crime Unit are investigating.</p></span> <p><img alt="smile_regular" src="http://spaces.live.com/rte/emoticons/smile_regular.gif" /><img alt="smile_speedy" src="http://spaces.live.com/rte/emoticons/smile_speedy.gif" /><img alt="smile_omg" src="http://spaces.live.com/rte/emoticons/smile_omg.gif" /><img alt="smile_baringteeth" src="http://spaces.live.com/rte/emoticons/smile_baringteeth.gif" /><img alt="smile_regular" src="http://spaces.live.com/rte/emoticons/smile_regular.gif" /><img alt="smile_tongue" src="http://spaces.live.com/rte/emoticons/smile_tongue.gif" /></p> <span class="fullpost"> <p></p> </span> Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-22495415481204214912010-03-02T12:01:00.000-08:002010-03-02T12:02:44.662-08:00Asmara Berdasarkan Urutan KelahiranMasih sering kita dengar sebagian orang tua menasihatkan, jika kamu dalam keluarga merupakan anak sulung sebaiknya tidak menikah dengan yang sama-sama sulung. Demikian pula kebalikannya, jika kamu merupakan anak bungsu, jangan pula menikah dengan yang sama-sama bungsu. Karena keduanya mempunyai sifat-sifat dasar yang sama, setidaknya sifat manja dan keras kepala mengikutinya. Benar tidaknya saran dan nasihat orang-orang tua tersebut, masih sering menjadi pembicaraan. Meski dapat dikatakan masih kontroversial, namun mereka dapat membuktikan bahwa karakteristik seseorang, salah satunya dapat dilihat dari urutan kelahiran.Tidak ada salahnya kita ikuti, siapa tahu bermanfaat bagi kita.<span class="fullpost"> Mau tahu apa kata ahli mengenai sifat dan sikap masing-masing berikut asmaranya. Kamu sebagai anak bungsu; Anak yang terlahir paling akhir biasanya mempunyai pembawaan yang menyenangkan, pandai bergaul, populer, dan mudah membuat orang jatuh hati. Anak bungsu ketika menjalin hubungan biasanya terpaku pada hubungannya. Perhatian kecil saja dapat membuat anak bungsu bertekuk lutut. Tapi apabila anak bungsu di dominasi maka ia pun akan kuat menentangnya. Ia lebih suka dipandang sederajat dibandingkan menurut pada pasangannya. Kamu sebagai anak tengah; Termasuk anak yang terampil untuk bernegosiasi. Ia terbiasa berhubungan dengan kakak dan adik. Karena posisinya yang terjepit, ia pun akan selalu berjuang untuk mendapatkan perhatian orang tuanya. Biasanya para anak tengah mempunyai kecenderungan menikah di usia muda atau justru sangat terlambat. Anak tengah bisa dibilang pasangan yang menyenangkan karena memiliki kecenderungan menyenangkan pasangannya. Dalam hubungan rumah tangga, anak juga bisa sangat gigih berjuang mendominasi peran dalam keluarga. Kamu sebagai anak sulung; Sebagai anak pertama, yang umumnya kehadirannya sangat ditunggu, mempunyai kecenderungan mengambil posisi pemimpin sangat mendominasi. Sehingga sifatnya bertanggung jawab namun tetap mengikuti aturan. Menurut para ahli, anak sulung juga memiliki kecenderungan menikahi orang yang ia cintai sejak masa remaja, cinta pertama atau biasa disebut ‘cinta monyet’. Sebagai anak sulung, kemungkinan besar akan tetap mempertahankan rumah tangganya, meski sebenarnya dalam kondisi tidak harmonis sekalipun.</span>Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-57762767218982929032010-03-02T11:19:00.001-08:002010-03-02T11:21:20.213-08:00Perkembangan Peserta DidikHakikat Pertumbuhan dan Perkembangan Peserta Didik
<span class="fullpost"> <p>I. Definisi Pertumbuhan dan Perkembangan</p> <p>Menurut pendapat para ahli :</p> <p>1. Drs.H.M.Arifin,M.Ed</p> <p>Pertumbuhan adalah suatu penambahan dalam ukuran bentuk dimensif tubuh serta bagian-bagiannya. Perkembangan adalah perubahan dalam bentuk/bagian tubuh dan integrasi pelbagai bagiannya ke dalam satu kesatuan fungsional bila pertumbuhan itu berlangsung. Pertumbuhan dapat diukur sedangkan perkembangan dapat diamati gejala-gejalanya. Perkembangan dipersyarati oleh pertumbuhan.</p> <p>2. Boring, Langfeld, dan Weld</p> <p>Pertumbuhan dan perkembangan dicakup dalam satu kata yaitu “Kematangan”. Alasannya , manusia itu disebut “Matang” jika pisik dan psikisnya telah mengalami pertumbuhan dan perkembangan sampai pada tingkat tertentu.</p> <p>3. H.C Witherington</p> <p>Pertumbuhan merupakan suatu sifat umum dari seluruh organism, seluruh personalitas atau kepribadian. Sedangkan perkembangan sebagai suatu bagian dari pertumbuhan menunjuk pada perluasan fungsi-fungsi secara terperinci.</p> <p>4. Karl C Garrison</p> <p>Secara explicit menjelaskan bahwapertumbuhan dan perkembangan secara pisik dan psikis.</p> <p>5. Crow dan crow</p> <p>Pertumbuhan pada umumnya terbatas pengertiannya pada perubahan-perubahan structural dan psikologis dari awal janin melalui periode-periode sebelum lahir dan setelah lahir sampai dewasa.</p> <p>6. Spiker</p> </span> <p>Ada dua macam pengertian perkembangan :</p> <p>1. Ortogenetik, yaitu yang berhubungan dengan perkembangan sejak terbentuknya individu baru dan seterusnya sampai dewasa.</p> <p>2. Filogenetik, yaitu perkembangan dari asal-usulmanusia sampai sekarang ini.</p> <span class="fullpost"> <p>Dari beberapa pendapat diatas dapat diambil kesimpulan bahwa :</p> <p>· Pertumbuhan merupakan proses perubahan secara fisik/fisiologis yang bersifat progresif dan kontinou serta berlangsung dalam periode tertentu.</p> <p>· Perkembangan merupakan suatu proses perubahan yang bersifat progresif dan menyebabkan tercapainya kemampuan dan karakteristik psikis yang baru.</p> <p>· Pertumbuhan dan perkembangan saling berkaitan. Berkat adanya pertumbuhan pada anak maka suatu saat akan tercapai kematangan.</p> <p>· Perbedaan antara pertumbuhan dan perkembangan menunjukkan perubahan biologis secara kuantitatif sedangkan perkembangan menujukkan perubahan biologis secara kualitatif.</p> <p>II. Faktor-faktor Dasar Pertumbuhan dan Perkembangan</p> <p>Dibagi menjadi dua :</p> <p>1. Faktor Internal</p> <p>· Faktor gentik yang diwariskan dari orang tuanya. Perkembangan yang diwariskan antara lain berupa kecerdasan dan temperamen.</p> <p>· Faktor kematangan baik secara fisik maupun psikologis</p> <p>2. Faktor Eksternal</p> <p>· Kesehatan fisik maupun jiwa </p> <p>· Makanan sehari-hari</p> <p>· Stimulasi lingkungan, baik lingkungan keluarga, sekolah, maupun masyarakat</p> <p>· Agama/kepercayaan</p> <p>III. Fase-fase Perkembangan</p> <p>Dibagi menjadi dua golongan :</p> <p>1. Pendapat golongan pertama</p> <p>· L.C.T Bigot, Ph kohnstam dan B.G Palland yang dikutip oleh Drs.B simanjuntak, SH sebagai berikut :</p> <p>1. Masa bayi dan kanak 0-7</p> <p>a. Masa bayi : 0-1</p> <p>b. Masa kanak : </p> <p>- Masa vital : 1-2</p> <p>- Masa estitis : 2-7</p> <p>c. Masa sekolah/intelektuil : 7-13</p> <p>d. Masa social : 13-21</p> <p>- Masa pueral : 13-14</p> <p>- Masa prae pubertas : 14-15</p> <p>- Masa pubertas : 15-18</p> <p>- Masa adolescence : 18-21</p> <p>· Elizabeth B Hurlock menulis bahwa jika dibagi berdasarkan bentuk-bentuk perkembangandan pola-pola perilaku yang Nampak khas pada usia-usia tertentu, maka fase kehidupan terdiri atas sebelas masa, yaitu :</p> <p>1. Prenatal : saat konsepsi sampai lahir</p> <p>2. Masa neonatus : lahir sampai akhir minggu kedua setelah lahir</p> <p>3. Masa bayi : akhir minggu kedua sampai akhir tahhun kedua</p> <p>4. Masa kanak-kanak awal : 2-6 tahun</p> <p>5. Masa kanak-kanak akhir : 6-10/11 tahun</p> <p>6. Pubertas/pre adolescence : 10/12-13/14 tahun</p> <p>7. Masa remaja awal : 13/14-17 tahun</p> <p>8. Masa remaja akhir : 17-21 tahun</p> <p>9. Masa dewasa : 21-40 tahun</p> <p>10. Masa setengah baya : 40-60 tahun</p> <p>11. Masa tua : 60 tahun-wafat</p> <p>2. Pendapat golongan kedua</p> <p>Menurut Kwee Soen Liang, SH membagi masa pubertas sebagai berikut</p> <p>1. Pra puberteit laki-laki : 13-14 tahun (fase negatif)</p> <p>wanita : 12-13 tahun (Sturmunddrang)</p> <p>2. Puberteit laki-laki : 14-18 tahun (merindu)</p> <p>wanita : 13-18 tahun (puja)</p> <p>3. Adolescence laki-laki : 19-23 tahun</p> <p>wanita : 18-21 tahun</p> </span> <p>Dari beberapa pendapat diatas dapat disimpulkan bahwa</p> <p>Secara teoretis dan empiris dari segi psikologis, rentangan usia remaja, berada dalam usia 12-21 tahun bagi wanita, 13-22 bagi pria. Jika dibagi atas remaja awal dan remaja akhir, maka remaja awal berada dalam usia 12/13-17/18 tahun dan remaja akhir dalam usia 17/18-21/22 tahun. Sedangkan periode sebelum masa remaja dissebut sebagai ambang pintu masa remaja atau sering disebutperiode pubertasi. Pubertas jelas berbeda dengan masa remajameskipun bertumpang tindih dengan masa remaja awal. </p>Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-20112136023795331482010-02-28T20:46:00.001-08:002010-02-28T20:48:48.301-08:00Motivasi Belajar<p><b>A. </b><b>Motivasi dan pentingnya motivasi</b></p> <p><b>1. </b><b>pengertian motivasi</b></p> <blockquote> <p>Motif adalah segala sesuatu yang mendorong seseorang untuk bertindak melakukan sesuatu. Atau Motif adalah suatu pernyataaan yang kompleks di dalam suatu organisme yang mengarahkan tingkah laku/perbuatan ke suatu tujuan atau perangsang. </p> </blockquote> <span class="fullpost"> <p>Motivasi belajar adalah proses internal yang mengaktifkan, memandu dan mempertahankan perilaku dari waktu ke waktu. Individu termotivasi karena berbagai alasan yang berbeda, dengan intensitas yang berbeda. Sebagai misal, seorang siswa dapat tinggi motivasinya untuk menghadapi tes ilmu sosial dengantujuan mendapatkan nilai tinggi (motivasi ekstrinsik) dan tinggi motivasinya menghadapi tes matematika karena tertarik dengan mata pelajaran tersebut (motivasi intrinsik).</p> <p>Pada umumnya suatu motivasi atau dorongan adalah suatu pernyataan yang kompleks di dalam suatu organisme yang mengarahkan tingkah laku terhadap suatu tujuan, dan perangsang (<i>incentive</i>). Tujuan adalah yang menentukan dan membatasi tingkah laku organisme itu.  </p> <p><b>2. </b><b>pentingnya motivasi dalam belajar</b></p> <p>motivasi belajar penting bagi siswa dan guru. Bagi siswa pentingnya motivasi belajar adalah sebagai berikut:</p> <p>· Menyadarkan kedudukan pada awal belajar, proses , dan hasil akhir.</p> <p>· Menginformasikan tentang kekuatan usaha belajar, yang dibandingkan dengan teman sebaya</p> <p>· Mengarahkan kegiatan belajar</p> <p>· Membesarkan semangat belajar</p> <p>· Menyadarkan tentang adanya perjalanan belajar dan kemudian bekerja (di sela-selanya adalah istirahat atau bermain) yang berkesinambungan.</p> <p><b>B. </b><b>Jenis dan Sifat Motivasi</b></p> <ol> <li><b>Jenis Motivasi</b></li> </ol> <p>Para ahli ilmu jiwa mempumyai pendapat bahwa motivasi dapat dibedakan menjadi dua jenis yaitu motivasi primer dan motivasi sekunder. <br />1. Motivasi Primer <br />Motivasi primer adalah motivasi yang didasarkan pada motif-motif dasar. Motif-motif dasar tersebut umumnya berasal dari segi biologis, atau jasmani manusia. Manusia adalah mahluk berjasmani, sehingga perilakunya terpengaruh oleh insting atau kebutuhan jasmaninya. Di antara insting yang penting adalah memelihara, mencari makan, melarikan diri, berkelompok, mempertahankan diri, rasa ingin tahu, membangun, dan kawin. (Koeswara, 1989: Jalaludin Rachmat.1991) <br />Freud berpendapat bahwa insting memiliki empat ciri, yaitu tekanan, sasaran, objek dan sumber. <br />• Tekanan. Tekanan adalah kekuatan yang memotivasi individu untuk bertingkah laku, semakin besar energi dalam insting, maka tekanan terhadap individu semakin besar. <br />• Sasaran. Sasaran insting adalah kepuasan atau kesenangan, kepuasan tercapai apabila tekanan enargi pada insting berkurang. <br />• Objek. Objek insting adalah hal-hal yang memuaskan insting, hal-hal yang memuaskan insting tersebut dapat berasal dari luar individu atau dari dalam individu. <br />• Sumber. Sumber insting adalah keadaan kejasmaniaan individu. <br />Insting manusia dapat dibedakan menjadi dua jenis yaitu insting kehidupan (life instinct) dan insting kematian (death instinct). Insting-insting kehidupan terdiri dari insting yang bertujuan memelihara kelangsungan hidup. Insting kehidupan tersebut berupa makan, minum, istirahat, dan memelihara keturunan. Insting kematian tertuju pada penghancuran, seperti merusak, menganiaya, atau membunuh orang lain atau diri sendiri. <br />2. Motivasi Sekunder <br />Motivasi sekunder adalah motivasi yang dipelajari. Menurut beberapa ahli, manusia adalah makhluk sosial. Perilakunya tidak hanya terpengaruh oleh faktor bilogis saja, tetap juga faktor-faktor sosial. Perilaku manusia terpengaruh oleh tiga komponen penting seperti <br />a) Komponen afektif, komponen afektif adalah aspek emosional. Komponen ini terdiri dari motif sosial, sikap dan emosi. <br />b) Komponen kognitif, komponen kognitif adalah aspek intelektual yang terkait dengan pengetahuan. <br />c) Komponen konatif, komponen konatif adalah tekait dengan kemauan dan kebiasaan bertindak. <br />Perilaku motivasi sekunder juga terpengaruh oleh adanya sikap. Sikap adalah suatu motif yang dipelajari. Ciri-ciri sikap (a) merupakan kecenderungan berfikir, mersa, kemudian bertindak, (b) memiliki daya dorong bertindak, (c) relatif bersifat tetap, (d) berkecenderungan melakukan penilaian, dan (e) dapat timbul dari pengalaman, dapat dipelajari atau berubah. <br />Perilaku juga terpengaruh oleh emosi. Emosi menunjukkan adanya sejenis kegoncangan seseorang. Emosi memiliki fungsi sebagai (a) pembangkit energi, (b) pemberi informasi pada orang lain, (c) pembawa pesan dalam berhubungan dengan orang lain, (d) sumber informasi tentang diri seseorang.</p> <p>Perilaku juga terpengaruh oleh adanya pengetahuan yang dipercaya. Pengetahuan tersebut dapat mendorong terjadinya perilaku. Perilaku juga terpengaruh oleh kebiasaan dan kemauan. Kebiasaan merupakan perilaku menetap, berlangsung otomatis. Kemauan seseorang timbul karena adanya (a) keinginan yang kuat untuk mencapai tujuan, (b) pengetahuan tentang cara memperoleh tujuan, (c) energi dan kecerdasan, (d) pengeluaran enrgi yang tepat untuk mencapai tujuan<b></b></p> <p>Penentuan jenis-jenis motivasi dapat ditentukan berdasarkan pendekatan-pendekatan yang digunakan. Ada 3 macam pendekatan yang dapat digunakan untuk menentukan jenis-jenis motivasi, antara lain:</p> <p>a. Pendekatan kebutuhan</p> <p>Kebutuhan manisia bersifat bertingkat-tiungkat. Pemuasan terhadap tingkat kebutuhan tertentu dapat dilakukan apabila tingkat kebutuhan sebelumnya telah mendapat pemuasan. Kebutuhan-kebutuhan tersebut yaitu:</p> <p>· Kebutuhan fisiologis, kebutuhan primer yang harus dipuaskan terlebih dahulu yang terdiri dari kebutuhan sandang, pangan dan papan.</p> <p>· Kebutuhan keamanan, baik keamanan batin maupun keamanan benda</p> <p>· Kebutuhan social yang terdiri dari kebutuhan perasaan untuk diterima orang lain, perasaan dihormati, kebutuhan untuk berprestasi, kebutuhan perasaan untuk berpartisipasi.</p> <p>· Kebutuhan berprestise, yaitu kebutuhan yang erat hubungannya dengan status seseorang..</p> <p>b. Pendekatan Fungsional</p> <p>pendekatan ini berdasarkan konsep-konsep motivasi, yaitu penggerak, harapan dan insentif. Penggerak adalah yang memberiakn tenaga tetapi tidak membimbing, pada diri siswa terdapat 2 sumber tenega, yaitu sumber eksternal yaitu stimulus yang diberikan oleh lingkungan, stimulus yang masuk dari luar, sampai pada korteks melalui jalur tertentu, yakni melalui mekanisme syaraf sehingga timbul tenaga penggerak. Sumber internal yaitu alur pikiran, symbol-simbol dan fantasi dari pada korteks mislnya mimpi di tengah hari.</p> <p>Harapan adalah keyakinan sementara bahwa suatu hasil akan diperoleh setelah dilakukannya suatu tindakan tertentu. Harapan-harapan menunjukkan rentang antara ketentuan sebyektif bahwa sesuatu akan terjadi, dan ketentuan objektif sesuatu tidak akan terjadi, dan ketentuan objektif sesuatu tidak akan terjadi. Salah satu harapan ialah motif berprestasi, yaitu harapan untuk memperoleh kepuasan dalam penguasaan perilaku yang menantang dan sulit.</p> <p>Insentif adalah objek tujuan yang actual. Insentif dapat diberikan dalam bentuk konkret atau simbolik.insentif menimbulkan dan menggerakkan perbuatan, jik disosialisasikan dengan stimulans tertentu dengan bentuk tanda-tanda akan mendapatkan sesuatu, misalnya guru mengharapkan siswa berupaya lebih keras dengan cara merangsng merek dengan kemungkinana mendapat hadiah dimana siswa melakukan antisipasi dan mengharapkan sesuatu.</p> <p>c. Pendekatan Deskriptif</p> <p>Jenis-jenis motivasi di tinjau dari pengertian-pengertian deskriptif yang menunjukkan kejadian-kejadian yang dapat diamati </p> <ol start="start"> <li><b>sifat motivasi</b></li> </ol> <p>Sifat motivasi belajar terdiri dari motivasi instrinsik dan ekstrinsik.</p> <p>1. Motif Intrinsik</p> <p>Motif intrinsik adalah motif yang timbul dari dalam seseorang untuk berbuat sesuatu atau sesuatu yang mendorong bertindak sebagaimana  nilai-nilai yang terkandung di dalam obyeknya itu sendiri. </p> <p>Motivasi intrinsik merupakan pendorong bagi aktivitas dalam pengajaran dan dalam pemecahan soal. Keinginan untuk menambah pengetahuan dan wawasan, keinginan untuk memahami sesuatu hal, merupakan faktor intrinsik yang ada pada semua orang .</p> <p>2. Motif Ekstrinsik</p> <p>Motif ekstrinsik adalah motif yang timbul dari luar/lingkungan. Motivasi ekstrinsik dalam belajar antara lain berupa penghargaan, pujian, hukuman, celaan atau ingin meniru tingkah laku seseorang</p> <p>Maslow dan Rogers mengakui pentingnya motivasi intrinsik dan ekstrinsik. Menurut Maslow setiap individu bermotivasi untuk mengaktualisasi diri. Ia menemukan 15 ciri orang yang mampu mengaktualisasi diri. Ciri tersebut adalah (a) berkemampuan mengamati suatu realitas secara efisien, apa adanya, dan terbatas dari subjektivitasnya, (b) dapat menerima diri sendiri, orang lain, secara sewajarnya, (c) berperilaku spontan, sederhana, dan wajar, (d) terpusat pada masalah atau tugasnya, (e) memiliki kebutuhan privasi atau kemandirian yang tinggi, (f) memiliki kebebasan dan kemandirian terhadaplingkungan dan kebudayaannya, (g) dapat menghargai dengan rasa hormat dan penuh gairah,(h) dapat mengalami pengalaman puncak, (i ) memiliki rasa keterikatan, solidaritas kemanusiaan yang tinggi, (j) dapat menjalin hubungan pribadi yang wajar, (k) memiliki watak terbuka dan bebas prasangka, (l) memiliki standar kesusilaan tinggi, (m) memiliki rasa humor terpelajar, (n) memiliki kreativitas dalam bidang kehidupan, (o) memiliki otonomi tinggi.</p> <p><b></b></p> <p><a href="http://lh6.ggpht.com/_jDYzhCAMst4/S4tGnrNcU1I/AAAAAAAAAEM/XH7KVtmGSTQ/s1600-h/clip_image001%5B4%5D.gif"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="clip_image001" border="0" alt="clip_image001" src="http://lh4.ggpht.com/_jDYzhCAMst4/S4tGoNWIQOI/AAAAAAAAAEQ/iqAVFHKttLY/clip_image001_thumb.gif?imgmax=800" width="15" height="15" /></a> <b>Prinsip Motivasi Belajar</b></p> <p>Belajar didefinisikan sebagai perubahan perilaku yang mantab serta diakibatkan oleh pengalaman. Belajar adalah suatu hal yang membedakan antara manusia dan binatang.<a name="_ftnref5_5806"></a><a href="file:///N:\motivasi\MOTIVASI%20BELAJAR%20%C2%AB%20I%20LOVE%20MY%20PROPHET%20MUHAMMAD.htm#_ftn5"></a> Ada banyak perilaku perubahan pengalaman, serta dianggap sebagai faktor-faktor penyebab dasar dalam belajar. Para ahli pendidikan dan psikolog sependapat bahwa motivasi amat penting untuk keberhasilan belajar.</p> <p>Pembahasan motivasi belajar tidak bisa terlepas dari masalah-masalah psikologi dan fisiologi, karena keduanya ada saling keterkaitan.<a name="_ftnref6_5806"></a><a href="file:///N:\motivasi\MOTIVASI%20BELAJAR%20%C2%AB%20I%20LOVE%20MY%20PROPHET%20MUHAMMAD.htm#_ftn6"></a>  Yang perlu di pahami dalam Prinsip-prinsip motivasi belajar adalah sebagai berikut:</p> <p>Ø        Memuji lebih baik daripada mencela.</p> <p>Perlu diketahui bahwa manusia cenderung akan mengulangi perbuatan yang mendapat pujian atau apresiasi dari pihak lain </p> <p>Ø        Memenuhi kebutuhan psikologi</p> <p>Ø        Motivasi intrinsik lebih efektif daripada ekstrinsik</p> <p>Ø        Keserasian antara motivasi </p> <p>Ø        Mampu manjelaskan tujuan pembelajaran</p> <p>Ø        Menumbuhkan perilaku yang lebih baik</p> <p>Ø        Mampu mempengaruhi lingkungan </p> <p>Ø        Bisa diaplikasikan dalam wujud yang nyata.<a name="_ftnref7_5806"></a><a href="file:///N:\motivasi\MOTIVASI%20BELAJAR%20%C2%AB%20I%20LOVE%20MY%20PROPHET%20MUHAMMAD.htm#_ftn7"></a></p> <p>Dalam proses pembelajaran, meningkatkan motivasi belajar melibatkan pihak-pihak sebagai berikut.</p> <p>1. Siswa</p> <p>Siswa bertanggungjawab terhadap dirinya sendiri untuk meningkatkan motivasi belajar pada dirinya agar memperoleh hasil belajar yang memuaskan.  Motivasi berupa tekad yang kuat dari dalam diri siswa untuk sukses secara akademis, akan membuat proses belajar semakin giat dan penuh semangat.</p> <p>2. Guru</p> <p>Guru bertanggungjawab memperkuat motivasi belajar siswa lewat penyajian bahan pelajaran, sanksi-sanksi dan hubungan pribadi dengan siswanya. Dalam hal ini guru dapat melakukan apa yang disebut dengan menggiatkan anak dalam belajar.<a name="_ftnref8_5806"></a><a href="file:///N:\motivasi\MOTIVASI%20BELAJAR%20%C2%AB%20I%20LOVE%20MY%20PROPHET%20MUHAMMAD.htm#_ftn8"></a> Usaha-usaha yang digunakan dalam mengiatkan  adalah :</p> <p>a. Mengemukakan pertanyaan</p> <p>b. Memberi ganjaran</p> <p>c. Memberi hadiah</p> <p>d. Memberi hukuman/sanksi</p> <p>Kreativitas serta aktivitas guru harus mampu menjadi inspirasi bagi para siswanya. Sehingga siswa akan lebih terpacu motivasinya untuk belajar, berkarya, dan berkreasi.  </p> <p>3. Orang tua atau keluarga dan lingkungan</p> <p>Tugas memotivasi belajar bukan hanya tanggungjawab guru semata, tetapi orang tua juga berkewajiban memotivasi anak untuk lebih giat belajar. Selain itu motivasi sosial dapat timbul dari orang-orang lain di sekitar siswa, seperti dari tetangga, sanak saudara, atau teman bermain.<a name="_ftnref9_5806"></a><a href="file:///N:\motivasi\MOTIVASI%20BELAJAR%20%C2%AB%20I%20LOVE%20MY%20PROPHET%20MUHAMMAD.htm#_ftn9"></a></p> <p>Fungsi keluarga adalah sebagai motivasi utama bagi peserta didik, karena memiliki intensitas yang lebih tingi untuk menanamkan motif-motif tertentu bagi proses pembelajaran anak.<a name="_ftnref10_5806"></a><a href="file:///N:\motivasi\MOTIVASI%20BELAJAR%20%C2%AB%20I%20LOVE%20MY%20PROPHET%20MUHAMMAD.htm#_ftn10"></a></p> <p>Hal paling mendasar yang digunakan sebagai motivasi dasar dalam islam adalah, pentingnya menanamkan unsur-unsur ideologi dalam proses pembelajaran, sehingga dalam proses perjalanan pembelajaran siswa tidak mengalami kegoncangan jiwa yang bisa menghambat hasil dari pendidikan itu sendiri</p> <p>problematika motivasi siswa dalam belajar</p> <p>Pemimpin adalah seorang yang mampu mempengaruhi orang lain, dengan beberapa persyaratan, antara lain, memiliki intelektualitas yang tingi, mampu melakukan hubungan sosial yang baik, kematangan emosional, fisik yang baik, imajiner dan mau berkerja keras. Akan tetapi dalam kenyataan di lembaga pendidikan  kita jarang dijumpai seorang guru yang memiliki kriteria di atas.<a name="_ftnref12_5806"></a><a href="file:///N:\motivasi\MOTIVASI%20BELAJAR%20%C2%AB%20I%20LOVE%20MY%20PROPHET%20MUHAMMAD.htm#_ftn12"></a></p> <p>Ada beberapa persyaratan yang harus dimaksimalkan dalam memecahkan problematika tersebut, karena dalam kenyataanya manusia selalu mengharapkan adanya nasehat dan petunjuk dari orang lain sebagai bentuk kebutuhan primer dari fitrah manusia itu sendiri.<a name="_ftnref13_5806"></a><a href="file:///N:\motivasi\MOTIVASI%20BELAJAR%20%C2%AB%20I%20LOVE%20MY%20PROPHET%20MUHAMMAD.htm#_ftn13"></a> Diantara problematika yang perlu di antisipasi dalam lembaga pendidikan kita adalah:</p> <p>1. kurangnya Memadukan motif-motif kuat yang sudah ada</p> <p>Misalnya motif untuk menjadi sarjana tidak dipadukan dengan motif untuk menonjolkan diri yang kebetulan ada pada diri siswa agar berhasil dalam belajar.</p> <p>2. tidak adanya kejelasan  tujuan yang hendak dicapai</p> <p>Semakin jelas tujuan belajar semakin kuat motif untuk mencapainya, setidak-tidaknya semakin efektif berbuat. Oleh karena itu sangat ideal apabila guru merumuskan dengan jelas tujuan belajar.</p> <p>3. tidak adanya rumusan tujuan sementara</p> <p>Suatu kegiatan yang mempunyai tujuan yang jauh dapat dipenggal-penggal hingga didapat tujuan sementara atau tujuan jangka pendek.</p> <p> 4. kurangnya Merangsang pencapaian kegiatan</p> <p>Semakin dekat tujuan, semakin kuat motif untuk mencapainya. “Kedekatan tujuan” dapat dilakukan dengan membuat tujuan sementara, sebab mencapai tujuan sementara menyadarkan siswa dalam usaha mencapainya.</p> <p>5. tidak adanya situasi persaingan</p> <p>Pada umumnya dalam diri setiap individu ada usaha untuk menonjolkan diri atau ingin dihargai. Kecenderungan ini dapat disalurkan dalam persaingan sehat di mana guru menciptakan suasana setiap siswa giat berusaha.</p> <p>6. kurangnya menumbuhkan Persaingan dengan diri sendiri.</p> <p> Siswa diberi tugas yang berbeda sehingga siswa itu sendiri yang akan melihat tugas mana yang paling baik hasilnya. Dengan demikian dia dapat mempergunakan upaya yang digunakan pada waktu mengerjakan pekerjaan yang paling baik hasilnya.</p> <p>7. kurang maksimalnya laporan hasil yang dicapai</p> <p>Apabila telah selesai pekerjaan siswa maka beritahukan hasilnya sehingga dia semakin giat mencapainya lagi dengan lebih baik. Inilah keuntungan yang utama bila hasil pekerjaan diberitahukan pada setiap orang.</p> <p>8. tidak adanya  contoh yang positif dari pendidik</p> <p>Guru yang mengharapkan sesuatu dari siswanya harus juga memperlihatkan yang dimintainya itu terpancang dalam diri guru. Dengan demikian siswa menilai guru tersebut bekerja baik. Hal ini menimbulkan kegairahan belajar dalam diri siswa. Lebih jelasnya, seorang guru harus mempunyai strategi pendekatan yang mampu mempengaruhi siswa dalam belajar.</p> <p><b>C. Motivasi dalam belajar</b></p> <p>Dalam perilaku belajar terdapat motivasi belajar.motivasi belajar tersebut ada yng instrinsik atau ekstrinsik. Penguat motivasi-motivasi belajar tersebut berada di tangan para pendidik/guru dan anggota masyarakat lain. Guru sebagai pendidik bertugas memperkuat motivasi belajar selama minimum 9 tahun pada usia wajib belajar. Orang tua bertugas memperkuat motivasi belajar sepanjang hayat.</p> <p>1. Unsur-unsur yang mempengaruhi motivasi belajar</p> <p>Motivasi belajar sebenarnya ada dalam diri siswa. Dalam kerangka pendidikan formal, motivasi belajar tersebut ada dalam jaringan rekayasa pedagogis guru. Dengan tindakan pembuatan persiapan mengajar, pelaksanaan belajar-mengajar, maka guru menguatkan moyivasi belajar siswa. Sebaliknya, dilihat dari segi emansipasi kemandirian siswa, motivasi belajar semakin meningkat pada tercapainya hasil belajar. Motivasi belajar merupakan segi kejiwaan yang mengalami perkembangan, artinya terpengaruh oleh kondisi fisiologis dan kematangan psikologis siswa. Unsur-unsur yang mempengaruhi motivasi belajar antara lain:</p> <p>a. Cita-cita dan aspirasi siswa</p> <p>Motivasi belajar tampak pada keinginan anak sejak kecil seperti keinginan beljar berjalan, makan makanan yang lezat, berebut permainan, dapat membaca,dll.</p> <p>Keberhasilan mencapai keinginan tersebut menumbuhkan kemauan yang giat, bahkan di kemudian hari menumbuhkan cita-cita dalam kehidupan. Timbulnya cita-cita di pengaruhi oleh perkembangan akal, moral, kemauan, bahasa, dan nilai-nilai kehidupan, selain itu juga di barengi oleh perkembangan kepribadian.</p> <p>Dari segi emansipasi kemandirian, keinginan yang terpuaskan dapat memperbesar kemauan dan semangat belajar. Dari segi pembelajaran, penguatan dengan hadiah atau juga hukuman akan dapat mengubah keinginan menjadi kemauan, dan dari kemauan menjadi cita-cita. Keinginan berlangsung sesaat atau dalam jangka waktu yang singkat, sedangkan kemauan dapat berlangsung dalam jngka waktu yang lama. Kemauan telah di sertai dengan perhitungan akal sehat. Cita-cita dapat berlangsung sepnjng hayat</p> <p>b. Kemampuan siswa </p> <p>Keinginan seorang ank perlu diikuti dengan kemampuan atau kecakapan mencpainya. Secara ringkas dapat dikatakan bahwa kemampun akan memperkuat motivasi anak untuk melaksanakan tugas-tugas perkembngan. Sebagai contoh, keinginan membaca perlu di barengi dengan kemampuan mengenal dan mengucapkan bunyi huruf-huruf.kesukran mengucapkan huruf “r” misalnya, dapat diatasi dengan latihan mengucapkan huruf “r” yang benar. Latihan berulang kali menyebabkan terbentuknya kemampuan mengucapkan huruf-huruf yang lain, maka keinginan anak untuk membaca terpenuhi.</p> <p>c. Kondisi siswa</p> <p>Kondisi siswa yang meliputi kondisi jasmani dan rohani mempengaruhi motivasi belajar. Seorang siswa yang sedang sakit, lapar atau marah-marah akan mengganggu perhatian belajar. Sebaliknya seorang siswa yang sehat, kenyang, dan gembira akan mudah memusatkan perhatian.</p> <p>d. Kondisi lingkungan siswa</p> <p>Lingkungan siswa dapat berupa keadaan alam, lingkungan tempat tinggal, pergaulan sebaya, dan kehidupan kemasyarakatan. Sebagai anggota masyarakat maka siswa dapat terpengaruh oleh lingkungan sekitar. Oleh karena itu kondisi lingkungan sekolah yang sehat, pergaulan siswa yang rukun, ketertiban perlu dipertinggi mutunya dengn lingkungan yang mn, sehat, tenterm, tertib dan indah, maka semangat dan motivasi belajar mudah diperkuat.</p> <p>e. Unsur-unsur dinmis dalam belajar dan pembelajaran</p> <p>Siswa memiliki perasaan, perhatian, kemauan, ingatan, dan pikiran yang mengalami perubahan berkat pengalaman hidup. Pengalaman dengan teman sebayanya berpengaruh pada motivasi dan perilaku belajar. Lingkungan siswa yang berupa lingkungan alam, lingkungan tempat tinggal, dan pergaulan juga mengalami perubahan. Lingkungan budaya siswa yang berupa surat kabar, majalah, radio, televisi, dan film semakin menjangkau siswa. Siswa yang masih berkembang jiwa raganya, lingkungan yang semakin bertambah baik, merupakan kondisi dinimis yang bagus bagi pembelajaran.</p> <p>f. Upaya guru dalam membeljarkan siswa</p> <p>Guru adalah seorang pendidik professional yang berkenbang.tugas profesionalnya mengharuskan ia belajar sepanjang hayat. Upaya guru membelajarkan siswa terjadi di sekolah dan diluar sekolah. Upaya pembelajaran di sekolah meliputi:</p> <p>· Menyelenggarakan tata tertib belajar di sekolah</p> <p>· Membina disiplin belajar dalam tiap kesempatan, seperti pemanfaatan waktu dan pemeliharaan fasilitas sekolah</p> <p>· Membina belajar tertib pergaulan</p> <p>· Membina belajar tertib lingkungan sekolah</p> <p>Upaya pembelajaran terhadap anak didik:</p> <p>· Pemahaman tentang diri siswa dalam rangka kewajiban tertib belajar</p> <p>· Pemanfaatan penguatan berupa hadiah, kritik, hukuman secara tepat guna</p> <p>· Mendidik cinta belajar</p> <p>Upaya pembelajaran guru di sekolah tidak terlepas dari kegiatan luar sekolah. Pusat pendidikan luar sekolah yang penting adalah keluarga, lembaga agama, dan pusat pendidikan pemuda yang lain.</p> <p>2. Upaya meningkatkan motivasi belajar</p> <p>a. Optimalisasi penerapan prinsip belajar</p> <p>Upaya pembelajaran terkait dengan beberapa prinsi belajar. Beberap prinsip belajar tersebut antara lain:</p> <p>1) Belajar menjadi bermakna jika siswa memahami tujuan belajar, oleh karena itu, guru perlu menjelskn tujuan belajar ecara hierarkis. </p> <p>2) Belajar menjadi bermakna bil siswa dihadapkan pada pemecahan masalah yang menantangnya; oleh karena itu peletakan urutan masalah yang menantang harus disusun guru dengan baik</p> <p>3) Belajar menjadi bermakna bila guru mampu memusatkan segala kemampuan mental siswa dalam program kegiatan tertentu;oleh karena itu, disamping mengajarkan bahan secara terpisah-pisah, guru sebaiknya membuat pembelajaran unit atau proyek.</p> <p>4) Sesuai dengan perkembangan jiwa siswa, maka kebutuhan bahan-bahan belajar siswa semkin bertmbah, oleh karena itu, guru perlu mengatur bahan dari yang paling sederhana sampai paling menantang. Sebaiknya, bahan tersebut diatur dalam prinsip memenuhi kebutuhan aktualisasi diri</p> <p>5) Belajar menjdi menantang bila siswa memahami prinsip penilaian dan faedah nilai beljarnya bagi kehidupan dikemudian hari, oleh karena itu, guru perlu memperhatikan criteria keberhasilan atau kegagalan belajar. </p> <p>b. Optimalisasi unsur dinamis belajar dan pembelajaran</p> <p>Guru adalah pendidik sekaligus pembimbing belajar. Guru lebih memahami keterbatasan waktu bagi siswa. Seringkali siswa lengah tentang nilai kesempatan belajar. Oleh karena itu guru dapat mengupayakan optimalisasi unsure-unsur dinamis yang ada dalam diri siswa dan yang ada di lingkungan siswa upaya optimalisasi tersebut sebagai berikut:</p> <p>1) Pemberian kesempatan pada siswa untuk mengungkap hambatan belajar yang dialaminya</p> <p>2) Memelihara minat, kemauan dan semangat belajarnya sehingga terwujud tindak belajar.</p> <p>3) Meminta kesempatan kepada orang tua siswa atau wali agar member kesempatan kepada siswa untuk beraktualissi diri dalam belajar.</p> <p>4) Memanfaatkan unsure-unsur lingkungan yang mendorong belajar, misalnya surat kabar, dan tayangan televise yang mengganggu pemusatan perhatian belajar agar dicegah</p> <p>5) Menggunakan waktu secara tertib, penguat dan suasana gembira terpusat pada perilaku belajar, pada tingkat ini guru memberlakukan upaya “belajar merupakan aktualsasi diri siswa”</p> <p>6) Guru merangsang siswa dengan penguatan memnberi rasa percaya diri bahwa ia dapat mengatasi segala hambatan dan “pasti berhasil” </p> <p>c. Optimalisasi pemanfaatan penglaman dan kemampuan siswa</p> <p>guru adalah penggerak perjalanan belajar bagi siswa.Sebagai penggerask, maka guru perlu memahami dan mencatat kesukaran-kesukaran siswa. Sebagai fasilitator belajar, maka guru diharapkan memantau tingkat kesukaran pengalaman belajar, dan segera membantu mengatasi kesukaran belajar. Bantuan mengatasi kesukaran belajar perlu diberikan sebelum siswa putus asa. Guru wajib menggunakan pengalaman belajar dan kemampuan siswa dalam mengelola siswa belajar. Upaya optimalisasi pemanfaatan pengalaman siswa tersebut dapat dilakukan sebagai berikut:</p> <p>1) Siswa ditugasi membaca bahan belajar sebelumnya; tiap membaca bahan belajar siswa mencatat hal-hal yang sukar, catatan hal-hal yang sukar tersebut kemudian diberikan kepada guru.</p> <p>2) Guru mempelajari hal-hal yang sukar bagi siswa</p> <p>3) Guru memecahkan hal-hal yang sukar dan mencari cara memecahkannya</p> <p>4) Guru mengajarkan cara memecahkan dan mendidikan keberanian mengatasi kesukaran</p> <p>5) Guru mengajak serta siswa mengalami dan mengatasi kesukaran</p> <p>6) Guru memberi kesempatan kepada siswa yang mampu memecahkan masalah untuk membantu rekan-rekannya yang mengalami kesukaran</p> <p>7) Guru memberi penguatan kepada siswa yang berhasil mengatasi kesukaran belajarnya sendiri</p> <p>8) Guru menghargai pengalaman dan kemampuan siswa agar belajar secara mandiri.</p> <p>d. Pengembangan cita-cita dan aspirasi belajar</p> <p>Guru adalah poendidik anak bangsa . ia berpeluang merekayasa dan mendidikan cita-cita bangsa. Mendidikan cita-cita belajar pada siswa merupakan upaya memberantas kebodohan masyarakat. Upaya mendidikan dan mengembangkan cita-cita belajar tersebut dapat dilakukan dengan berbagai cara.cara-cara mendidik dan mengembangkan yang dapat dilakukan antara lain:sebagai berikut:</p> <p>1) Guru menciptakan suasana belajar yang menggembirakan, seperti mengatur kelas dan sekolah yang indah dan tertib. Setiap siswa dapat merasa nyaman dan betah tinggal di sekolah.</p> <p>2) Guru mengikutsertakan semua siswa untuk memelihara fasilitas belajar</p> <p>3) Guru mengajak serta siswa untuk membuat perlombaan unjuk belajar, seperti lomba baca, lomba karya tulis ilmiah, serta lomba-lomba katrampilan lainnya</p> <p>4) Guru mengajak serta orangtua siswa untuk memperlengkap fasilitas belajar seperti buku bacaan, majalah, alat olahraga dll.</p> <p>5) Guru memberanikan siswa untuk mencatat keinginan-keinginan siswa; siswa diajak berdiskusi tentang keberhasilan atau kegagalan mencapai keinginan , selanjutnya siswa diminta merumuskan keinginan-keinginan yang baru</p> <p>6) Guru bekerjasama dengan pendidik lain seperti orangtua, ulama, masyarakat sekitar untuk mendidikkan dan mengembangkan cita-cita belajar sepanjang hayat.</p> <p><a href="http://lh5.ggpht.com/_jDYzhCAMst4/S4tGpHh9SYI/AAAAAAAAAEU/GszjxoRvTus/s1600-h/clip_image001%5B1%5D%5B2%5D.gif"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="clip_image001[1]" border="0" alt="clip_image001[1]" src="http://lh5.ggpht.com/_jDYzhCAMst4/S4tGpxSun_I/AAAAAAAAAEY/_II70VIm5Nc/clip_image001%5B1%5D_thumb.gif?imgmax=800" width="15" height="15" /></a> <strong>Meningkatkan motivasi belajar anak / siswa</strong> <br />Hasil belajar ditentukan antara lain oleh gabungan antara kemampuan dasar anak dan kesungguhan dalam belajar. <strong>Kesungguhan ditentukan oleh motivasi</strong> yang bersangkutan. Oleh karena itu sangat penting menumbuhkan motivasi belajar anak. <br />Apa yang menyebabkan anak termotivasi dalam belajar? <br />1. Anak yakin bahwa apa yang dipelajari akan bermanfaat bagi dirnya. <br />2. Anak yakin akan bisa memahami pelajaran tersebut <br />3. <strong>Situasi belajar menyenangkan</strong></p> <p>Apa yang perlu dilakukan oleh orangtua untuk meningkatkan motivasi belajar anak: <br />1. Keteladanan orang tua bisa membangkitkan motivasi belajar anak. Artinya orang tua harus menunjukkan pula bahwa diapun senang belajar, sehingga anak akan mengikutinya. <br />2. Tentukan target bersama dan berikan intensif. Sebagai contoh: bila anak masuk 5 besar, maka dia akan mendapatkan hadiah/jalan-jalan. <br />Apa yang perlu dilakukan oleh guru untuk meningkatkan motivasi belajar anak: <br />1. Memakai teknik pembelajaran yang inovatif (memakai vcd, komputer, atau wisata ke lapangan) <br />2. Guru menyampaikan tujuan belajar, sebelum mulai pelajaran. <br />3. Guru memahami bahwa motivasi menentukan keberhasilan belajar siswa <br />4. Siswa diberikan kesempatan untuk berinteraksi dan bekerjasama <br />5. Sarana dan prasarana belajar kondusif <br />Cara belajar yang dapat memotivasi anak untuk guru <br />1. Kaitkan pelajaran dengan kehidupan sehari-hari anak dan tunjukkan manfaatnya untuk masa depan mereka. <br />2. Bantu anak membuat target dalam hidupnya. Harga dirinya akan tumbuh apabila dia berhasil mencapai targetnya. <br />3. Ciptakan hubungan yang hangat dengan siswa. Contohnya: mengenal nama siwa, ramah, dll <br />4. Gunakan cara mengajar yang inovatif. Contohnya memakai alat peraga. <br />5. Berikan siswa kebebasan untuk berpendapat <br />6. Salurkan minat dan kegemaran siswa dalam berbagai kegiatan <br />7. Bentuklah kelompok-kelompok belajar.</p> <p>Cara memotivasi siswa yang enggan/males belajar <br />1. Berikan anak target jangka pendek yang sesuai dengan kemampuannya. Diharapkan anak termotivasi dan harga dirinya tumbuh karena dapat menyelesaikan tugas yang diberikan kepadanya.. <br />2. Bantu siswa menuliskan target sendiri dan bantulah agar dia dapat mencapainya. <br />3. Jangan mengkritik siswa, karena kritik akan menurunnkan rasa percaya diri dan membuat jauh hubungan antara guru dan murid. <br />4. Berikan insentif bila perlu. Sering siswa yang enggan belajar termotivasi bila diberikan hadiah <br />5. Lakukan konseling untuk mengetahui sebab malas belajarnya. <br />Pentingnya tanggapan (umpan balik) dalam meningkatkan motivasi belajar anak <br />1. Berikan segera tanggapan setelah siswa mengerjakan tugas <br />2. Berikan pujian bila siswa sukses mengerjakan tugas <br />3. Berikan jalan keluar bila siswa bingung. Jangan langsung memberi bantuan,</span> usahakan siswa mampu mengerjakan sendiri.</p>Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-23832245925826394632010-02-28T04:15:00.001-08:002010-02-28T04:38:28.811-08:00Desain Web<p>Tutorial desain web sederhana</p> <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="tgs32" border="0" alt="tgs32" src="http://lh6.ggpht.com/_jDYzhCAMst4/S4peWpklNLI/AAAAAAAAAEI/mOhYvvq-RyA/tgs32_thumb.png?imgmax=800" width="244" height="148" /></p> <p>seperti tutorial sebelumnya kita harus mendefinisikan atribut-atribut yang diperlukan berikut ini adalah source code dari style.css:</p>
<span class="fullpost">
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: 'Courier New', courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper"> <div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet"> <pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#wrapper { </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">margin: auto; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">width: 750px; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">border: 0px solid red;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#header {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">height: 80px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">border: 0px solid blue;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#templatemo_menu_panel{</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> width: 750px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> height: 80px; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> repeat: x;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> background: url(back.png);</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#templatemo_menu_section ul {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> float: right;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> width: 350px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> margin: 0;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> padding: 0 27px 0 0;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> list-style: none;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#templatemo_menu_section ul li a{</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> float: left;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> width: 50px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> font-size: 10px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> font-weight: bold;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> text-align: center;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> text-decoration: none;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> color: #00034b;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> border-right: 1px solid #5f3b11;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#searchfield{</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> border: 1px solid #ffffff;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> color: #000000;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> font-size: 13px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> font-variant: normal;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> height: 15px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> line-height: normal;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> width: 100px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#searchbutton{</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> float: right;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> cursor: pointer;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> font-size: 10px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> font-weight: bold;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> height: 20px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> margin: 0 0 0 7px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> text-align: center;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> vertical-align: bottom;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> white-space: pre;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> width: 50px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#boxImage{</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> float: left;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> margin: 10px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> width: 70px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> height: 50px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#boxText{</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> float: left;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> margin: 10px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> padding: 10px 0 0 0;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> width: 250px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> height: 50px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> font-size: 20px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> font-weight: bold;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> text-align: left;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> color: blue;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#boxButton{</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> float: right;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> padding: 30px 0 0 0;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> width: 50px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> height: 15px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#boxTF{</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> float: right;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> padding: 30px 50px 0 0;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> width: 170px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> height: 15px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#inner {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">float: left;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">height:330px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">border: 0px solid black;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#sidebar { </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">float: left; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">width: 200px; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">height: 330px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">background: #ffff78; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">border: 0px solid red;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#leftmenu ul{</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> width:200px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> list-style-type: none;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> padding: 0;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> margin: 0;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#leftmenu a:link, #leftmenu a:visited, leftmenu a:active {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> padding-left: 15px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> text-decoration: none;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#leftmenu a{</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> padding: 5px 0px 5px 15px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> display: block;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> background: #6cae15 no-repeat left center;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> margin: 0px 0px 1px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> color: #ffffff;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#leftmenu a:hover{</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> background: #5e9711 no-repeat left center;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> color: #ffffff;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#content1 { </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">float: left; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">width: 550px; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">height: 330px; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">border: 0px solid green;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">background: yellow;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#top { </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">float: left; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">width: 550px; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">height: 100px; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">border: 0px solid blue;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#content { </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">float: left; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">width: 374px; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">height: 230px; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">border: 0px solid red;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">background: #fff89d;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#right { </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">float: right; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">width: 150px; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">height: 150px; </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">font-size: 12px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">font-weight: bold;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">background: #ffff78;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">border: 0px solid orange;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#fontRight{</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">font-size: 10px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">font-weight: bold;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">#footer {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">clear: both;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">text-align: center;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">height: 50px;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">border: 0px solid blue;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">background: orange;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">}</pre>
<!--CRLF--></div>
</div>
<p></p>
<p></p>
<p></p>
<p>dan berikutnya adalah souce code dari file utamanya:</p>
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: 'Courier New', courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper">
<div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><!</span><span style="color: #800000">DOCTYPE</span> <span style="color: #ff0000">html</span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #ff0000">PUBLIC</span> <span style="color: #0000ff">"-//W3C//DTD XHTML 1.0 Transitional//EN"</span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">html</span> <span style="color: #ff0000">xmlns</span><span style="color: #0000ff">="http://www.w3.org/1999/xhtml"</span> <span style="color: #ff0000">xml:lang</span><span style="color: #0000ff">="en"</span> <span style="color: #ff0000">lang</span><span style="color: #0000ff">="en"</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">head</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">title</span><span style="color: #0000ff">></span>Desain Layout Sederhana<span style="color: #0000ff"></</span><span style="color: #800000">title</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">link</span> <span style="color: #ff0000">rel</span><span style="color: #0000ff">="stylesheet"</span> <span style="color: #ff0000">href</span><span style="color: #0000ff">="tgs32.css"</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text/css"</span> <span style="color: #0000ff">/></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">head</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"><</span><span style="color: #800000">body</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="wrapper"</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="header"</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="templatemo_menu_panel"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="boxImage"</span> <span style="color: #ff0000">align</span><span style="color: #0000ff">="right"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">img</span> <span style="color: #ff0000">src</span><span style="color: #0000ff">="um.png"</span> <span style="color: #ff0000">height</span><span style="color: #0000ff">="50"</span> <span style="color: #ff0000">width</span><span style="color: #0000ff">="50"</span><span style="color: #0000ff">/></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="templatemo_menu_section"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">ul</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">li</span><span style="color: #0000ff">><</span><span style="color: #800000">a</span> <span style="color: #ff0000">href</span><span style="color: #0000ff">="#home"</span><span style="color: #0000ff">></span>Home<span style="color: #0000ff"></</span><span style="color: #800000">a</span><span style="color: #0000ff">></</span><span style="color: #800000">li</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">li</span><span style="color: #0000ff">><</span><span style="color: #800000">a</span> <span style="color: #ff0000">href</span><span style="color: #0000ff">="#Situs_Map"</span><span style="color: #0000ff">></span>Situs Map<span style="color: #0000ff"></</span><span style="color: #800000">a</span><span style="color: #0000ff">></</span><span style="color: #800000">li</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">li</span><span style="color: #0000ff">><</span><span style="color: #800000">a</span> <span style="color: #ff0000">href</span><span style="color: #0000ff">="#RSS"</span><span style="color: #0000ff">></span>RSS<span style="color: #0000ff"></</span><span style="color: #800000">a</span><span style="color: #0000ff">></</span><span style="color: #800000">li</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">li</span><span style="color: #0000ff">><</span><span style="color: #800000">a</span> <span style="color: #ff0000">href</span><span style="color: #0000ff">="#Contact"</span><span style="color: #0000ff">></span>Contact<span style="color: #0000ff"></</span><span style="color: #800000">a</span><span style="color: #0000ff">></</span><span style="color: #800000">li</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">li</span><span style="color: #0000ff">><</span><span style="color: #800000">a</span> <span style="color: #ff0000">href</span><span style="color: #0000ff">="#About_US"</span><span style="color: #0000ff">></span>About Us<span style="color: #0000ff"></</span><span style="color: #800000">a</span><span style="color: #0000ff">></</span><span style="color: #800000">li</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">ul</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="boxText"</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> TEKNIK ELEKTRO</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="boxTF"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="q"</span> <span style="color: #ff0000">size</span><span style="color: #0000ff">="10"</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="searchfield"</span> <span style="color: #ff0000">title</span><span style="color: #0000ff">="searchfield"</span> <span style="color: #0000ff">/></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="boxButton"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">input</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="submit"</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="Search"</span> <span style="color: #ff0000">value</span><span style="color: #0000ff">="Search"</span> <span style="color: #ff0000">alt</span><span style="color: #0000ff">="Search"</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="searchbutton"</span> <span style="color: #ff0000">title</span><span style="color: #0000ff">="Search"</span> <span style="color: #0000ff">/></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="inner"</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="sidebar"</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="leftmenu"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">ul</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">li</span><span style="color: #0000ff">><</span><span style="color: #800000">a</span> <span style="color: #ff0000">href</span><span style="color: #0000ff">="#home"</span><span style="color: #0000ff">></span>Home<span style="color: #0000ff"></</span><span style="color: #800000">a</span><span style="color: #0000ff">></</span><span style="color: #800000">li</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">li</span><span style="color: #0000ff">><</span><span style="color: #800000">a</span> <span style="color: #ff0000">href</span><span style="color: #0000ff">="#News_and_Media"</span><span style="color: #0000ff">></span>News and Media<span style="color: #0000ff"></</span><span style="color: #800000">a</span><span style="color: #0000ff">></</span><span style="color: #800000">li</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">li</span><span style="color: #0000ff">><</span><span style="color: #800000">a</span> <span style="color: #ff0000">href</span><span style="color: #0000ff">="#Tutorials"</span><span style="color: #0000ff">></span>Tutorials<span style="color: #0000ff"></</span><span style="color: #800000">a</span><span style="color: #0000ff">></</span><span style="color: #800000">li</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">li</span><span style="color: #0000ff">><</span><span style="color: #800000">a</span> <span style="color: #ff0000">href</span><span style="color: #0000ff">="#Tips_and_Tricks"</span><span style="color: #0000ff">></span>Tips and Tricks<span style="color: #0000ff"></</span><span style="color: #800000">a</span><span style="color: #0000ff">></</span><span style="color: #800000">li</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">li</span><span style="color: #0000ff">><</span><span style="color: #800000">a</span> <span style="color: #ff0000">href</span><span style="color: #0000ff">="#Downloads"</span><span style="color: #0000ff">></span>Downloads<span style="color: #0000ff"></</span><span style="color: #800000">a</span><span style="color: #0000ff">></</span><span style="color: #800000">li</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">ul</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="content1"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="top"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">img</span> <span style="color: #ff0000">src</span><span style="color: #0000ff">="teknik.png"</span> <span style="color: #ff0000">height</span><span style="color: #0000ff">="100"</span> <span style="color: #ff0000">width</span><span style="color: #0000ff">="550"</span><span style="color: #0000ff">/></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="content"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">h3</span> <span style="color: #ff0000">align</span><span style="color: #0000ff">="center"</span><span style="color: #0000ff">><</span><span style="color: #800000">font</span> <span style="color: #ff0000">color</span><span style="color: #0000ff">="green"</span><span style="color: #0000ff">></span>Website Elektro<span style="color: #0000ff"></</span><span style="color: #800000">font</span><span style="color: #0000ff">></</span><span style="color: #800000">h3</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">p</span> <span style="color: #ff0000">align</span><span style="color: #0000ff">="right"</span> <span style="color: #ff0000">style</span><span style="color: #0000ff">="color:red; font-style:italic"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #008000"><!-- menggunakan path absolut --></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> "sahabat bagai bintang yg slalu menemani mlm2 qt,yg slalu berkedip s”tqt senang,n sedih.</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> cahayax slalu memberi inspiransi!,Nsmangat wlau kdng hilang,ttpi dy ttp</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> ada,,"</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">hr</span> <span style="color: #ff0000">align</span><span style="color: #0000ff">="right"</span> <span style="color: #ff0000">style</span><span style="color: #0000ff">="color:yellow"</span> <span style="color: #ff0000">width</span><span style="color: #0000ff">="130"</span> <span style="color: #0000ff">/></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">img</span> <span style="color: #ff0000">src</span><span style="color: #0000ff">="sayap.gif"</span> <span style="color: #ff0000">align</span><span style="color: #0000ff">="right"</span> <span style="color: #ff0000">border</span><span style="color: #0000ff">="3"</span> <span style="color: #ff0000">style</span><span style="color: #0000ff">="color:yellow"</span> <span style="color: #ff0000">width</span><span style="color: #0000ff">="50"</span> <span style="color: #ff0000">height</span><span style="color: #0000ff">="30"</span> <span style="color: #0000ff">/></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="right"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> EVENTS</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="fontRight"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">ul</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">li</span><span style="color: #0000ff">></span>Lomba Panjat tiang listrik<span style="color: #0000ff"></</span><span style="color: #800000">li</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">li</span><span style="color: #0000ff">></span>Lomba Tarik Kabel<span style="color: #0000ff"></</span><span style="color: #800000">li</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">li</span><span style="color: #0000ff">></span>Balap Karung 10 KM<span style="color: #0000ff"></</span><span style="color: #800000">li</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">ul</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">="footer"</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #ff0000">&copy;</span> 2010 Teknik Elektro UM Malang, Indonesia</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">body</span><span style="color: #0000ff">></span> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff"></</span><span style="color: #800000">html</span><span style="color: #0000ff">></span> </pre>
<!--CRLF--></div>
</div>
</span>
<p>Selamat mencoba!!!</p>
<p>Semoga bermanfaat… Amin…</p>Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-8012478277315968602010-02-28T03:46:00.001-08:002010-02-28T03:55:56.203-08:00Desain Layout<p><a href="http://lh4.ggpht.com/_jDYzhCAMst4/S4pXkh-XNRI/AAAAAAAAAEA/ZD_6JjTVZhA/s1600-h/tgs31.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="tgs31" border="0" alt="tgs31" src="http://lh5.ggpht.com/_jDYzhCAMst4/S4pXlbVVjkI/AAAAAAAAAEE/eXKGovHKQdM/tgs31_thumb.png?imgmax=800" width="244" height="148" /></a> </p> <p>Pada tutorial kali ini kita akan membuat desain layout web </p> <p>seperti tutorial sebelumnya kita definisikan dulu atribut-atribut yang dibutuhkan ke dalam format .css. simpan file tersebut langkah berikutnya adalah membuat index utamanya... <br />langsung saja saya berikan source codenya... silahkan dipelajari </p> <p>berikut ini atribut-atribut yang dibutuhkan:</p> <span class="fullpost"> <p>#wrapper { <br />margin: auto; <br />width: 750px; <br />border: 1px solid red; <br />} <br />#header { <br />height: 80px; <br />border: 1px solid blue; <br />} <br />#inner { <br />float: left; <br />margin: 5px 0; <br />border: 1px solid black; <br />} <br />#sidebar { <br />float: left; <br />margin-right: 20px; <br />width: 180px; <br />height: 330px; <br />border: 1px solid red; <br />} <br />#content1 { <br />float: left; <br />width: 544px; <br />height: 330px; <br />border: 1px solid green; <br />} <br />#top { <br />float: left; <br />width: 544px; <br />height: 120px; <br />border: 1px solid blue; <br />} <br />#content { <br />float: left; <br />width: 374px; <br />height: 207px; <br />border: 1px solid red; <br />} <br />#right { <br />float: right; <br />width: 150px; <br />height: 150px; <br />border: 1px solid orange; <br />} <br />#footer { <br />clear: both; <br />height: 50px; <br />border: 1px solid blue; <br />}</p> <p>selanjutnya adalah kode utama untuk membuat desain layout:</p> <p><!DOCTYPE html <br />PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <br />"<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</a>> <br /><html xmlns="<a href="http://www.w3.org/1999/xhtml"">http://www.w3.org/1999/xhtml"</a> xml:lang="en" lang="en"> </p> <p><head> <br />    <title>Desain Layout Sederhana</title> <br />    <link rel="stylesheet" href="tgs31.css" type="text/css" /> <br /></head> </p> <p><body> </p> <p>    <div id="wrapper"> <br />       <div id="header"> <br />        Header <br />      </div> </p> <p>          <div id="inner"> <br />        <div id="sidebar"> <br />        Sidebar <br />        </div> <br />        <div id="content1"> <br />        <div id="top"> <br />            Top <br />        </div> <br />        <div id="content"> <br />            Content <br />        </div> <br />        <div id="right"> <br />            Right <br />        </div> <br />        </div> <br />      </div> <br />      <div id="footer"> <br />        Footer <br />      </div> <br />    </div> <br /></body> </p> <p></html></p> </span> <p>Semoga bermanfaat... <br />Amin.... </p> Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-89578244713354383372010-02-28T01:03:00.000-08:002010-02-28T02:19:51.568-08:00Membuat Header SederhanaTahukah anda gimana cara membuat header sederhana?
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGd86GdTT_841pLASj4gj7o7s-w8KUPDKa9fypOVy8Cw1pDaKcdtzxc7KinUGQh8Myv5bISF1t6g2dsq09jrp4CpTRtsfDvjSvBj9WYRgwe3Ech08eokuJ96vJblUzbj3_v11jNw8tt7Up/s1600-h/jajal.bmp"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 193px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGd86GdTT_841pLASj4gj7o7s-w8KUPDKa9fypOVy8Cw1pDaKcdtzxc7KinUGQh8Myv5bISF1t6g2dsq09jrp4CpTRtsfDvjSvBj9WYRgwe3Ech08eokuJ96vJblUzbj3_v11jNw8tt7Up/s320/jajal.bmp" border="0" alt=""id="BLOGGER_PHOTO_ID_5443229235344236626" /></a> Mari kita belajar bersama cara membuat header sederhana dengan memanfaatkan division.
Pendekatan yang efektif untuk memformat elemen-elemen HTML termasuk juga division adalah dengan menggunakan CSS.
langkah pertama dalam membuat header adalah mendefinisikan atribut-atribut yang akan dipakai dan disimpan dengan format .css... nantinya file ini akan dipanggil untuk mengambil atribut-atribut yang telah dibuat.
Berikut ini adalah contoh pembuatan atribut :
<span class="fullpost">
<textarea style="width: 500px; height: 200px;" center="">#templatemo_menu_panel{ width: 1260px; height: 70px; repeat: x; background: url(back.png)} #templatemo_menu_section ul { float: right; width: 400px; margin: 0; padding: 0 50px 0 0; list-style: none; } #templatemo_menu_section ul li a{ float: left; width: 70px; padding: 0px 0; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; color: #00034b; border-right: 1px solid #5f3b11; } #searchfield{ border: 1px solid #ffffff; color: #000000; font-size: 13px; font-variant: normal; height: 15px; line-height: normal; width: 150px; } #searchbutton{ float: right; cursor: pointer; font-size: 12px; font-weight: bold; height: 20px; margin: 0 0 0 7px; text-align: center; vertical-align: bottom; white-space: pre; width: 66px; } #boxImage{ float: left; padding: 10px; width: 200px; height: 70px; } #boxText{ float: left; padding: 10px 0 0 0px; width: 400px; height: 0px; font-size: 30px; font-weight: bold; text-align: left; color: blue; } #boxButton{ float: right; padding: 20px 0 0 0; width: 70px; height: 35px; } #boxTF{ float: right; padding: 20px 85px 0 0; width: 170px; height: 35px;}</textarea>
langkah berikutnya adalah membuat file utama dengan format .html. Berikut ini adalah source code yang digunakan dalam membuat header sederhana:
<textarea style="width: 500px; height: 200px;" center=""><!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Header</title> <link href="elektro.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="templatemo_menu_panel"> <div id="boxImage" align="right"> <img src="um.png" height="50" width="50"/> </div> <div id="templatemo_menu_section"> <ul> <li><a href="#home">Home</a></li> <li><a href="#Situs_Map">Situs Map</a></li> <li><a href="#RSS">RSS</a></li> <li><a href="#Contact">Contact</a></li> <li><a href="#About_US">About Us</a></li> </ul> </div> <div id="boxText"> TEKNIK ELEKTRO </div> <div id="boxTF"> <input type="text" name="q" size="10" id="searchfield" title="searchfield" /> </div> <div id="boxButton"> <input type="submit" name="Search" value="Search" alt="Search" id="searchbutton" title="Search" /> </div> </div> </body> </html></textarea>
Sekian tutorial singkat membuat header sederhana semoga bermanfaat...
</span>Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-11373234581615791522010-02-11T15:25:00.000-08:002010-02-28T02:37:59.383-08:00Pengenalan Pemrograman Web<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZgU-zHnbfcjExgJ2CIhyEGNsxWASg5clRQeZXSOsYrNzSoO-p9rmUf2AeCSMjAV5JGZLo67C1LDd2WJuZFsrb_3LExInzUWhxTm0-d2iOoZ3pMnIK6_9DPjNL5dPhE9l1Q41EVzgeRa-G/s1600-h/tgs1.bmp"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZgU-zHnbfcjExgJ2CIhyEGNsxWASg5clRQeZXSOsYrNzSoO-p9rmUf2AeCSMjAV5JGZLo67C1LDd2WJuZFsrb_3LExInzUWhxTm0-d2iOoZ3pMnIK6_9DPjNL5dPhE9l1Q41EVzgeRa-G/s320/tgs1.bmp" border="0" alt=""id="BLOGGER_PHOTO_ID_5437132156758527106" /></a>
Source Code
<span class="fullpost">
<textarea style="width: 500px; height: 200px;" center=""><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <!-- ini baris komentar, tidak diproses --> <title> Bekerja Dengan Gambar </title> </head> <body background="bg.bmp"> <h1 align="center"><font color="green">Sonny Website</font></h1> <!-- menggunakan path relative --> <hr style="color:red" /> <p style="font-weight:bold"> dari hati yang sebening vodka <br /> dengan hembusan nafas seharum ganja <br /> dengan jiwa seputih sabhu <br /> ku mohonkan maaf dari khilaf yang tak terjaga <br /> Selamat Hari Raya Idul Fitri <hr style="color:orange" /> <p align="right" style="color:red; font-weight:bold; font-style:italic"> <!-- menggunakan path absolut --> "sahabat bagai bintang yg slalu menemani mlm2 qt,yg slalu berkedip s”tqt senang,n sedih. <br /> cahayax slalu memberi inspiransi!,Nsmangat wlau kdng hilang,ttpi dy ttp <br /> ada,," <br /> <br />
<hr align="right" style="color:yellow" width="130" /> <img src="sayap.gif" align="right" border="6" style="color:yellow" /> </body> </html> </textarea>
</span>Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0tag:blogger.com,1999:blog-3667641023559666488.post-76089802935596751752010-01-28T06:49:00.001-08:002010-01-28T06:49:57.575-08:00reBlog from striyo: GORESAN TINTA EMAS<p>I found this fascinating quote today:</p>
<blockquote class="zemanta-reblog-quote" style="margin: 1em 3em;">
<p>Aku akhiri tulisan ini dengan mengucapkan bahwa segala puji hanya milik Alloh, Tuhan yang memelihara alam semesta.<span class="attribution zemanta-reblog-cite" style="text-align: right; display: block; width: 100%; padding-top: 1em; padding-right: 0; padding-bottom: 1em; padding-left: 0;">striyo, <a href="http://striyo.blogspot.com/2009/05/tulisan.html">GORESAN TINTA EMAS</a>, May 2009</span></p>
</blockquote>
<p>You should read the whole article.</p>Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com1tag:blogger.com,1999:blog-3667641023559666488.post-58033637329985704322009-05-12T05:23:00.000-07:002010-01-28T05:36:43.483-08:00TulisanAku awali tulisan ini dengan menyebut nama Alloh, Yang Maha Pengasih, dan Maha Penyayang. Di atas kebingungan aku menulis, karena tak tahu apa yang ditulis olehku ini bermanfaat atau tidak. Namun, aku tidak berkecil hati, aku akan tetap menulis mengikuti aliran pikiranku. Menulis bagiku adalah hal yang menyenangkan, sehingga aku suka corat-coret, entah itu puisi, hal yang terjadi pada diriku, dan hal yang menarik bagiku. Aku mencurahkan sebagian hidupku untuk menulis.
<span class="fullpost">
Deraian air mata membasahi hati yang penuh dosa, mengharapkan pengampunan, melangkahkan rasa penyesalan yang mendalam, terkadang pula dangkal, aku tak menyangkal hidupku dipenuhi dosa. Aku mencoba dan terus mencoba mencari jawaban atas pertanyaan yang hinggap di pikiranku, bertengger dihatiku, aku mencurahkan di atas secarik kertas, yang diharapkan berguna bagi siapa saja yang menemukannya pada suatu hari. Aku menulis mengikuti jalan pikiranku, mengikuti kejadian-kejadian yang menimpaku dan orang lain, aku mencoba mencari makna dari ini semua, akankah tercapai keinginanku ini? Aku tak dapat memastikan tentang kehidupan diriku sendiri. Di satu sisi aku dikuasai oleh Yang Maha Pencipta, dan di sisi lain aku diberi kebebasan untuk memilih jalanku sendiri. Walaupun jalan itu sudah jelas ada, aku dihadapkan kepada dua pilihan, terkadang banyak. Setiap pilihan yang aku jalankan pastilah akan dipertanggungjawabkan, mau tidak mau. Alangkah gembiranya bila ternyata pilihan yang aku jalankan merupakan yang terbaik. Sebaliknya aku akan sedih dan menyesal jikalau pilihanku ternyata malah mencelakakanku.
Aku sering melakukan hal yang sia-sia, yang membuat menyesal dan menyesal. Aku banyak menyia-nyiakan waktu yang terbatas, kesempatan yang berlalu begitu saja aku biarkan, namun aku tak mau menyerah dan jatuh begitu saja. Keseimbangan harus kupertahankan sekuat-kuatnya.
Sesal
rasa sesal mengganjal
hati yang dihinggapi keraguan
yang tak dapat menahan keseimbangan
sesal menghantui jiwa yang penuh kesalahan
dosa membumbung tingi
lautan kebingungan yang luas
sesal
apa yang kudapatkan dari rasa kesal?
hanya kelelahan yang menimpa
keringat mengalir
peluh bersimbah
sesal,
aku tak mau menyesal yang berulang
aku akan berusaha sekuat mungkin
dari penyesalan
akan kucoba memetik hikmah
mencari makna
dari peristiwa yang telah terjadi.
Aku yakin Alloh Maha Pengampun, walaupun dosa menggunung tinggi. Alloh Maha mengetahui siapa saja yang bersungguh- sungguh mengakui dosa dan tidak akan mengulanginya kembali. Alloh tetap Maha Penyayang walapun makhluk yang diciptakannya mengingkari dan mengkhianati-Nya, disamping itu Alloh Maha Pembalas.
Permohonan
Ya Alloh ! Yang Maha Pengampun,
begiu banyak dosa yang telah kulakukan
sering kali aku melupakan-Mu
perintah-Mu kulalaikan
larangan-Mu kulakukan
aku memohon ampun kepada-Mu, ya Alloh!
karena hanya Engkaulah yang dapat mengampuniku
Ya Alloh! Yang Maha Penyayang,
aku memohan pada-Mu
bukakan pintu hatiku agar selalu mengingat-Mu
dimana saja dan kapan saja
Ya Alloh! Yang Maha Pembalas,
aku tak mungkin mampu menahan siksa-Mu
dan aku tak pantas mendapat nikmat terbesar-Mu
dalam hal ini aku hanya dapat pasrah dan menyerahkan kepada-Mu
sungguh, aku malu pada-Mu
sesungguhnya hanya kepada-Mu-lah aku beribadah
dan hanya pada-Mu jua aku memohon.
Salah satu penyesalanku adalah ketika mengecewakan kasih sayang yang tak pernah berakhir, membuat marah mereka, membuat mereka susah. Aku tak tahu apa yang harus kulakukan untuk menebus kesalahan yang telah kulakukan pada mereka.
Kasih sayang yang tak pernah berakhir
sembilan bulan aku dibawa-bawa olehnya
didalam perut tempatku selama itu
tak megenal lelah
tak tahu capek
dia bersabar
mengharapkan buah hati yang manis
dan tahu diri
mengadu nasib dialam
panas tak dirasakan, dingin tak dihiraukan
dengan penuh pengharapan mengayunkan cangkul
memporakporandakan tanah dan meratakannya
ditaburkan benih kehidupan
untuk membiayaiku
oh Ibu, maafkan anakmu yang tak tahu diri ini
yang tak mampu merasakan rasa sakitmu waktu melahirkan
aku sadar, jauh sekali aku membahagiakanmu
oh Ayah, maafkan anakmu yang tak tahu berbalas budi ini
yang tak bisa merasakan kelelahan ketika engkau berjuang
aku sadar, jauh sekali aku berbakti padamu
oh kasih sayang yang tak pernah berakhir,
doakan anakmu ini agar dapat membahagiakan dan berbakti dengan baik
kepada Ibu dan Ayah
setidaknya dapat selalu mendoakan Ayah dan Ibu.
Tak seharusnya aku menuliskan apa yang ada di hatiku, namun ini telah terjadi. Aku berharap suatu saat nanti ada yang membaca dan dapat memetik setetes hikmah dari tulisan ini.
Tulisan ini adalah buah pikiranku dari apa yang terjadi sebagian hidupku. Aku mengikuti arah pikiranku saat ini, menuliskannya, dan menikmatinya. Siapa mengira orang yang membaca tulisan ini mampu memetik hikmah yang mendalam,yang tidak dapat digali oleh penulis sendiri. Tentunya itu yang diharapkan oleh penulis.
Setetes hikmah
Hikmah adalah karunia dari Alloh
bagi siapa saja yang mau mensyukuri
apa yang telah Alloh berikan berupa pikiran
karena sesuatu yang terjadi tidaklah ada yang sia-sia
Hikmah adalah setetes ilmu
dari lautan ilmu Alloh Yang Maha Luas
diberikan kepada orang yang bersungguh-sungguh
menggali apa yang terjadi dialam ini
tidak melewati batas yang ditentukan-Nya
Akhir
Kuharapkan akhir yang terbaik
yang mengantarkan kepada kebahagiaan
entah kapan dan dimana?
akhir yang terbaik.
Aku akhiri tulisan ini dengan mengucapkan bahwa segala puji hanya milik Alloh, Tuhan yang memelihara alam semesta.
</span>Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com1tag:blogger.com,1999:blog-3667641023559666488.post-6092533905303997472009-01-29T06:29:00.000-08:002010-03-02T11:22:18.965-08:00NewsPOLISI BEBAS MENGAKSES KOMPUTER SIAPA SAJA
<div style="text-align: justify;"> <meta equiv="CONTENT-TYPE" content="text/html; charset=utf-8"><title></title><meta name="GENERATOR" content="OpenOffice.org 2.2 (Linux)"><meta name="CREATED" content="20090129;19243200"><meta name="CHANGED" content="20090129;20250400"> <style type="text/css"> <!-- @page { size: 21.59cm 27.94cm; margin: 2cm } P { margin-bottom: 0.21cm } --> </style> </div><p style="margin-bottom: 0cm; text-align: justify;">Konsul Uni Eropa baru-baru ini memberikan persetujua<span lang="fi-FI">n ke pihak kepolisian untuk melakukan </span><span lang="fi-FI"><i>remote searhing</i></span><span lang="fi-FI">. Melalui aksi ini, polisi diberikan kebebasan untuk mengakses komputer tersangka kejahatan secara remote.</span></p><div style="text-align: justify;"> </div><p style="margin-bottom: 0cm; text-align: justify;" lang="fi-FI">Hal ini tentu saja mengkhawatirkan bagi publik dan para ahli keamanan. Karena menurut mereka ini adalah salah satu cara baru bagi pemerintah untuk mengendalikan pengguna komputer. Dan itu dimulai dari kemampuan mengakses komputer masyarakat tanpa sepengetahuan penggunanya, dan tanpa surat izin penggeledahan.</p><div style="text-align: justify;"> </div><p style="margin-bottom: 0cm; text-align: justify;"><span lang="fi-FI">Aksi ini mungkin diambil setelah melihat perubahan metode yang dilakukan oleh pelaku kejahatan. Dulu, pelaku kejahatan memanfaatkan jaringan telpon tradisional. </span><span lang="sv-SE">Tapi semenjak telpon mudah disadap, pelaku kriminal mulai beralih ke jaringan internet. Dimana di internet ia bisa melakukan secara anonim melalui E-mail, pesan instan, dan aktivitas ber-internet lainnya.</span></p><div style="text-align: justify;"> </div><p style="margin-bottom: 0cm; text-align: justify;"><span lang="sv-SE"><b>Sumber </b></span><span lang="sv-SE">: </span><span lang="sv-SE"><span style="text-decoration: none;">dailytech.com</span></span></p><div style="text-align: justify;"> <meta equiv="CONTENT-TYPE" content="text/html; charset=utf-8"><title></title><meta name="GENERATOR" content="OpenOffice.org 2.2 (Linux)"><meta name="CREATED" content="20090129;19243200"><meta name="CHANGED" content="20090129;20250400"> <style type="text/css"> <!-- @page { size: 21.59cm 27.94cm; margin: 2cm } P { margin-bottom: 0.21cm } --> </style> </div>
Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com1tag:blogger.com,1999:blog-3667641023559666488.post-66523551471070304292009-01-29T06:19:00.000-08:002010-01-26T17:51:27.888-08:00DID YOU KNOW?<div style="text-align: justify;"> <meta equiv="CONTENT-TYPE" content="text/html; charset=utf-8"><title></title><meta name="GENERATOR" content="OpenOffice.org 2.2 (Linux)"><meta name="CREATED" content="20090129;19243200"><meta name="CHANGED" content="20090129;19545400"> <style type="text/css"> <!-- @page { size: 21.59cm 27.94cm; margin: 2cm } P { margin-bottom: 0.21cm } --> </style> </div><p style="margin-bottom: 0cm; text-align: justify;">Hasil penelitian fisikawan dari Universitas Havard, Alex Wisner-Gross, menyimpulkan setiap kali mesin pencarian Google bekerja, rata-rata menghasilkan 7 gram <i>karbon dioksida</i>. Emisi karbon ini dihitung dari konsumsi listrik yang dibutuhkan computer pengguna hingga energi yang dihabiskan <i>data center</i> Google.</p><div style="text-align: justify;"> </div><p style="margin-bottom: 0cm; text-align: justify;">
</p><div style="text-align: justify;"> </div><p style="margin-bottom: 0cm; text-align: justify;">150 juta rang diseluruh ddunia kini aktif menggunaka Facebook. Analoginya, bila Facebook sebuah Negara, maka ia menjadi negara berpenduduk terbanyak diurutan kedelapan. Hal ini disampaikan langsung oleh sang pendiri Facebook, Mark Zuckerberg, melalui blog-nya. <span style="text-decoration: none;">(blog.facebook.com)</span></p><div style="text-align: justify;"> </div><p style="margin-bottom: 0cm; text-align: justify;">
</p><div style="text-align: justify;"> <meta equiv="CONTENT-TYPE" content="text/html; charset=utf-8"><title></title><meta name="GENERATOR" content="OpenOffice.org 2.2 (Linux)"><meta name="CREATED" content="20090129;19243200"><meta name="CHANGED" content="20090129;19545400"> <style type="text/css"> <!-- @page { size: 21.59cm 27.94cm; margin: 2cm } P { margin-bottom: 0.21cm } --> </style> </div>
Sonny Triyo Wuriantohttp://www.blogger.com/profile/15910661029342008935noreply@blogger.com0