Para Pencari Ilmu Tuts

Cara Ampuh Atasi Gagal Booting Windows 7

<div class="separator" style="clear: both; text-align: center;">
<a href="http://ppi-tuts.blogspot.com/2016/07/cara-ampuh-atasi-gagal-booting-windows-7.html" target="_blank"><img alt="Cara Ampuh Atasi Gagal Booting Windows 7" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwHJL7qXPpblGs1ZweoKw7Q1mIJqz3eJKEElRXdJciP8uGljXD7WDLUxU2wbwj70qv8QxqG2_9fGI7LZrWIW1nHS85xAJ0HbN78hfKHFItPZTdeCjXYm8boIAzyw3_Xe_rV7MWg21xMXM/s320/windows77777777777.jpg" title="Cara Ampuh Atasi Gagal Booting Windows 7" width="320" /></a></div>
<br />
Assalamualaikum Wr. Wb.<br />
<br />
<div style="text-align: justify;">
<b>Cara Ampuh Atasi Gagal Booting Windows 7</b> | Kesal memang jika terkadang kita ingin main laptop atau mengerjakan pekerjaan tetapi Windows tidak mau booting atau masuk ke sistem, jadi kali ini saya akan berbagi salah satu cara untuk mengatasinya, cara ini sudah berkali-kali admin praktikkan sendiri dan hasilnya work 100%.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pertama siapkan DVD Windows dan Laptop atau Komputer anda pastinya, lalu Restart Komputer atau Laptop anda dan:</div>
<div style="text-align: justify;">
</div>
<ul>
<li>Booting dengan DVD Windows anda (masuk ke instalasi)</li>
<li>Lalu pilih <b><i>Repair your Computer</i></b>, setelah anda memasukan pilihan bahasa dan input </li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnCEd5BpF3d2jXB5EmTKsC4xJQ9a-nZoa9Y_eApeoeh5MgF8wDEskITqGj5lkSb9njqKxSSgHR_r7eqGLm5vwedWq3AnIrsnOacjGgoJZs0P7SWLz7YNTETIprMuUf3tEjSqhyphenhyphenKOW-SGc/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Ampuh Atasi Gagal Booting Windows 7" border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnCEd5BpF3d2jXB5EmTKsC4xJQ9a-nZoa9Y_eApeoeh5MgF8wDEskITqGj5lkSb9njqKxSSgHR_r7eqGLm5vwedWq3AnIrsnOacjGgoJZs0P7SWLz7YNTETIprMuUf3tEjSqhyphenhyphenKOW-SGc/s400/3.jpg" title="Cara Ampuh Atasi Gagal Booting Windows 7" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB8I-boi7JnTakXZMQvko8bez7HS-2WZnAgzvC0C-iIJmk0b2jzQ-UjyC97mWOaNFXy6cZeu24Xj-8LaNkpO5WPUZDBz-EGuRS-IX8dz6-x2-HpEwaLqTG0DRbAEHiH0fdM074_XFGWyw/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Ampuh Atasi Gagal Booting Windows 7" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB8I-boi7JnTakXZMQvko8bez7HS-2WZnAgzvC0C-iIJmk0b2jzQ-UjyC97mWOaNFXy6cZeu24Xj-8LaNkpO5WPUZDBz-EGuRS-IX8dz6-x2-HpEwaLqTG0DRbAEHiH0fdM074_XFGWyw/s1600/2.jpg" title="Cara Ampuh Atasi Gagal Booting Windows 7" /></a></div>
<div>
<ul>
<li>Maka akan tampil window seperti di bawah ini</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha8dWX9rcmxtLF8KT5ufGtjd26J0cCl1qt7xH80V8UGZ9JzCFbDKZKoZe5bCPSVXBW1GSUNct6Sty3zQhpRN80O1gDLEMPg5t-n55TTa7VtyzukZyzPZ-Sau7IGQKaHM9tyvzUxNXKsdA/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Ampuh Atasi Gagal Booting Windows 7" border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha8dWX9rcmxtLF8KT5ufGtjd26J0cCl1qt7xH80V8UGZ9JzCFbDKZKoZe5bCPSVXBW1GSUNct6Sty3zQhpRN80O1gDLEMPg5t-n55TTa7VtyzukZyzPZ-Sau7IGQKaHM9tyvzUxNXKsdA/s400/1.jpg" title="Cara Ampuh Atasi Gagal Booting Windows 7" width="400" /></a></div>
</div>
<div>
<ul>
<li>Selanjutnya pilih "<i><u>Command Prompt</u></i>"</li>
<li>Lalu ketikkan perintah ini: <b><i>bootsect.exe /nt60 c:</i></b></li>
<li>Jika sudah tekan enter dan restart komputer anda.</li>
<li>Tetapi jika masih gagal, lakukan hal yang sama dengan menginputkan salah satu perintah di bawah ini:</li>
<li><b><i>bootsect.exe /nt60 all</i></b></li>
<li><b><i>bootrec.exe/fixmbr</i></b></li>
<li><b><i>bootrec.exe/fixboot</i></b></li>
</ul>
</div>
<div style="text-align: justify;">
Itulah <i>Cara Ampuh Atasi Gagal Booting Windows 7</i>, jika cara itu masih gagal, anda harus menyerah dengan menginstall ulang komputer atau laptop anda.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sekian tutorial kali ini, semoga bermanfaat, jika ada kesalahan mohon di maafkan, jika berguna mohon di share ke Social Media.</div>
<div style="text-align: justify;">
<br /></div>
Terima Kasih.<br />
<br />
Wassalamualaikum Wr. Wb.<br />
<br />
<div style="text-align: right;">
<span style="font-size: x-small;">Sumber gambar: google.com/images</span></div>

Cara Ampuh Atasi Gagal Booting Windows 7

Assalamualaikum Wr. Wb. Cara Ampuh Atasi Gagal Booting Windows 7 | Kesal memang jika terkadang kita ingin main laptop atau mengerjakan pekerjaan tetapi Windows tidak mau booting atau masuk ke sistem,…

Baca selengkapnya »

01 Jul 2016

Download Aplikasi Text Editor Terbaru

Assalamualaikum Wr. Wb.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://ppi-tuts.blogspot.com/2016/06/download--text-editor-terbaru-2016.html" target="_blank"><img alt="Download Aplikasi Text Editor Terbaru" border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1AZA0jK2S_eeUASLCMhFlYhABm3pxHRnECQd25tbXEvMULp2bpxQazcy4S_M58W4PpF9Q706hncuVqLWO6mZHEq6JCmYFuS1kAkEDW9KChJ9T1wGSUP75hPNmRsx0AzI1zpfeCPJPm8/s400/ppiii.jpg" title="Download Aplikasi Text Editor Terbaru" width="400" /></a></div>
<br />
<div style="text-align: justify;">
<b>Download Aplikasi Text Editor Terbaru</b> | Bagi teman teman yang suka membaca <i>Tutorial </i>di blog ini pasti sering membaca "...Copy script di bawah ke <u><i>text editor</i></u>" nah, kali ini saya akan berbagi <i><a href="http://ppi-tuts.blogspot.com/search/label/Software" target="_blank">software </a></i>gratis yang biasa saya dan jutaan programmer lainnya gunakan untuk menulis script.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Oke langsung saja kita mulai.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">1. Notepad++</span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHQULLkO_9_CltVjIcwlMsvvPrAMXHKzoD5LqyQtw2xjh8yEC4T0VXKE16DNNctuPeFhMNqSy1lwe5bW0OAxT2QKle0VWLblV3H49BPALnkm-3av5sOcKrHhPtjL-yT6_O5t33MNcuN98/s1600/Screenshot_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Download Aplikasi Text Editor Terbaru" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHQULLkO_9_CltVjIcwlMsvvPrAMXHKzoD5LqyQtw2xjh8yEC4T0VXKE16DNNctuPeFhMNqSy1lwe5bW0OAxT2QKle0VWLblV3H49BPALnkm-3av5sOcKrHhPtjL-yT6_O5t33MNcuN98/s400/Screenshot_3.png" title="Download Aplikasi Text Editor Terbaru" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Aplikasi ini adalah sebuah text editor yang cocok digunakan untuk menulis banyak bahasa pemrograman seperti, <a href="http://ppi-tuts.blogspot.com/search/label/HTML" target="_blank"><i>HTML</i></a>, <i><a href="http://ppi-tuts.blogspot.com/search/label/CSS" target="_blank">CSS</a></i>, <i><a href="http://ppi-tuts.blogspot.com/search/label/PHP" target="_blank">PHP</a> </i>dan lain lain. Tampilannya cukup sederhana dan mudah di gunakan untuk pemula.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<a href="http://sh.st/D4PdG" rel="nofollow" target="_blank">DOWNLOAD</a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">2. Brackets</span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidKyvySQhsmnjyR4-Px-a5iyQWMESNmGbcWBx-HXAScj1do_9byk2pEamylZNAS3loFkKsmFaAMWB5cVPtqSLxXzzIIhBkkDtTcM3MYrJ6smcsm6zleTIiodjvQWcsmlPLcOgf0MFiS8o/s1600/Screenshot_4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Download Aplikasi Text Editor Terbaru" border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidKyvySQhsmnjyR4-Px-a5iyQWMESNmGbcWBx-HXAScj1do_9byk2pEamylZNAS3loFkKsmFaAMWB5cVPtqSLxXzzIIhBkkDtTcM3MYrJ6smcsm6zleTIiodjvQWcsmlPLcOgf0MFiS8o/s400/Screenshot_4.png" title="Download Aplikasi Text Editor Terbaru" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Hampir sama dengan notepad++, aplikasi ini mempunyai antar muka pengguna yang cukup menarik, selain itu juga sangat mudah di gunakan untuk menulis Bahasa Pemrograman.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<a href="http://sh.st/D4PdP" rel="nofollow" target="_blank">DOWNLOAD</a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">3. Atom</span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisS0_gomOf9U4-_ym5W4OJYJJb3VWHm4eO80Cm6pPw47BxwYopUs7NbZ5l2VuDuxhIVXIkA8XHn286RhxuU11l7V9ZfPKGSK4FyaGtruOMaOuZloFIhaws_m5GSPVO8rPoDHmNlu8tDUw/s1600/Screenshot_5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Download Aplikasi Text Editor Terbaru" border="0" height="268" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisS0_gomOf9U4-_ym5W4OJYJJb3VWHm4eO80Cm6pPw47BxwYopUs7NbZ5l2VuDuxhIVXIkA8XHn286RhxuU11l7V9ZfPKGSK4FyaGtruOMaOuZloFIhaws_m5GSPVO8rPoDHmNlu8tDUw/s400/Screenshot_5.png" title="Download Aplikasi Text Editor Terbaru" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Yang terakhir ada Atom, aplikasi ini mirip dengan Brackets, tetapi mempunyai antar muka pengguna yang lebih futuristik dan menarik, selain itu aplikasi ini mempunyai fitur Smart Autocompletion yang mempermudah ketika kita salah menulis bahasa pemrograman.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<a href="http://sh.st/D4PdT" rel="nofollow" target="_blank">DOWNLOAD</a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Nah, itulah beberapa software editing gratis yang bisa teman teman gunakan untuk coding dirumah atau mempraktikkan tutorial dari blog kami.<br />
<br />
<div style="text-align: center;">
<span style="font-size: large;"><b><a href="http://sh.st/D80cz" rel="nofollow" target="_blank">Download All In One</a></b></span></div>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Semoga bermanfaat, jangan lupa follow dan subscribe blog kami, follow semua Social Media <i>Facebook </i>dan <i>Twitter</i>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Terima Kasih.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Wassalamualaikum Wr. Wb.</div>

Download Aplikasi Text Editor Terbaru

Assalamualaikum Wr. Wb. Download Aplikasi Text Editor Terbaru | Bagi teman teman yang suka membaca Tutorial di blog ini pasti sering membaca "...Copy script di bawah ke text editor" nah, kali ini saya…

Baca selengkapnya »

26 Jun 2016

HTML Dasar: Bermain dengan Table

<div style="text-align: justify;">
Assalamualaikum Wr. Wb.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://ppi-tuts.blogspot.com/2016/06/html-dasar-table.html" target="_blank"><img alt="HTML Dasar: Bermain dengan Table" border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmgYJDpALxKUP_88fsfYpND_vqBwed4SLJNX0PtPTlNsKIU71EbitaYuF7iYPUjuexRH4FeCax07EiAe20xZgdaxE44yrJkO_pKnXDYJZhVFQ6nrkfBQUZ2cpDmgHtfyqMiJSWTNGY5yc/s320/g.png" title="HTML Dasar: Bermain dengan Table" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>HTML Dasar: Bermain dengan Table</b> | Pada kesempatan ini saya akan membahas tentang table dalam <a href="http://ppi-tuts.blogspot.com/search/label/HTML" target="_blank">HTML</a>, Fungsi tabel ini sangat banyak dan di butuhkan dalam <i><a href="http://ppi-tuts.blogspot.com/search/label/Web%20Design" target="_blank">Web</a></i>, biasanya fungsi table dalam HTML di gunakan untuk membuat sebuah tabel, layouting, design form, dan lain sebagainya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Oke, langsung saja kita mulai dengan tag awal yang di gunakan dalam table adalah tag <table>..</table>, tag ini adalah sebuah tag pembuka untuk mengidentifikasi sebuah table dalam file HTML, selanjutnya yaitu untuk membuat sebuah row atau baris dengan tag <tr>..</tr>, di dalam sebuah tag row, barulah ada tag <td>...</td> yang mengidentifikasikan sebuah coloumn atau kolom yang menyamping ke kanan, dan ada juga tag <th>..</th> yang digunakan untuk membuat sebuah table heading.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Langsung saja kita praktikkan...</div>
<div style="text-align: justify;">
<br /></div>
<pre class="brush: html"><table border="1" style="width:50%">
  <tr>
    <td><b>No</b></td>
    <td><b>Heading</b></td> 
    <td><b>Heading Lagi</b></td>
  </tr>
  <tr>
    <td>1</td>
    <td>Data</td> 
    <td>Datadata</td>
  </tr>
</table>
</pre>
<div style="text-align: justify;">
<br />
Maka hasilnya seperti ini:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpHrxHnQi65hASlEoLw59YnulKBzsoil8KtroDqasmb8ZZ0RvEXo0rrGhtvSyqXB40iX9BQ4Ddxl-ENG0SsHNeX9QcM3V6ecB6HTxL9MjWBRFoxSDLYQbOxV_68UcpNOCpkxaCCGYpyI8/s1600/Screenshot+from+2016-06-25+08%253A05%253A47.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="HTML Dasar: Bermain dengan Table" border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpHrxHnQi65hASlEoLw59YnulKBzsoil8KtroDqasmb8ZZ0RvEXo0rrGhtvSyqXB40iX9BQ4Ddxl-ENG0SsHNeX9QcM3V6ecB6HTxL9MjWBRFoxSDLYQbOxV_68UcpNOCpkxaCCGYpyI8/s400/Screenshot+from+2016-06-25+08%253A05%253A47.png" title="HTML Dasar: Bermain dengan Table" width="400" /></a></div>
<br />
Atribut border diatas digunakan untuk menentukan bahwa tabel tersebut terdapat border (garis) atau tidak, sedangkan width digunakan untuk menentukan lebar tabel tersebut.<br />
<br />
Sekarang kita akan mencoba untuk styling tabel menggunakan <i><a href="http://ppi-tuts.blogspot.com/search/label/CSS" target="_blank">CSS</a></i> dengan menambahkan tag <style> atau dengan file <i><a href="http://ppi-tuts.blogspot.com/search/label/CSS" target="_blank">CSS</a></i>.<br />
<br /></div>
<pre class="brush: css">table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
</pre>
<br />
Maka border akan berubah<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwSNOkcVlu6XJpywQ7M8-PhQad5q_j6kPDscXJlGn8WCH3JSUebiMHuKHvIIMHC9YpHUvl5pkNrjjW-N-ROuAs9EV6d7GSqZLCj0PDmGNDn4VMTnK-7BFIRVw5suoXIiogcBMweybG-7E/s1600/Screenshot+from+2016-06-25+08%253A10%253A56.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="HTML Dasar: Bermain dengan Table" border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwSNOkcVlu6XJpywQ7M8-PhQad5q_j6kPDscXJlGn8WCH3JSUebiMHuKHvIIMHC9YpHUvl5pkNrjjW-N-ROuAs9EV6d7GSqZLCj0PDmGNDn4VMTnK-7BFIRVw5suoXIiogcBMweybG-7E/s400/Screenshot+from+2016-06-25+08%253A10%253A56.png" title="HTML Dasar: Bermain dengan Table" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
Terlihat border pada tabel tersebut menjadi tanpa space dan berwarna hitam tebal dan berukuran 1 px.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Sekarang kita akan belajar tentang colspan dan rowspan, colspan adalah sebuah fungsi yang digunakan untuk membuat beberapa kolom dalam sebuah tabel menjadi satu, sedangkan rowspan membuat beberapa baris menjadi satu. Langsung saja kita praktikkan</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<pre class="brush: html"><table border="1" width="50%">
  <tr>
    <th>Nama:</th>
    <td>Roihan Azian</td>
  </tr>
  <tr>
    <th rowspan="2">HP:</th>
    <td>555 77 854</td>
  </tr>
  <tr>
    <td>555 77 855</td>
  </tr>
  <tr>
      <td colspan="2">Telpon</td>
  </tr>
</table></pre>
<br />
Maka jika kita preview hasilnya akan seperti gambar di bawah:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyS7efUNRIvrhj8Z12d089cyTMp9sSedlS1Y06GYyO-XZ985wMKzJ5vnVp4kGu8cronjexKVpZUaVR9zs2JK_9ara1EMU9RKGZNWJ1FABRhWDY0i3cxo054G4l7x5fcd2s1xvdzz4C3j8/s1600/Screenshot+from+2016-06-25+08%253A21%253A40.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="HTML Dasar: Bermain dengan Table" border="0" height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyS7efUNRIvrhj8Z12d089cyTMp9sSedlS1Y06GYyO-XZ985wMKzJ5vnVp4kGu8cronjexKVpZUaVR9zs2JK_9ara1EMU9RKGZNWJ1FABRhWDY0i3cxo054G4l7x5fcd2s1xvdzz4C3j8/s400/Screenshot+from+2016-06-25+08%253A21%253A40.png" title="HTML Dasar: Bermain dengan Table" width="400" /></a></div>
<div style="text-align: justify;">
Kolom <i>HP</i> diatas menjadi seperti itu karena menggabungkan 2 baris dengan atribut <i>rowspan="2"</i>, sedangkan kolom <i>telpon</i> menjadi panjang karena menggabungkan 2 kolom dengan atribut colspan="2".</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Itulah sedikit pembahasan tentang <i>HTML</i> table, jika ada kesalahan atau pertanyaan silahkan kirimkan ke <i><b><a href="https://www.facebook.com/ppituts/" rel="nofollow" target="_blank">Facebook</a></b></i> dan <b><i><a href="https://twitter.com/Official_PPI" rel="nofollow" target="_blank">Twitter</a></i></b> kami, atau bisa juga dengan berkomentar di bawah.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Terima kasih atas kunjungan anda, semoga bermanfaat.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Wassalamualaikum Wr. Wb.</div>

HTML Dasar: Bermain dengan Table

Assalamualaikum Wr. Wb. HTML Dasar: Bermain dengan Table | Pada kesempatan ini saya akan membahas tentang table dalam HTML, Fungsi tabel ini sangat banyak dan di butuhkan dalam Web, biasanya fungsi t…

Baca selengkapnya »

25 Jun 2016

Belajar HTML dan Menjalankannya Secara Online

Assalamualaikum Wr. Wb.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://ppi-tuts.blogspot.com/2016/06/online-html-editor.html" target="_blank"><img alt="Belajar HTML dan Menjalankannya Secara Online" border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1uYcenBz87SUBt9Cz8kgLsevornoFx1hSoMqzxQMJ8nuNC3ttrQ4egKpMwDbDTzyGXWJ_Zy85AjAsC07nG4tiPnEy60kgAodOPCFUmHtradA5ADcUzy2954GxpjbQ7cbrZevsHXoS57g/s400/Screenshot+from+2016-06-24+14%253A53%253A42.png" title="Belajar HTML dan Menjalankannya Secara Online" width="400" /></a></div>
<br />
<br />
<div style="text-align: justify;">
<b>Belajar HTML dan Menjalankannya Secara Online</b> | Pada kesempatan kali ini saya akan berbagi sedikit untuk mempermudah kita dalam belajar <a href="http://ppi-tuts.blogspot.com/search/label/Web%20Design" target="_blank">Pemrograman Web</a> khususnya <i><a href="http://ppi-tuts.blogspot.com/search/label/HTML" target="_blank">HTML</a></i>, mungkin teman-teman sudah sering membaca artikel tentang Tutorial <i><a href="http://ppi-tuts.blogspot.com/search/label/Web%20Design" target="_blank">Web Design</a></i> <i>HTML</i> dan <a href="http://ppi-tuts.blogspot.com/search/label/CSS" target="_blank"><i>CSS</i></a> disini, di tutorial tersebut biasanya teman teman akan mempraktikkannya secara langsung di notepad dan di jalankan di browser.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Tetapi kali ini saya akan berbagi sedikit tips untuk mempermudah menjalankan sebuah file HTML dan CSS untuk pemula agar mudah dalam praktik nya nanti.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Oke langsung saja kita mulai dari yang pertama.</div>
<br />
<span style="font-size: large;">1. html-online.com</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVAfTZP_AHUt34AOU5rUq3zRYJHUZAMRENsyRnuukb481NCYMrPMoq5GO8t4qcIb3JcyuUOiaLVBeQEfdUyEn4zAjLnhaBV-qD7Aua8HSCpvrfSUWBTGaz6mNj4u2kQ-uHchMJqTe_FiQ/s1600/Screenshot+from+2016-06-24+14%253A39%253A59.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Belajar HTML dan Menjalankannya Secara Online" border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVAfTZP_AHUt34AOU5rUq3zRYJHUZAMRENsyRnuukb481NCYMrPMoq5GO8t4qcIb3JcyuUOiaLVBeQEfdUyEn4zAjLnhaBV-qD7Aua8HSCpvrfSUWBTGaz6mNj4u2kQ-uHchMJqTe_FiQ/s400/Screenshot+from+2016-06-24+14%253A39%253A59.png" title="Belajar HTML dan Menjalankannya Secara Online" width="400" /></a></div>
<br />
<div style="text-align: justify;">
Dalam aplikasi ini anda bisa secara langsung menjalankan file HTML dnegan live preview di layar sebelah kirinya, jadi bisa mempermudah anda dalam belajar HTML.</div>
<br />
<span style="font-size: large;">2. onlinehtmleditor.net</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqVTtsUo95X3915k5ocevsrW9ag-4lIesZWJYjRCNGnE7Lmx8KWdKOVZICa-R_tvgQ7N7vI0xeB56zBp_MU7TaKFsmoxfP16v3NXxq4MWdAUN6yGDWVNlruVo4Hrd8vjvTaEXo9rzJetA/s1600/Screenshot+from+2016-06-24+14%253A44%253A00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Belajar HTML dan Menjalankannya Secara Online" border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqVTtsUo95X3915k5ocevsrW9ag-4lIesZWJYjRCNGnE7Lmx8KWdKOVZICa-R_tvgQ7N7vI0xeB56zBp_MU7TaKFsmoxfP16v3NXxq4MWdAUN6yGDWVNlruVo4Hrd8vjvTaEXo9rzJetA/s400/Screenshot+from+2016-06-24+14%253A44%253A00.png" title="Belajar HTML dan Menjalankannya Secara Online" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Hampir sama dengan yang atas, aplikasi/web ini mempunyai tampilan yang lebih sederhana, dan bentuk previewnya hampir sama dengan browser pada umumnya, tidak seperti editor atas yang mempunyai tampilan seperti di text editor.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">3. www.tutorialspoint.com/try_html_online.php</span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1QxJw8xWK0nHW3V5_hgD3ybkw5iiTnhAz63FES6qLzzFc2tW1rdicvpzWcQE5u7bK0Z1MQGfBEfED5fdDovTZATBmxFHPU5nMWY1Eo82rDZ2AGqeh1W8Ukk-5VeMp56RXhLPQeEpMC54/s1600/Screenshot+from+2016-06-24+14%253A49%253A41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Belajar HTML dan Menjalankannya Secara Online" border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1QxJw8xWK0nHW3V5_hgD3ybkw5iiTnhAz63FES6qLzzFc2tW1rdicvpzWcQE5u7bK0Z1MQGfBEfED5fdDovTZATBmxFHPU5nMWY1Eo82rDZ2AGqeh1W8Ukk-5VeMp56RXhLPQeEpMC54/s400/Screenshot+from+2016-06-24+14%253A49%253A41.png" title="Belajar HTML dan Menjalankannya Secara Online" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Yang terakhir ada dari sebuah situs penyedia layanan pembelajaran online secara gratis, TutorialsPoint, didalamnya tidak hanya bisa menjalankan HTML saja, tapi banyak sekali Bahasa Pemrograman yang bisa di jalankan seperti, PHP, MySQL, Java, Perl, dan lain sebagainya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Nah, itulah beberapa Online HTML editor yang bisa mempermudah kita dalam menjalankan atau mencoba menjalankan file HTML, semoga bermanfaat untuk anda yang masih belajar.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sekian dan Terima Kasih.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Wassalamualaikum Wr. Wb.</div>

Belajar HTML dan Menjalankannya Secara Online

Assalamualaikum Wr. Wb. Belajar HTML dan Menjalankannya Secara Online | Pada kesempatan kali ini saya akan berbagi sedikit untuk mempermudah kita dalam belajar Pemrograman Web khususnya HTML, mungkin …

Baca selengkapnya »

24 Jun 2016

HTML Dasar: Bermain Dengan Paragraf

Assalamualaikum Wr. Wb.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmgYJDpALxKUP_88fsfYpND_vqBwed4SLJNX0PtPTlNsKIU71EbitaYuF7iYPUjuexRH4FeCax07EiAe20xZgdaxE44yrJkO_pKnXDYJZhVFQ6nrkfBQUZ2cpDmgHtfyqMiJSWTNGY5yc/s1600/g.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmgYJDpALxKUP_88fsfYpND_vqBwed4SLJNX0PtPTlNsKIU71EbitaYuF7iYPUjuexRH4FeCax07EiAe20xZgdaxE44yrJkO_pKnXDYJZhVFQ6nrkfBQUZ2cpDmgHtfyqMiJSWTNGY5yc/s320/g.png" width="320" /></a></div>
<br />
<div style="text-align: justify;">
<b>HTML Dasar: Bermain Dengan Paragraf</b> | Setelah lama tak berjumpa, kali ini saya akan berbagi sedikit ilmu tentang Web Programming <i><a href="http://ppi-tuts.blogspot.com/search/label/HTML" target="_blank">HTML</a></i> karena beberapa request dari teman-teman yang baru memulai belajar tentang Web Programming, setelah sebelumnya saya pernah posting tentang <a href="http://ppi-tuts.blogspot.co.id/2015/08/html-dasar-part-1.html" target="_blank">HTML dasar</a>, kali ini adalah lanjutan dari artikel tersebut.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pertama, apa sih yang di maksud dengan paragraf ? Paragraf adalah merupakan suatu kumpulan suatu kesatuan pikiran yang lebih tinggi serta lebih luas dari pada kalimat. Atau definisi paragraf adalah bagian yang berasal dari suatu karangan yang terdiri dari sejumlah kalimat, yang isinya mengungkapkan satuan informasi/kalimat dengan pikiran utama sebagai pengendaliannya dan juga pikiran penjelas sebagai pendukungnya. (<a href="http://www.pengertianku.net/2014/12/pengertian-paragraf-dan-jenisnya-secara-lengkap.html" rel="nofollow" target="_blank">Link</a>).</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Tetapi dalam dunia Web Programming, paragraf digunakan untuk memulai sebuah baris baru dalam penulisan text, atau digunakan untuk sebuah judul (heading) di suatu paragraf.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Langsung saja kita mulai dengan tag yg pertama yaitu tag <p>...</p>, tag ini digunakan untuk membuat sebuah paragraf dengan ukuran huruf normal, dan setiap tag ini akan di batasi oleh break line</div>
<div style="text-align: justify;">
<br />
<span style="font-size: large;">Tag <p></span><br />
<br /></div>
<div style="text-align: justify;">
Contoh: </div>
<pre class="brush: html">Baris Pertama
Baris Kedua
<p>Baris Pertama</p><p>Baris Kedua</p></pre>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Maka Hasilnya akan seperti ini :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyoWyoYOJ-yaH6pYVs5r4veGtQS5fdT2Crmezk21pXoVJthvoY62Yf03nkzcSajhzZ8K6MrPppmMgnfDY5BQBmWiCegdEbW355lPMHWoqkTD4tP8uwNPRtG_2k23R3Rjoy0vu7XcVp3iw/s1600/Screenshot+from+2016-06-23+12%253A37%253A31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="HTML Dasar: Bermain Dengan Paragraf" border="0" height="313" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyoWyoYOJ-yaH6pYVs5r4veGtQS5fdT2Crmezk21pXoVJthvoY62Yf03nkzcSajhzZ8K6MrPppmMgnfDY5BQBmWiCegdEbW355lPMHWoqkTD4tP8uwNPRtG_2k23R3Rjoy0vu7XcVp3iw/s400/Screenshot+from+2016-06-23+12%253A37%253A31.png" title="HTML Dasar: Bermain Dengan Paragraf" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Artinya adalah tag <p></p> Akan secara otomatis membuat paragraf baru, dan tanpa tag tersebut maka sebuah tulisan tidak akan menjadi paragraf.<br />
<br />
<span style="font-size: large;">Tag <h1> - <h6></span><br />
<br />
Selanjutnya kita akan membahas tag <h1> - <h6>, tag ini digunakan untuk membuat sebuah Heading, H berarti heading dan nomor menentukan ukuran heading tersebut.<br />
<br />
Contoh:
<br />
<br />
<pre class="brush: html"><h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6></pre>
<br />
Maka Hasilnya akan seperti ini :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil9kORpwFKynus-09Rp7YG8JUd1XOKEsNzdwUBtsqUsCypHTxulIu1rKGCHDWCGeODmPVoTaziAP_47BhRC4i2OzLUFniDi7OZ9uqQ4ZHOjdIPuHLiaZMnRrpDihLXjKy57gV3B4TInfk/s1600/Screenshot+from+2016-06-23+12%253A46%253A02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="HTML Dasar: Bermain Dengan Paragraf" border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil9kORpwFKynus-09Rp7YG8JUd1XOKEsNzdwUBtsqUsCypHTxulIu1rKGCHDWCGeODmPVoTaziAP_47BhRC4i2OzLUFniDi7OZ9uqQ4ZHOjdIPuHLiaZMnRrpDihLXjKy57gV3B4TInfk/s400/Screenshot+from+2016-06-23+12%253A46%253A02.png" title="HTML Dasar: Bermain Dengan Paragraf" width="400" /></a></div>
<br />
Heading biasanya digunakan untuk sebuah judul atau awalan sebuah laman.<br />
<br />
Selanjutnya kita akan membahas tentang beberapa font styling<br />
<br /></div>
<pre class="brush: html"><strong>Strong</strong>
<em>Text<em><br>
<i>AAAA</i>
<b>BOLD</b></pre>
<br />
Maka Hasilnya akan seperti ini:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtDGKpHPmZT3974KQb3FbJ6jKbXzLdjdKejIRmqr-_6LHPDLCmOXKmHdGovOWzjA5Pzjm6TT-8INgXqgn3l0H5lpRpLQlQwTmG4h8RxN24ru9AGuagdr44aND9lTEYZsukQjahX10a0-s/s1600/Screenshot+from+2016-06-23+12%253A53%253A25.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="HTML Dasar: Bermain Dengan Paragraf" border="0" height="287" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtDGKpHPmZT3974KQb3FbJ6jKbXzLdjdKejIRmqr-_6LHPDLCmOXKmHdGovOWzjA5Pzjm6TT-8INgXqgn3l0H5lpRpLQlQwTmG4h8RxN24ru9AGuagdr44aND9lTEYZsukQjahX10a0-s/s400/Screenshot+from+2016-06-23+12%253A53%253A25.png" title="HTML Dasar: Bermain Dengan Paragraf" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<strong> Digunakan untuk menebalkan text sama seperti <b>, sedangkan <em> dan <i> digunakan untuk memiringkan text (Italic), dan <br> digunakan untuk membuat baris baru (Break Line)<br />
<br />
Sekian artikel kali ini, untuk semua kritik dan saran harap kirimkan ke Twitter dan Facebook kami atau bisa berkomentar di bawah.<br />
<br />
Terima Kasih atas kunjungannya.<br />
<br />
Wassalamualaikum Wr. Wb.

HTML Dasar: Bermain Dengan Paragraf

Assalamualaikum Wr. Wb. HTML Dasar: Bermain Dengan Paragraf | Setelah lama tak berjumpa, kali ini saya akan berbagi sedikit ilmu tentang Web Programming HTML karena beberapa request dari teman-teman y…

Baca selengkapnya »

23 Jun 2016

Kalkulasi Data dengan SQL

<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh36YC4Y4_M-hXY0QebxuRh5KBWKiGO5lEWLYijHwQ0gcsqKrIJOqW9xiChE0LR1QrJaThZNm6w1fE_fbivI690y6leq5VzelLZnp25It7HSRdyHMtwvt0ooI7IkMhdPk21975cU8SrFX4/s1600/ssqlll.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Kalkulasi Data dengan SQL" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh36YC4Y4_M-hXY0QebxuRh5KBWKiGO5lEWLYijHwQ0gcsqKrIJOqW9xiChE0LR1QrJaThZNm6w1fE_fbivI690y6leq5VzelLZnp25It7HSRdyHMtwvt0ooI7IkMhdPk21975cU8SrFX4/s400/ssqlll.jpg" title="Kalkulasi Data dengan SQL" /></a></div>
<br />
Assalamualaikum Wr. Wb.</div>
<div style="text-align: justify;">
<b>Kalkulasi Data Pada SQL</b> | Pada kesempatan kali ini saya akan membagikan beberapa ilmu perhitungan atau kalkulasi yang bisa anda lakukan di SQL, yang kita pelajari pada kesempatan kali ini diantaranya AVG, SUM, MAX, dan MIN, jika anda sudah pernah mempelajari Excel mungkin anda sudah tidak asing dengan fungsi tersebut.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pertama AVG, AVG digunakan untuk mengambil nilai rata-rata dari kolom yang berisi numeric seperti INT, BIGINT dll.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sebelumnya kita buat database atau tabel dengan nama kalkulasi yang berisi seperti di bawah ini </div>
<div style="text-align: justify;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv783lny-rzeERjIKBrzoOeYzk4zB31KWFaa4iMwQW4LOpITWl49WSGo8RjTrf4qdpvOm0L0d9jYm91OxyvDSqg0icGGp1kEeIeV4K4lEgxeA0KGf3wugiNAZM-i0bBQhvAeTsmfs5i2M/s1600/sskalk1.png" imageanchor="1" style="display: inline !important; margin-left: auto; margin-right: auto;"><img alt="Kalkulasi Data dengan SQL" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv783lny-rzeERjIKBrzoOeYzk4zB31KWFaa4iMwQW4LOpITWl49WSGo8RjTrf4qdpvOm0L0d9jYm91OxyvDSqg0icGGp1kEeIeV4K4lEgxeA0KGf3wugiNAZM-i0bBQhvAeTsmfs5i2M/s1600/sskalk1.png" title="Kalkulasi Data dengan SQL" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Silahkan isi dengan record sembarang</td></tr>
</tbody></table>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Untuk memulai AVG mari kita ketik script di bawah ini</div>
<div style="text-align: justify;">
<pre class="brush: html">SELECT AVG(harga) FROM kalkulasi</pre>
</div>
<div style="text-align: justify;">
Maka hasilnya akan seperti gambar di bawah ini </div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnIZ2ZERbpYYamoz1dx_QgelnVUYUMDc5VN370nSuoMyFTSTblP0HMbBpaEonP6-40ZGWhrRY9tEjPLnWTAgfTjKmlWVxXSjLW9qdwElY4orp9VGLtldDbQIREr_R2PythQ9ml7J79aDs/s1600/sskalk2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Kalkulasi Data dengan SQL" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnIZ2ZERbpYYamoz1dx_QgelnVUYUMDc5VN370nSuoMyFTSTblP0HMbBpaEonP6-40ZGWhrRY9tEjPLnWTAgfTjKmlWVxXSjLW9qdwElY4orp9VGLtldDbQIREr_R2PythQ9ml7J79aDs/s400/sskalk2.png" title="Kalkulasi Data dengan SQL" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Artinya adalah mengambil nilai rata rata dari kolom harga.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Selanjutnya kita akan membahas SUM, yaitu sebuah query untuk menghitung total hasil kali/bagi/tambah/kurang dari sebuah tabel numeric.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Silahkan ketikkan script di bawah ini.</div>
<div style="text-align: justify;">
<pre class="brush: html">SELECT SUM(harga*jumlah) FROM kalkulasi WHERE id=3</pre>
</div>
<div style="text-align: justify;">
Maka hasilnya akan menjadi</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdfKv4sBDvDqzYVCyrTJow9vC2jX4wySP9ZWwWb1102-d5mios2huLyFWzI53h629rDSOThlgm_f_vvAMmeELNl-JBgblhJFw0X1aR1GK_FdU1YngHLS8nmj93YnxR2yf_JCZpbP6pJSU/s1600/sskalk3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Kalkulasi Data dengan SQL" border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdfKv4sBDvDqzYVCyrTJow9vC2jX4wySP9ZWwWb1102-d5mios2huLyFWzI53h629rDSOThlgm_f_vvAMmeELNl-JBgblhJFw0X1aR1GK_FdU1YngHLS8nmj93YnxR2yf_JCZpbP6pJSU/s320/sskalk3.png" title="Kalkulasi Data dengan SQL" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Arti dari script tersebut yaitu mengalikan record dari kolom harga dengan record dari kolom jumlah dimana id=3.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Anda juga bisa memanipulasi script SQL tersebut menjadi tambah, kurang, atau bagi seperti contoh di bawah ini</div>
<div style="text-align: justify;">
<pre class="brush: html">SELECT SUM(harga/jumlah) FROM kalkulasi WHERE id=2</pre>
</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia1yyrptQkfaymkgQXXfLHSFUggQL8jtpUTZ9PodthDxusILE923hVe4vfoCkXayu0yHFnga7_oRB6RFDABGTJqnM2vqiNzBMy03vyJf-tGPE65Z3vB9-LMQKBTrBmUovL5HYBgjYYduI/s1600/sskalk4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Kalkulasi Data dengan SQL" border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia1yyrptQkfaymkgQXXfLHSFUggQL8jtpUTZ9PodthDxusILE923hVe4vfoCkXayu0yHFnga7_oRB6RFDABGTJqnM2vqiNzBMy03vyJf-tGPE65Z3vB9-LMQKBTrBmUovL5HYBgjYYduI/s320/sskalk4.png" title="Kalkulasi Data dengan SQL" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Berarti membagi harga dengan jumlah dari tabel kalkulasi dimana id=2</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Dan yg terakhir anda juga bisa menjumlahkan seluruh data di suatu kolom numerik dengan mengetikkan script di bawah ini</div>
<div style="text-align: justify;">
<pre class="brush: html">SELECT SUM(harga) FROM kalkulasi</pre>
</div>
<div style="text-align: justify;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJy8t680XGvy8z-fLmuqHFkXvdzWRfnfjs6ISm1wOGjZ2Qw6zrKrIu7Zkps_mtWYB5rX2Pt00NY_Yr5IssGwOIsuMU8W0Zr-pHOMD5wPwWKuPPEUcF50HoKVDwn7Cb6-XiZtH4U1UGvUg/s1600/sskalk5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Kalkulasi Data dengan SQL" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJy8t680XGvy8z-fLmuqHFkXvdzWRfnfjs6ISm1wOGjZ2Qw6zrKrIu7Zkps_mtWYB5rX2Pt00NY_Yr5IssGwOIsuMU8W0Zr-pHOMD5wPwWKuPPEUcF50HoKVDwn7Cb6-XiZtH4U1UGvUg/s1600/sskalk5.png" title="Kalkulasi Data dengan SQL" /></a></div>
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Selanjutnya kita akan masuk ke MIN dan MAX, fungsinya yaitu untuk menentukan nilai tertinggi atau terendah dari suatu kolom numerik.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sebagai contoh kita akan mencari nilai terendah dari kolom harga </div>
<div style="text-align: justify;">
<pre class="brush: html">SELECT MIN(harga) FROM kalkulasi</pre>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidnan7BbGV_i4vu0m0BvQAcnBKV5LsCD9gMGxTsCDTynal_jfr493iyBCjuV2IHPZW_QGahbZRFrri5ZnffHN_n5p49iXcjk63DbnJEPtxZh2z2xNVewqsL_arwZ_ezuit0mfb03kKFqI/s1600/sskalk6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Kalkulasi Data dengan SQL" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidnan7BbGV_i4vu0m0BvQAcnBKV5LsCD9gMGxTsCDTynal_jfr493iyBCjuV2IHPZW_QGahbZRFrri5ZnffHN_n5p49iXcjk63DbnJEPtxZh2z2xNVewqsL_arwZ_ezuit0mfb03kKFqI/s400/sskalk6.png" title="Kalkulasi Data dengan SQL" /></a></div>
<br /></div>
<div style="text-align: justify;">
Dan yang terakhir untuk mencari nilai tertinggi dari kolom harga yaitu dengan mengetikkan script di bawah ini</div>
<div style="text-align: justify;">
<pre class="brush: html">SELECT MAX(harga) FROM kalkulasi</pre>
</div>
<div style="text-align: justify;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5riq7HI0tmWkL8PjD_e4gaHl_69m-0H6iFWrC0ejuZIEQTzbtYoxy_nXMczGTxV-YSIX3NeyICvU2QMUSsCDERlctf5PxKEgk_u8YbrnMcFbaiotB1JxRCgOSEeQn1fGUJMASPpREq4o/s1600/sskalk7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Kalkulasi Data dengan SQL" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5riq7HI0tmWkL8PjD_e4gaHl_69m-0H6iFWrC0ejuZIEQTzbtYoxy_nXMczGTxV-YSIX3NeyICvU2QMUSsCDERlctf5PxKEgk_u8YbrnMcFbaiotB1JxRCgOSEeQn1fGUJMASPpREq4o/s400/sskalk7.png" title="Kalkulasi Data dengan SQL" /></a></div>
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sekian Tutorial singkat kali ini, jika ada kekurangan atau kebingungan dari artikel ini, silahkan komentar di bawah atau bisa mention di Twitter dan Fanspage Facebook kami.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Terima Kasih sudah membaca tutorial ini, semoga bermanfaat.</div>
<div style="text-align: justify;">
Wassalamualaikum Wr. Wb.</div>

Kalkulasi Data dengan SQL

Assalamualaikum Wr. Wb. Kalkulasi Data Pada SQL | Pada kesempatan kali ini saya akan membagikan beberapa ilmu perhitungan atau kalkulasi yang bisa anda lakukan di SQL, yang kita pelajari pada kesempa…

Baca selengkapnya »

12 Dec 2015

Belajar Teknik Pencarian dengan PHP

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_SDSIBqxT3mq-zKbG-4Uc8eQzOkSBiLwCS2RmceHfcASmJFG8TXx1VL780r_kSQGnAjapyrWkOsv_cf4_qCDBh9NQ1wJ1-Y-3I2olyojx4HzUWQLGZDKVgv7jqUl05dRcutPVhHkyYU/s1600/googlesearch.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Belajar Teknik Pencarian dengan PHP" border="0" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_SDSIBqxT3mq-zKbG-4Uc8eQzOkSBiLwCS2RmceHfcASmJFG8TXx1VL780r_kSQGnAjapyrWkOsv_cf4_qCDBh9NQ1wJ1-Y-3I2olyojx4HzUWQLGZDKVgv7jqUl05dRcutPVhHkyYU/s320/googlesearch.jpg" title="Belajar Teknik Pencarian dengan PHP" width="320"></a></div>
<br />
Assalamualaikum Wr. Wb.<br />
<div style="text-align: justify;">
<b>Belajar Teknik Pencarian dengan PHP</b> | Siang ini saya akan menjelaskan tentang Teknik Teknik sederhana yang bisa di gunakan untuk melakukan pencarian kata di dalam suatu website, biasanya untuk melakukan ini kita harus menggunakan bahasa <i>proccessing </i>seperti PHP dan lain sebagainya untuk melakukan proses pengambilan data ke <i>database </i>dari <i>query </i>yang di inputkan di suatu <i>Text Field.</i></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pertama mari buat database terlebih dahulu, karena dulu saya pernah membuat <b><a href="http://ppi-tuts.blogspot.co.id/2015/02/menampilkan-data-dari-database-dengan.html" rel="nofollow" target="_blank">Tutorial Menampilkan Data dari </a></b><i><b><a href="http://ppi-tuts.blogspot.co.id/2015/02/menampilkan-data-dari-database-dengan.html" rel="nofollow" target="_blank">Database</a></b> </i>maka saya akan menggunakan database dan tabel tersebut</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhnLRJqqE7Es9N4tUo5iNy8dbrAvkmVBfxyKkZIrXTEAX8qGoJ2V4IgQrVlH3KpG2BIGVhPrjaltfeCPco0a7OPtZVwm9CaKSvq1yVra6AG5xCq786XMSlTyaM6mFp0cvXpnDsOAPnDyU/s1600/sslike1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Belajar Teknik Pencarian dengan PHP" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhnLRJqqE7Es9N4tUo5iNy8dbrAvkmVBfxyKkZIrXTEAX8qGoJ2V4IgQrVlH3KpG2BIGVhPrjaltfeCPco0a7OPtZVwm9CaKSvq1yVra6AG5xCq786XMSlTyaM6mFp0cvXpnDsOAPnDyU/s1600/sslike1.png" title="Belajar Teknik Pencarian dengan PHP"></a></div>
<br /></div>
<div style="text-align: justify;">
Yang kita perlukan disini adalah dengan menggunakan Query SELECT dan Like, seperti sebagai contoh kita akan mencari record tabel dengan nama <i>roihan</i>, maka querynya menjadi<br />
<pre class="brush: sql">SELECT * FROM siswa WHERE nama LIKE '%roihan%'</pre>
Maka hasilnya akan seperti ini :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB2vzp8-ZHzkOb8yTXxrzBPnbERMu6ciT3HZdOejIthZxY8F4TaL5T3mQdhIFIcfGNbsQ4IZnger1zsaNPJu_RbhnafRMNemJOvnEgm9Q9YHT_1nmM9iGgCyOuz5VyePwiMuZeXjuVnxk/s1600/sslike2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Belajar Teknik Pencarian dengan PHP" border="0" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB2vzp8-ZHzkOb8yTXxrzBPnbERMu6ciT3HZdOejIthZxY8F4TaL5T3mQdhIFIcfGNbsQ4IZnger1zsaNPJu_RbhnafRMNemJOvnEgm9Q9YHT_1nmM9iGgCyOuz5VyePwiMuZeXjuVnxk/s320/sslike2.png" title="Belajar Teknik Pencarian dengan PHP" width="320"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Jika kita menggunakan : </div>
<pre class="brush: sql">SELECT * FROM siswa WHERE nama LIKE 'r%'</pre>
</div>
<div style="text-align: justify;">
Hasilnya akan seperti ini :</div>
<div style="text-align: justify;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj03zJ_t5-fQwvrSX0N4eFs4iPABW5fKA_h91NMLhtbw-ViVdoUZEew0jr0mOwy_R5O77ufJ7aZ37M4O0D0g76NwQYDGEiJycjSV03QQZtrfQVB3DDDMQnBZeWELrLBrLYDitzXhgEuEuA/s1600/sslike3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Belajar Teknik Pencarian dengan PHP" border="0" height="268" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj03zJ_t5-fQwvrSX0N4eFs4iPABW5fKA_h91NMLhtbw-ViVdoUZEew0jr0mOwy_R5O77ufJ7aZ37M4O0D0g76NwQYDGEiJycjSV03QQZtrfQVB3DDDMQnBZeWELrLBrLYDitzXhgEuEuA/s320/sslike3.png" title="Belajar Teknik Pencarian dengan PHP" width="320"></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Karena mengambil record yang berhuruf awalan 'R'</td></tr>
</tbody></table>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Jika kita menggunakan :</div>
<div style="text-align: justify;">
<pre class="brush: sql">SELECT * FROM siswa WHERE nama LIKE '%o'</pre>
</div>
<div style="text-align: justify;">
Maka hasilnya seperti ini : </div>
<div style="text-align: justify;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfUyqUo363gEZ1qs_7fmup6M0mM9ciQkR0iBk_evl6FmLwn6RqivpiucfCcbeSL5O8Ny0Dxlw-38TWLiu2ioBXTKhEfZNjkSluJ9zxQEk73ACGRKuHAFNcnSP_kxueFlbS0H_cUrlh3ZU/s1600/sslike4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Belajar Teknik Pencarian dengan PHP" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfUyqUo363gEZ1qs_7fmup6M0mM9ciQkR0iBk_evl6FmLwn6RqivpiucfCcbeSL5O8Ny0Dxlw-38TWLiu2ioBXTKhEfZNjkSluJ9zxQEk73ACGRKuHAFNcnSP_kxueFlbS0H_cUrlh3ZU/s1600/sslike4.png" title="Belajar Teknik Pencarian dengan PHP"></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Karena mengambil record dengan akhiran huruf  'o'</td></tr>
</tbody></table>
<br />
<div style="text-align: justify;">
Jadi kesimpulannya yaitu :</div>
<div style="text-align: justify;">
<br />
<ol>
<li>Tanda <b>%string%</b> digunakan jika kita ingin mencari record dengan kata yg di inputkan di dalam string tersebut.</li>
<li><i><b>R%</b></i> digunakan untuk mencari record dengan awalan R.</li>
<li><i><b>%R</b></i> digunakan untuk mencari record dengan akhiran R.</li>
</ol>
<div>
Sekian tutorial kali ini, jika ada kesahalan dalam penulisan atau penyampaian silahkan berikan komentar di bawah ini, Terima Kasih sudah mau membaca, silahkan Like dan Follow Blog ini untuk Tutorial-tutorial selanjutnya.</div>
<div>
<br /></div>
<div>
Wassalamualaikum Wr. Wb.</div>
</div>

Belajar Teknik Pencarian dengan PHP

Assalamualaikum Wr. Wb. Belajar Teknik Pencarian dengan PHP | Siang ini saya akan menjelaskan tentang Teknik Teknik sederhana yang bisa di gunakan untuk melakukan pencarian kata di dalam suatu websit…

Baca selengkapnya »

11 Dec 2015

Load more posts

Cara Ampuh Atasi Gagal Booting Windows 7

Download Aplikasi Text Editor Terbaru

HTML Dasar: Bermain dengan Table

Belajar HTML dan Menjalankannya Secara Online

HTML Dasar: Bermain Dengan Paragraf

Kalkulasi Data dengan SQL

Belajar Teknik Pencarian dengan PHP

Artikel Populer Minggu Ini

Kategori

Arsip