PENGERTIAN DAN FUNGSI CRUD

Posted by Unknown Labels: at 1:47 PM

<h2 style="text-align: center;">
PENGERTIAN DAN FUNGSI CRUD</h2>
<div>
<br /></div>
<div>
Pada kali ini saya akan sharing tentang CRUD. Apakah itu CRUD? CRUD disini adalah sebagai berikut:</div>
<div>
<br /></div>
<div>
1. C (Create) adalah yang berarti membuat data baru. contoh kita sedang melakukan registrasi disebuah web itu sudah merupakan Create dari CRUD karena kita membuat dan menyimpan data registrasi ke database.</div>
<div>
<br /></div>
<div>
2. R (Read) adalah membaca atau menampilkan suatu data yang tadinya berada di database MYSQL misalnya kemudian ditampilkan di web menggunakan bahasa pemrograman php.<br />
<br />
3. U (Update) adalah mengedit sebuah data dari database yang kemudian di edit menggunakan bahasa pemrograman php berupa web.<br />
<br />
4. D (Deleted) adalah fungsinya hampir sama dengan update akan tetapi proses ini adalah untuk melakukan penghapusan data didatabase melalui bahasa php.<br />
<br />
FUNGSI CRUD disini adalah<span> digunakan untuk menambahkan data, menghapus data, serta mengupdate data</span></div>

PENGERTIAN DAN FUNGSI CRUD Pada kali ini saya akan sharing tentang CRUD. Apakah itu CRUD? CRUD disini adalah sebagai berikut: 1. C (Create) adalah yang berarti membuat data baru. contoh kita sedang melakukan registrasi disebuah web itu sudah merupakan Create dari CRUD karena kita membuat dan menyimpan data registrasi ke database. 2. R (Read) adala…

BELAJAR BOOTSTRAP

Posted by Unknown Labels: at 2:29 PM

Pengertian BOOTSTRAP?<br />
<br />
BOOTSTRAP merupakan framework untuk membangun desain web secara reponsive. Artinya reponsive disini adalah tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang kita gunakan baik di desktop, tablet atupun di mobile kalian.<br />
<br />
berhubung yang posting diatas adalah diatas, disini saya akan memulai hari ini akan membuat toko online sederhana yang mulai dari dasar sekali. Berikut script yang akan saya pelajari. Setelah saya sudah mencoba ini saya akan terus mengembangkan sedit demi sedikit.<br />
<br />
Dibawah ini script contoh toko online sederhana melalui text editor:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOfPLHZFm2K7PDRMOitbYvnJBnsi3E2wh8Hz49gWUnodbpQsEOML4IinyQ16A5KjrfAiPfqn_f1kCn0_ObP1Wy-zJ9Xgp0pqRSlzQT6oilij6EwFTXfbi77CvnnHOEB-YeCnJlhz4uu-g/s1600/Screenshot+from+2016-02-25+14%253A15%253A09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOfPLHZFm2K7PDRMOitbYvnJBnsi3E2wh8Hz49gWUnodbpQsEOML4IinyQ16A5KjrfAiPfqn_f1kCn0_ObP1Wy-zJ9Xgp0pqRSlzQT6oilij6EwFTXfbi77CvnnHOEB-YeCnJlhz4uu-g/s400/Screenshot+from+2016-02-25+14%253A15%253A09.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVe1cWeUAMTdH9zV25UWvi1rJKn1nVEAw6Iq5_FZJRUYpfy3rzANBu1Dg_T4OwZ1x0hCXMwtBhrpsLRECnhHn60wSv5zS0XRIJj6nXDmRFl0fMh9AOvbr6Qx1DHH3nBtdw07h0BT5thpY/s1600/Screenshot+from+2016-02-25+14%253A16%253A12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVe1cWeUAMTdH9zV25UWvi1rJKn1nVEAw6Iq5_FZJRUYpfy3rzANBu1Dg_T4OwZ1x0hCXMwtBhrpsLRECnhHn60wSv5zS0XRIJj6nXDmRFl0fMh9AOvbr6Qx1DHH3nBtdw07h0BT5thpY/s400/Screenshot+from+2016-02-25+14%253A16%253A12.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3YrLD7iW9eN8651xtOJ4H8XmRqCOhnZY2G8YCpxw9uvNQOixXuRIzKZ3z8t38xCUlJZl4Afrb07K0P09J9peIKvMxZB4aBX9MAmztUP5l1X3Ri088Mevrq1x0p8k5-nhaiEH4UBZgLbU/s1600/Screenshot+from+2016-02-25+14%253A17%253A10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3YrLD7iW9eN8651xtOJ4H8XmRqCOhnZY2G8YCpxw9uvNQOixXuRIzKZ3z8t38xCUlJZl4Afrb07K0P09J9peIKvMxZB4aBX9MAmztUP5l1X3Ri088Mevrq1x0p8k5-nhaiEH4UBZgLbU/s400/Screenshot+from+2016-02-25+14%253A17%253A10.png" width="400" /></a></div>
 <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsiDyORHeuJUgEd8jgNGfGvg62BsK4RlXPW8JFc-T_HH68pXRCuF2dQbKLOJAERhu06nkGz9_c6iJcOiMasoTTkYz0zGpVzaZDB67viQX1jNquifd9HM6Zs3gKzt6YvdnilkHB5wq_nS0/s1600/Screenshot+from+2016-02-25+14%253A17%253A56.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsiDyORHeuJUgEd8jgNGfGvg62BsK4RlXPW8JFc-T_HH68pXRCuF2dQbKLOJAERhu06nkGz9_c6iJcOiMasoTTkYz0zGpVzaZDB67viQX1jNquifd9HM6Zs3gKzt6YvdnilkHB5wq_nS0/s400/Screenshot+from+2016-02-25+14%253A17%253A56.png" width="400" /></a></div>
 <br />
dan ini saya jalankan lewat web browser:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitX-F6-nJMjZysIHXMLi2NLIkBDGmy4GOcUcAEIxSCH86NRlNgBDlVdMPma7mtiju0bNrpsbDPbrE2xWbK8VhZCxv4os2YPHXzVIzt8Z492fayHiqcgLQc381_YMyClZj4GPHq8eoPUms/s1600/Screenshot+from+2016-02-25+14%253A18%253A13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitX-F6-nJMjZysIHXMLi2NLIkBDGmy4GOcUcAEIxSCH86NRlNgBDlVdMPma7mtiju0bNrpsbDPbrE2xWbK8VhZCxv4os2YPHXzVIzt8Z492fayHiqcgLQc381_YMyClZj4GPHq8eoPUms/s320/Screenshot+from+2016-02-25+14%253A18%253A13.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnlGDiF6kQeEhXQf3hw5fFuBlGMCHP1kKDE9Xo_lzfMXKnIVCVfMCcb3Fd4CVesftYoBb8qgG3QQkpTRMc8pSNyJjQyYPliIBW8nK-jd0iCKM7H4aWNR2R3EvVVXtsL0U49fHTnmrnyWg/s1600/Screenshot+from+2016-02-25+14%253A18%253A19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnlGDiF6kQeEhXQf3hw5fFuBlGMCHP1kKDE9Xo_lzfMXKnIVCVfMCcb3Fd4CVesftYoBb8qgG3QQkpTRMc8pSNyJjQyYPliIBW8nK-jd0iCKM7H4aWNR2R3EvVVXtsL0U49fHTnmrnyWg/s320/Screenshot+from+2016-02-25+14%253A18%253A19.png" width="320" /></a></div>
<br />

Pengertian BOOTSTRAP? BOOTSTRAP merupakan framework untuk membangun desain web secara reponsive. Artinya reponsive disini adalah tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang kita gunakan baik di desktop, tablet atupun di mobile kalian. berhubung yang posting diatas adalah diatas, disini saya akan memulai …

Tutorial Install Drupal di Linux

Posted by Unknown Labels: at 2:56 PM

<div style="text-align: left;">
Pengertian Drupal?</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Drupal adalah sebuah perangkat lunak sistem manajemen konten yang bebas dan terbuka di distribusikan dibawah lisensi GPL, pengembangan, perawatannya dilakukan oleh ribuan komunitas pengguna dan penggembang di seluruh dunia.Drupal dapat diunduh secara bebas dan dapat digunakan secara bebas, sehingga memungkinkan setiap orang baik individual maupun komunitas untuk mempublikasi, mengatur, mengelola dan mengorganisir berbagai jenis dari isi atau konten pada website<br />
<br />
<h2 style="text-align: center;">
TUTORIAL INSTALL DRUPAL</h2>
<div style="text-align: left;">
1. Downloadnya disitus resminya drupal "drupal.org"</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
2. Setelah download selesai lalu copy file tersebut ke /var/www/html. Lihat gambar dibawah ini:</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiheG0Bx3kSL8qpl3iln68ZkaEC_ad-F4P1wGtCBsb4An0jfrVK46jJE_bUb74xbaJ2eMfu_8WiPgeDt5E5DTEXhzFwJL2hxnYGK-2_v00KmQWr3YIlqDtaWmqcutSrxJsEZesz6mSu5xo/s1600/Screenshot+from+2016-02-24+11%253A33%253A31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiheG0Bx3kSL8qpl3iln68ZkaEC_ad-F4P1wGtCBsb4An0jfrVK46jJE_bUb74xbaJ2eMfu_8WiPgeDt5E5DTEXhzFwJL2hxnYGK-2_v00KmQWr3YIlqDtaWmqcutSrxJsEZesz6mSu5xo/s400/Screenshot+from+2016-02-24+11%253A33%253A31.png" width="400" /></a></div>
<div style="text-align: left;">
3. Setelah itu kita extract pada file tersebut lewat terminal. Lihat gambar dibawah ini:</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
"unzip drupal-7.42.zip"</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinPVMo1ukGBppmLt20dEobHGGhcWkv7udwqNW50wv0xzKoUYCSbu_0HmxMN-OEIo2h1xorqcpJtc25itO41snEdk6dBmioQm0drf5dELcMBtbpRq2ZH0oRzmUbpU-Wb0kXhV4PdMgc0z8/s1600/Screenshot+from+2016-02-24+11%253A33%253A59.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinPVMo1ukGBppmLt20dEobHGGhcWkv7udwqNW50wv0xzKoUYCSbu_0HmxMN-OEIo2h1xorqcpJtc25itO41snEdk6dBmioQm0drf5dELcMBtbpRq2ZH0oRzmUbpU-Wb0kXhV4PdMgc0z8/s1600/Screenshot+from+2016-02-24+11%253A33%253A59.png" /></a></div>
4. Setelah kita extract, kita merename nama file agar memudahkan kita. Lihat gambar dibawah ini:</div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
<br />
<div style="text-align: left;">
"mv drupal-7.42.zip drupal" </div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3JMa6xnKq6I_2B4vgqEGKbfyZ6Mekt2F-1fWfpe2bSVU0n9OzDQcWBA7nweGDykxfogqAJ4SNAyK_Dcya2xvF8vqO5yzRSlZ958nvZ4YRNkW5di5ulbQf9QOSScLqQZT32e5YaTOSLN8/s1600/Screenshot+from+2016-02-24+11%253A35%253A03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="29" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3JMa6xnKq6I_2B4vgqEGKbfyZ6Mekt2F-1fWfpe2bSVU0n9OzDQcWBA7nweGDykxfogqAJ4SNAyK_Dcya2xvF8vqO5yzRSlZ958nvZ4YRNkW5di5ulbQf9QOSScLqQZT32e5YaTOSLN8/s400/Screenshot+from+2016-02-24+11%253A35%253A03.png" width="400" /></a></div>
<div style="text-align: left;">
5. Setelah merename file, lalu kita memberi hak ases pada file tersebut. Lihat gambar dibawah ini:</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
"chown -R www-data:www-data drupal"</div>
<div style="text-align: left;">
"chmod 755 drupal"</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQoF6IyDo_jvFfrdUFa1OTp5p-woZugLjidFltS8O0uCi5A22q8DogZxAR75WznWOT92IrdJ11i0J2i76tjoU5nhyphenhyphen1FKh3Wk9euP6lEMuw3wMrpzIcPoQ8-1Fnr5D6qhVg_lRKAxCBjOk/s1600/Screenshot+from+2016-02-24+11%253A35%253A29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="16" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQoF6IyDo_jvFfrdUFa1OTp5p-woZugLjidFltS8O0uCi5A22q8DogZxAR75WznWOT92IrdJ11i0J2i76tjoU5nhyphenhyphen1FKh3Wk9euP6lEMuw3wMrpzIcPoQ8-1Fnr5D6qhVg_lRKAxCBjOk/s400/Screenshot+from+2016-02-24+11%253A35%253A29.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFnmVUkVahqu451WVKtIn6XVwRxTOT20D1oSk1_GE0glOcXiCMZI-f_sa4-uofzuUUXRBwhGsyKcXP_qBEDJQbrGlpJzVYwh64rTR7eZYzOHVHsZeP0BQ9xu0syTMgzl4Ohe5ToCeb0ys/s1600/Screenshot+from+2016-02-24+11%253A36%253A13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFnmVUkVahqu451WVKtIn6XVwRxTOT20D1oSk1_GE0glOcXiCMZI-f_sa4-uofzuUUXRBwhGsyKcXP_qBEDJQbrGlpJzVYwh64rTR7eZYzOHVHsZeP0BQ9xu0syTMgzl4Ohe5ToCeb0ys/s400/Screenshot+from+2016-02-24+11%253A36%253A13.png" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
6. Setelah itu kita buat databasenya melalui phpmyadmin. Lihat gambar dibawah ini:</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilGGPzNKiGtoR-fhtKSnooTMI2C5R13yZfn1uM_FZCckIlal1ppOQbF_WTuK4bhxL7YfUD1PlsLHMnUS_As21uXzPFz2J5soG7u6Y3X7vr5babq5zmRz91mARaYETBHbLAhoS_XLIC9_s/s1600/Screenshot+from+2016-02-24+10%253A27%253A53.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilGGPzNKiGtoR-fhtKSnooTMI2C5R13yZfn1uM_FZCckIlal1ppOQbF_WTuK4bhxL7YfUD1PlsLHMnUS_As21uXzPFz2J5soG7u6Y3X7vr5babq5zmRz91mARaYETBHbLAhoS_XLIC9_s/s320/Screenshot+from+2016-02-24+10%253A27%253A53.png" width="320" /></a></div>
7. Setelah membuat database, lalu kita ke web browser dengan menuliskan "localhost/drupal".Setelah muncul seperti dibawah ini lalu pilih standard lalu klik save and continue. Lihat gambar dibawah ini:</div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYVyDUUsDNecRKnRtjQsUZkBFxdvQ8OgouOvYVzGOaJKAU5fK2KtbSxayuUX7_MC613RGolTtg-QLafKg_cXDgRKstvG09lFcqqTz9NDjtZIOxqM9JlPwPqc4Y_Py-X7IbwvuItnkSGsw/s1600/Screenshot+from+2016-02-24+11%253A37%253A33.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYVyDUUsDNecRKnRtjQsUZkBFxdvQ8OgouOvYVzGOaJKAU5fK2KtbSxayuUX7_MC613RGolTtg-QLafKg_cXDgRKstvG09lFcqqTz9NDjtZIOxqM9JlPwPqc4Y_Py-X7IbwvuItnkSGsw/s320/Screenshot+from+2016-02-24+11%253A37%253A33.png" width="320" /></a></div>
<div style="text-align: left;">
8. Setelah klik dibawah save and continue. Lalu langkah selanjutnya seperti dibawah ini dan langsung klik save and continue:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitYG_U0uFrReE1TmpZk8oeFRaueiEbXEY7DMmYIkoet5kV-RjmMQUQVqpzk-W5tx-PmB7rVVX6aTu5RHHsngDacU2G2VxNR051LknwT9v7wXeSrbjiw2nrm3UPzQYKoN8eNKQ9hqGiwrE/s1600/Screenshot+from+2016-02-24+11%253A37%253A38.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitYG_U0uFrReE1TmpZk8oeFRaueiEbXEY7DMmYIkoet5kV-RjmMQUQVqpzk-W5tx-PmB7rVVX6aTu5RHHsngDacU2G2VxNR051LknwT9v7wXeSrbjiw2nrm3UPzQYKoN8eNKQ9hqGiwrE/s320/Screenshot+from+2016-02-24+11%253A37%253A38.png" width="320" /></a></div>
<br />
9. Setelah klik save and continue. Lalu kelangkah selanjutnya seperti dibawah ini dan isi kolom dengan benar:<br />
1.Database Name: Drupal<br />
2.Database username: root<br />
3.Password:...<br />
lalu klik save and continue.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7HFZ6cwWWV-7-2wlPiaPFqn1TJO2x2Q3SyWVdTahqdoaMMVSjvfhR3CjfJcNpNpJdDn6TxRcaabEXhgyP2HrBzKse2nKzLUGib7YTzO0DIOV2WdFNC1JTrkCcky6qXHPnHD287kEXjgk/s1600/Screenshot+from+2016-02-24+11%253A37%253A57.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7HFZ6cwWWV-7-2wlPiaPFqn1TJO2x2Q3SyWVdTahqdoaMMVSjvfhR3CjfJcNpNpJdDn6TxRcaabEXhgyP2HrBzKse2nKzLUGib7YTzO0DIOV2WdFNC1JTrkCcky6qXHPnHD287kEXjgk/s320/Screenshot+from+2016-02-24+11%253A37%253A57.png" width="320" /></a></div>
10. Setelah klik save and continue. Lalu kelangkah selanjutnya seperti dibawah ini isi kolom dengan benar<br />
1. Masukkan email anda<br />
2. Username buat login ke drupal<br />
3. Password buat login ke drupal<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_aQg78DlT7Ymui4BkvVuKOpVrmMjZ3330glvPiRjZgeOxoqD-mij1B_ScslkZeQ0KgO8OucO9_JZmZP_WE0gbS9nEYKOXqs5chCvNjoCgvPKRwaK3siNywaoSgVdWgySviElZiZ9yg1Y/s1600/Screenshot+from+2016-02-24+11%253A38%253A57.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_aQg78DlT7Ymui4BkvVuKOpVrmMjZ3330glvPiRjZgeOxoqD-mij1B_ScslkZeQ0KgO8OucO9_JZmZP_WE0gbS9nEYKOXqs5chCvNjoCgvPKRwaK3siNywaoSgVdWgySviElZiZ9yg1Y/s320/Screenshot+from+2016-02-24+11%253A38%253A57.png" width="320" /></a></div>
lalu scroll kebawah jangan sampai lupa..</div>
<div style="text-align: left;">
4. Default country: pilih negara masing-masing ya..</div>
<div style="text-align: left;">
5. Default TimeZone: pilih waktu negara anda masing-masing</div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpuPplxksBA-H7ytZhcvRlH60ANnhcZjlaOLrBq0-FB4xyqBBGVc7G3KwUNneFg-ljWZh6DY7ZrnOsLD7GJcrLFxFPPBYVlf_8mFTNpTtJVkUV77Bo0dQyXj4BIyhe3U36DxCPUPWJJio/s1600/Screenshot+from+2016-02-24+11%253A40%253A13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpuPplxksBA-H7ytZhcvRlH60ANnhcZjlaOLrBq0-FB4xyqBBGVc7G3KwUNneFg-ljWZh6DY7ZrnOsLD7GJcrLFxFPPBYVlf_8mFTNpTtJVkUV77Bo0dQyXj4BIyhe3U36DxCPUPWJJio/s320/Screenshot+from+2016-02-24+11%253A40%253A13.png" width="320" /></a></div>
11. Setelah langkah diatas selesai, maka ke langkah selanjutnya yaitu menunggu instalasi selesai. Lihat gambar dibawah ini:</div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZMK8BfqbMmciWOBO9XppbcBh_BH7sLxYsRWMB4aywNvmuRbAhw5bB4088lP1fTWflfG7gOqIyTiyyC-5o-7gsd-7eEKB5SWU9Z286TUDUsiStvvyTmuiedGT7Bp-tBhvNdKC1xpgOGeE/s1600/Screenshot+from+2016-02-24+10%253A53%253A17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZMK8BfqbMmciWOBO9XppbcBh_BH7sLxYsRWMB4aywNvmuRbAhw5bB4088lP1fTWflfG7gOqIyTiyyC-5o-7gsd-7eEKB5SWU9Z286TUDUsiStvvyTmuiedGT7Bp-tBhvNdKC1xpgOGeE/s320/Screenshot+from+2016-02-24+10%253A53%253A17.png" width="320" /></a></div>
12. Setelah selesai instalasi diatas maka otomatis akan keluar tulisan dibawah ini lalu klik "visit your new site":<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFyl8QXSharzmcq8lsegjPQFeCRv__W-YQ1tyyPiTiOygTF65gjvU2Ck6lWr7NHDy_GsQIYir8DscIX8O4mNps8a7-hrVqlQyRKORQnZp8RUO1yb415ZCU-9O0LxUyQUBRSqbKsRroH-g/s1600/Screenshot+from+2016-02-24+11%253A40%253A38.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFyl8QXSharzmcq8lsegjPQFeCRv__W-YQ1tyyPiTiOygTF65gjvU2Ck6lWr7NHDy_GsQIYir8DscIX8O4mNps8a7-hrVqlQyRKORQnZp8RUO1yb415ZCU-9O0LxUyQUBRSqbKsRroH-g/s320/Screenshot+from+2016-02-24+11%253A40%253A38.png" width="320" /></a></div>
13. Setelah anda mengklik visit your new site, tampilan awal akan seperti dibawah ini:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWa_2mHySprZzsONbxCAbFaXB7WeANlVoPs8Q45sEzpHfRMhQoshLduIg_AqHOG8cgvfBVc5Nlx4xPN4TF8Z-I_IlfUIFw4fxk8H9fIEe5trhH1vrintdEZbYLpN9hbx17SnyXjFCEjKk/s1600/Screenshot+from+2016-02-24+11%253A40%253A49.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWa_2mHySprZzsONbxCAbFaXB7WeANlVoPs8Q45sEzpHfRMhQoshLduIg_AqHOG8cgvfBVc5Nlx4xPN4TF8Z-I_IlfUIFw4fxk8H9fIEe5trhH1vrintdEZbYLpN9hbx17SnyXjFCEjKk/s320/Screenshot+from+2016-02-24+11%253A40%253A49.png" width="320" /></a></div>
14. Kalau ingin login maka logout terlebih dahulu. Lihat gambar dibawah ini:</div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCUT0NpzLQij-qI9bvTBpKxUwUeFKLEs4iFo-oSUaeEUwS4ltHnf7xx2EQZyMS1Yd5RnmEuOuOWtJjN4UZHk5i0YOPg7-dNzmW7PmDkjCnirbzOxv-5yYNuEQVWyYJ0GxJeqsuvB_jtCM/s1600/Screenshot+from+2016-02-24+11%253A41%253A33.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCUT0NpzLQij-qI9bvTBpKxUwUeFKLEs4iFo-oSUaeEUwS4ltHnf7xx2EQZyMS1Yd5RnmEuOuOWtJjN4UZHk5i0YOPg7-dNzmW7PmDkjCnirbzOxv-5yYNuEQVWyYJ0GxJeqsuvB_jtCM/s320/Screenshot+from+2016-02-24+11%253A41%253A33.png" width="320" /></a></div>
<br /></div>
</div>

Pengertian Drupal? Drupal adalah sebuah perangkat lunak sistem manajemen konten yang bebas dan terbuka di distribusikan dibawah lisensi GPL, pengembangan, perawatannya dilakukan oleh ribuan komunitas pengguna dan penggembang di seluruh dunia.Drupal dapat diunduh secara bebas dan dapat digunakan secara bebas, sehingga memungkinkan setiap orang baik…

HTML bagian HTML CSS di-w3school

Posted by Unknown Labels: at 9:59 AM

<h2 style="text-align: center;">
HTML Bagian CSS </h2>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<b>HTML CSS</b></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
CSS singkatan dari Cascading Style Sheets<b>. </b>Styling dapat ditambahkan menjadi ke elemen HTML menjadi 3 cara, yaitu sebagai berikut:</div>
<div style="text-align: left;">
1. Inline - menggunakan atribut style dalam elemen HTML</div>
<div style="text-align: left;">
2. Internal - menggunakan <style> elemen dalam HTML</div>
<div style="text-align: left;">
3. Eksternal - menggunakan satu atau lebih file CSS eksternal</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
cara yang paling umum untuk menambahkan styling adalah untuk menjaga gaya dalam file CSS yang terpisah.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
1. Inline CSS </div>
<div style="text-align: left;">
styling inline menggunakan atribut style. styling inline digunakan untuk menerapkan gaya unik pada HTML</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
ini contoh yang saya buat lewat text editor:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigS7FK7lynD6uliB4za6mUpNWbMZI5kI9xVUm4yMey7eaoUmQAlI_FSUTLtZy0yiOzToPUO2HZQk5NNU99zkcIV5dakL3vJ05EwhbATIV3Dz2yZWfJLkYbN2d1pPQl6wOH_PKqsC7pPDU/s1600/Screenshot+from+2016-02-24+08%253A22%253A08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigS7FK7lynD6uliB4za6mUpNWbMZI5kI9xVUm4yMey7eaoUmQAlI_FSUTLtZy0yiOzToPUO2HZQk5NNU99zkcIV5dakL3vJ05EwhbATIV3Dz2yZWfJLkYbN2d1pPQl6wOH_PKqsC7pPDU/s320/Screenshot+from+2016-02-24+08%253A22%253A08.png" width="320" /></a></div>
<div style="text-align: left;">
dan yang ini saya jalankan lewat web browser:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg21601vkOSnJPJ99aLlSPjtkOz21B2BW9OOAg9xk5wuLfiIQq_gdBj89wWV87JiLLyem4jhxRJ6Yi4vebptaQw3mvy7gCQcZVdyhkbiDv8CJuwq9dH_dECw9eyY2K_WCYAtDCDyh0QCGc/s1600/Screenshot+from+2016-02-24+08%253A22%253A41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg21601vkOSnJPJ99aLlSPjtkOz21B2BW9OOAg9xk5wuLfiIQq_gdBj89wWV87JiLLyem4jhxRJ6Yi4vebptaQw3mvy7gCQcZVdyhkbiDv8CJuwq9dH_dECw9eyY2K_WCYAtDCDyh0QCGc/s320/Screenshot+from+2016-02-24+08%253A22%253A41.png" width="320" /></a></div>
<br />
<div style="text-align: left;">
</div>
<br />
<br />
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
2. Internal styling</div>
<div style="text-align: left;">
styling internal digunakan untuk menentukan gaya untuk satu halaman HTML.</div>
<div style="text-align: left;">
styling internal didefinisikan dalam <head> halaman HTML, dalam elemen <style></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
ini contoh yang saya buat lewat text editor:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwSbcIZLeorFvSPVdD72PGjwEm0ZodEKYRA1pU0Tx-DutQZ8JxgR64xX8X5rU0MGFgip2yMdMAGr9CEc4lfjWCZxpyY2MV5plLDHFhmvEJqv97U-CO1G_KMMTkiZzGv5Nix0I0cxTKenY/s1600/Screenshot+from+2016-02-24+08%253A42%253A29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwSbcIZLeorFvSPVdD72PGjwEm0ZodEKYRA1pU0Tx-DutQZ8JxgR64xX8X5rU0MGFgip2yMdMAGr9CEc4lfjWCZxpyY2MV5plLDHFhmvEJqv97U-CO1G_KMMTkiZzGv5Nix0I0cxTKenY/s320/Screenshot+from+2016-02-24+08%253A42%253A29.png" width="320" /></a></div>
dan yang ini saya jalankan lewat web browser:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaBbHqot4HnHThldUgbXCfk81VVbVPriDn9-7xZo7wkajY7p4scU_ojB-3Tj0wClVdSzfiX4Lz_B6lIcbQf2Z7K5VOSdlWv8NtXXia8-eFvy0TS2_-fPr8I3PbZn1mU6C9MExUS39aM9k/s1600/Screenshot+from+2016-02-24+08%253A42%253A58.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaBbHqot4HnHThldUgbXCfk81VVbVPriDn9-7xZo7wkajY7p4scU_ojB-3Tj0wClVdSzfiX4Lz_B6lIcbQf2Z7K5VOSdlWv8NtXXia8-eFvy0TS2_-fPr8I3PbZn1mU6C9MExUS39aM9k/s320/Screenshot+from+2016-02-24+08%253A42%253A58.png" width="320" /></a></div>
3. Eksternal Styling (eksternal CSS)<br />
style sheet eksternal digunakan untuk menentukan gaya untuk banyak halaman.<br />
Dengan eksternal CSS anda dapat mengubah tampilan seluruh situs web dengan mengubah satu file.<br />
<br />
<br />
<div style="text-align: left;">
ini contoh yang saya buat dari text editor:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7EFZBlUEWF63MwVa2GYnaxyeLf38TJpkcZrLB2XRC2VEXISFJzWSgWKR9qDsjFC8EHTLqOR2qxtqRYOeojO-QVNaOa5wU750t1bT9C99_gDIsrou13fyUis8iGfERbCsACfiATBtGkpg/s1600/Screenshot+from+2016-02-24+08%253A51%253A53.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7EFZBlUEWF63MwVa2GYnaxyeLf38TJpkcZrLB2XRC2VEXISFJzWSgWKR9qDsjFC8EHTLqOR2qxtqRYOeojO-QVNaOa5wU750t1bT9C99_gDIsrou13fyUis8iGfERbCsACfiATBtGkpg/s320/Screenshot+from+2016-02-24+08%253A51%253A53.png" width="320" /></a></div>
dan yang ini saya jalankan lewat web browser:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4dkgcvgtY-xAHw6hhUscVfT302doPjTHXMa-5S56r7m-KZxKudX_Te25-SirI8z6_5jY7xorPbmGm3Cg9D1vlcWF4_t-CJtwwAmaZgUHJxnlIaDmhs00WNn2HyKocJyPSvbaC9CX-lE4/s1600/Screenshot+from+2016-02-24+08%253A52%253A31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4dkgcvgtY-xAHw6hhUscVfT302doPjTHXMa-5S56r7m-KZxKudX_Te25-SirI8z6_5jY7xorPbmGm3Cg9D1vlcWF4_t-CJtwwAmaZgUHJxnlIaDmhs00WNn2HyKocJyPSvbaC9CX-lE4/s320/Screenshot+from+2016-02-24+08%253A52%253A31.png" width="320" /></a></div>
<br />
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
style sheet eksternal dapat ditulis dalam editor text. file harus mengandung tag html. style sheet file harus disimpan dengan ekstensi.css</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
4. CSS font</div>
<div style="text-align: left;">
a. CSS color property adalah warna teks yang digunakan untuk elemen HTML</div>
<div style="text-align: left;">
b. CSS font-family adalah font yang akan digunakan untuk elemen HTML</div>
<div style="text-align: left;">
c. CSS font-size family adalah ukuran teks yang akan digunakan untuk elemen HTML</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
ini contoh yang saya buat dengan text editor:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwls0prfNSOu3N8n9MXJDs8AwJlnLaJ26oXPqMys0yDsA-bS8g80yYZE0Z2l03rikv7T_ZoNo_sVLQ_yhNRgpTWV-Af1hq05o5nZArecXbIFvVAvCRxHtTxp6WSvcRRa0FOVM7TuJ_lmY/s1600/Screenshot+from+2016-02-24+09%253A16%253A36.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwls0prfNSOu3N8n9MXJDs8AwJlnLaJ26oXPqMys0yDsA-bS8g80yYZE0Z2l03rikv7T_ZoNo_sVLQ_yhNRgpTWV-Af1hq05o5nZArecXbIFvVAvCRxHtTxp6WSvcRRa0FOVM7TuJ_lmY/s320/Screenshot+from+2016-02-24+09%253A16%253A36.png" width="320" /></a></div>
<div style="text-align: left;">
ini yang saya jalankan lewat web browser:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-RU9NQBfGrpwL6ncz6LoKxR-ptkvMaPam34gyCAaCMgrnakzCOgprMhtRsVwdYSoI4hcM3UNPI9qrDxl-FUC348adqf5-6D1y1zLU0Ih3yAH9J1lRfBR_znOPAdAgl8qwljVM5kx-wtU/s1600/Screenshot+from+2016-02-24+09%253A09%253A51.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-RU9NQBfGrpwL6ncz6LoKxR-ptkvMaPam34gyCAaCMgrnakzCOgprMhtRsVwdYSoI4hcM3UNPI9qrDxl-FUC348adqf5-6D1y1zLU0Ih3yAH9J1lRfBR_znOPAdAgl8qwljVM5kx-wtU/s320/Screenshot+from+2016-02-24+09%253A09%253A51.png" width="320" /></a></div>
<div style="text-align: left;">
</div>
<br />
<br />
<div style="text-align: left;">
<b><br /></b></div>
<div style="text-align: left;">
<b>CSS Box Model</b></div>
<div style="text-align: left;">
setiap elemen HTML memiliki kotak disekitarnya.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
ini contoh yang saya buat lewat text editor:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRd59S0e2r2EUEbxAiGIe4fVrkGbMd6fOeTBwbP8AaK6O9rDJ27hOpwhTrYlSHiM9cM2ledv1c6WK0EMk-VOBvv1SLTsn8CYmN0WwOm8koLxtpnbJWDId-hOa6WO8wmi99bcKxfjEVdpM/s1600/Screenshot+from+2016-02-24+09%253A27%253A32.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> <img border="0" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRd59S0e2r2EUEbxAiGIe4fVrkGbMd6fOeTBwbP8AaK6O9rDJ27hOpwhTrYlSHiM9cM2ledv1c6WK0EMk-VOBvv1SLTsn8CYmN0WwOm8koLxtpnbJWDId-hOa6WO8wmi99bcKxfjEVdpM/s320/Screenshot+from+2016-02-24+09%253A27%253A32.png" width="320" /></a></div>
ini yang sudah saya jalankan lewat web browser:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN6krSadkMuFtsOIQVsSmqYqq6bFeaEghu_zFcdejBBqy6BtOgJJDj_BQ7S6n4zfbfI3Q1HO07Ot_xZ9mftHRr1lhBsKdET1r0_UWyIre7hO2QTinNrij5IkgFlFGVVE0zCNVrKxyJ0zE/s1600/Screenshot+from+2016-02-24+09%253A28%253A27.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN6krSadkMuFtsOIQVsSmqYqq6bFeaEghu_zFcdejBBqy6BtOgJJDj_BQ7S6n4zfbfI3Q1HO07Ot_xZ9mftHRr1lhBsKdET1r0_UWyIre7hO2QTinNrij5IkgFlFGVVE0zCNVrKxyJ0zE/s320/Screenshot+from+2016-02-24+09%253A28%253A27.png" width="320" /></a></div>
<br />
<div style="text-align: left;">
<br />
<b>CSS PADDING </b>adalah padding(spasi) dalam perbatasan</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
ini contoh yang saya buat di text editor:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin8THOK9fVisX4KzFU9j7dDKSFc1jt85XYmSBBXg8y7j8R2cZVSo1Cf40dOyHiUScX9AMNjdxToTBd8JZGVpQ9FhWJK_PnXhzeFkBHBIiXO-xyT_ucc6bxvZPdoWbjKDk0547evPE_rME/s1600/Screenshot+from+2016-02-24+09%253A38%253A51.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin8THOK9fVisX4KzFU9j7dDKSFc1jt85XYmSBBXg8y7j8R2cZVSo1Cf40dOyHiUScX9AMNjdxToTBd8JZGVpQ9FhWJK_PnXhzeFkBHBIiXO-xyT_ucc6bxvZPdoWbjKDk0547evPE_rME/s320/Screenshot+from+2016-02-24+09%253A38%253A51.png" width="320" /></a></div>
ini yang saya jalankan lewat web browser:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy1yIoeiLuGTX0THrDYzXfhkqUq5_Chyphenhypheneqw7eyvnfs0F9xTPbePHP4Nh-JqizvxvpVEz-K84C2Qq77DXZ0mUzxJxQMarRKYu_RD0I8GIpgPPjCNdL4uasoEjH7Zexu_jsIe14P7o5WqwI/s1600/Screenshot+from+2016-02-24+09%253A39%253A53.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy1yIoeiLuGTX0THrDYzXfhkqUq5_Chyphenhypheneqw7eyvnfs0F9xTPbePHP4Nh-JqizvxvpVEz-K84C2Qq77DXZ0mUzxJxQMarRKYu_RD0I8GIpgPPjCNdL4uasoEjH7Zexu_jsIe14P7o5WqwI/s320/Screenshot+from+2016-02-24+09%253A39%253A53.png" width="320" /></a></div>
<br />
<div style="text-align: left;">
<b>CSS MARGIN </b>adalah margin (ruang) diluar perbatasan</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
ini contoh yang saya jalankan lewat text editor:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivsosCZi0ulsFJ0rbyl5USPmcu4iMJRps-QMEc30VXnh_I9g6gBaVFf5KldaieGvbH9X76esSLdEtHW6jGsfVTmt_j7xGY4M3KSPZFnVnei10SxfOQsw7v1RnhaH-mnOdOa-936z_klTQ/s1600/Screenshot+from+2016-02-24+09%253A47%253A44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivsosCZi0ulsFJ0rbyl5USPmcu4iMJRps-QMEc30VXnh_I9g6gBaVFf5KldaieGvbH9X76esSLdEtHW6jGsfVTmt_j7xGY4M3KSPZFnVnei10SxfOQsw7v1RnhaH-mnOdOa-936z_klTQ/s320/Screenshot+from+2016-02-24+09%253A47%253A44.png" width="320" /></a></div>
ini yang saya jalankan lewat web browser:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjorKWUj_4T_BB_tnpqZmEutvvt3WyyKI9c-FV2n8wAnm4iJol8JfDIcs1yDgo58v5JIf9mq5R7Ya7Yw3hwQJH0DaGVSJy8hIZV38CMiY1fxR99YoGfybzN5GHMKDcezrqLIq6aYuaRBt4/s1600/Screenshot+from+2016-02-24+09%253A48%253A56.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjorKWUj_4T_BB_tnpqZmEutvvt3WyyKI9c-FV2n8wAnm4iJol8JfDIcs1yDgo58v5JIf9mq5R7Ya7Yw3hwQJH0DaGVSJy8hIZV38CMiY1fxR99YoGfybzN5GHMKDcezrqLIq6aYuaRBt4/s320/Screenshot+from+2016-02-24+09%253A48%253A56.png" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
<b>THE ID ATTRIBUTE</b><br />
<span class="" id="result_box" lang="id"><br /> <span class="hps">Semua</span> <span class="hps">contoh di atas</span> <span class="hps">menggunakan</span> <span class="hps">CSS</span> <span class="hps">untuk gaya</span> <span class="hps">elemen</span> <span class="hps">HTML</span> <span class="hps">secara umum</span>.</span><b><span class="" id="result_box" lang="id"><br /></span></b><br />
<b><br /></b>
<br />
<div style="text-align: left;">
ini contoh yang saya buat lewat text editor:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPqAZY_VdOKmus98I2aOZ1LL8VngixLx7B9jyHvR08aho5NkfiZJ0tp27leU9JiOzJwcRNbGHhT33mCdubF787yjr3MJe9uc3hcfG8S4Y2LJ8A0pnTmMPfBwjzdO6Jx34nkxLu6bWUPq4/s1600/Screenshot+from+2016-02-24+09%253A54%253A39.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPqAZY_VdOKmus98I2aOZ1LL8VngixLx7B9jyHvR08aho5NkfiZJ0tp27leU9JiOzJwcRNbGHhT33mCdubF787yjr3MJe9uc3hcfG8S4Y2LJ8A0pnTmMPfBwjzdO6Jx34nkxLu6bWUPq4/s320/Screenshot+from+2016-02-24+09%253A54%253A39.png" width="320" /></a></div>
ini yang saya jalankan lewat web browser:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjcnBDznPnOhoaJi2G8VcGTSPOZGiVg8jL-_zHnY5qwtcQJN4goGOtJ4GuWBpgmWIOtZz-VBtyQR-gsgORGS9O9Nw5ONxohpiN1aiEPc2zvcffRVG4XjNqXZzOn-xy2_4ipjZ7P_5HA8g/s1600/Screenshot+from+2016-02-24+09%253A54%253A52.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjcnBDznPnOhoaJi2G8VcGTSPOZGiVg8jL-_zHnY5qwtcQJN4goGOtJ4GuWBpgmWIOtZz-VBtyQR-gsgORGS9O9Nw5ONxohpiN1aiEPc2zvcffRVG4XjNqXZzOn-xy2_4ipjZ7P_5HA8g/s320/Screenshot+from+2016-02-24+09%253A54%253A52.png" width="320" /></a></div>
<br />
<div style="text-align: left;">
<br /></div>

HTML Bagian CSS HTML CSS CSS singkatan dari Cascading Style Sheets. Styling dapat ditambahkan menjadi ke elemen HTML menjadi 3 cara, yaitu sebagai berikut: 1. Inline - menggunakan atribut style dalam elemen HTML 2. Internal - menggunakan elemen dalam HTML 3. Eksternal - menggunakan satu atau lebih file CSS eksternal cara yang paling umum untuk m…

Pengertian ROM, Fungsi ROM, Jenis-jenis ROM

Posted by Unknown Labels: at 3:28 PM

<h2 style="text-align: center;">
PENGERTIAN ROM, FUNGSI ROM, DAN JENIS-JENIS ROM</h2>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Pengertian ROM?</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
ROM (Read Only Memory) adalah penyimpanan data pada komputer, sifat ROM ini permanen yang dimaksud dengan permanen disini adalah data yang disimpan diROM tidak mudah hilang.<br />
<br />
Apa fungsi ROM?<br />
<br />
Fungsi ROM adalah media penyimpanan firmware.<br />
<br />
Jenis-jenis ROM?<br />
<br />
Jenis ROM disini adalah ada beberapa bagian. yaitu:<br />
<br />
1. PROM (Programmable Read Only Memory) adalah sebuah chip memory yang hanya dapat diisi satu data saja.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge2YOGOqQjg0OsVMNrG5Q5Ifr9SNMDblk0PJFrgZwBO3HJ5rqciPMPAPzCLwIu2zZb4pfMz95BaZDcjlHOaqY9qniJygePIEGfX6g5aY7ipsoXduIMs-WolJnBFfEE6Q051GicaydWrGk/s1600/prom.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="375" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge2YOGOqQjg0OsVMNrG5Q5Ifr9SNMDblk0PJFrgZwBO3HJ5rqciPMPAPzCLwIu2zZb4pfMz95BaZDcjlHOaqY9qniJygePIEGfX6g5aY7ipsoXduIMs-WolJnBFfEE6Q051GicaydWrGk/s400/prom.jpg" width="400" /></a></div>
<br />
2. EPROM (Erasable Programmable Read Only Memory) adalah jenis PROM yang dapat dihapus dengan bantuan sinar ultra violet. Setelah dihapus EPROM dapat diprogramkan lagi.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPHUHtx-_ReKpAfoz909zPR8JotoxGVwvPELtseiGRJjDI4VyNTkrrst5P47GdOXUM9hC0Gi8QWtyfx5q9fGLJ-V7R9RsVynnusUvN-jSxAHTo7Ph5Xzc1GFAyYbimJ6vDL1zMCb_6LNY/s1600/EPROM.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPHUHtx-_ReKpAfoz909zPR8JotoxGVwvPELtseiGRJjDI4VyNTkrrst5P47GdOXUM9hC0Gi8QWtyfx5q9fGLJ-V7R9RsVynnusUvN-jSxAHTo7Ph5Xzc1GFAyYbimJ6vDL1zMCb_6LNY/s320/EPROM.JPG" width="320" /></a></div>
3. EEPROM (Electrially Erasable Programmaable Read Only Memory) adalah tipe khusus dari PROM yang bisa dihapus dengan memakai perintah elektris.</div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZvG7rlTq9fxg30DlkkOoogtNnYzBKA_8Z4-IoSIHCFaUhNN3QLVLhXDMvUBXTVw0yFBEUIVTe4s91OztQDBVPxwWiSxCSbCj3N0ssFPxR2gmeo0KdX_abpGNtw0QSgX58pSxdQekeeAU/s1600/eprom-eeprom-dan-flash-perom.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="103" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZvG7rlTq9fxg30DlkkOoogtNnYzBKA_8Z4-IoSIHCFaUhNN3QLVLhXDMvUBXTVw0yFBEUIVTe4s91OztQDBVPxwWiSxCSbCj3N0ssFPxR2gmeo0KdX_abpGNtw0QSgX58pSxdQekeeAU/s400/eprom-eeprom-dan-flash-perom.jpg" width="400" /></a></div>
 4. Memory Flash adalah sejenis EEPROM yang mengizinkan banyak lokasi memori untuk dihapus atau ditulis dalam satu operasi pemrograman </div>

PENGERTIAN ROM, FUNGSI ROM, DAN JENIS-JENIS ROM Pengertian ROM? ROM (Read Only Memory) adalah penyimpanan data pada komputer, sifat ROM ini permanen yang dimaksud dengan permanen disini adalah data yang disimpan diROM tidak mudah hilang. Apa fungsi ROM? Fungsi ROM adalah media penyimpanan firmware. Jenis-jenis ROM? Jenis ROM disini adalah ada bebe…

Tutorial install PRESTASHOP di Linux

Posted by Unknown Labels: at 1:56 PM

<h2 style="text-align: center;">
TUTORIAL INSTALL PRESTASHOP</h2>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
1. Download lah terlebih dahulu, lalu klik ok. Lihat gambar dibawah ini:</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCREFE2A2derB7W3kKhF0dATcx5OIoy4TyrdeYH5-UeCiLMKuzc1_IaIjPKlwbcD72ZS9pKQY_0O1jiLoK4mc7V1DpsnzPADHMN4Q8ZBXxCg5OO5WbgqIYW9s0bvmkx97FE7Gf-DZFGFk/s1600/Screenshot+from+2016-02-23+13%253A18%253A51.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCREFE2A2derB7W3kKhF0dATcx5OIoy4TyrdeYH5-UeCiLMKuzc1_IaIjPKlwbcD72ZS9pKQY_0O1jiLoK4mc7V1DpsnzPADHMN4Q8ZBXxCg5OO5WbgqIYW9s0bvmkx97FE7Gf-DZFGFk/s1600/Screenshot+from+2016-02-23+13%253A18%253A51.png" /></a></div>
<div style="text-align: left;">
2. Setelah download selesai, lalu kita copy file tersebut ke /var/www/html. Lihat gambar dibawah ini:</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO2pEP1VMm-ohHZHtig5rXo8nIBs1A69Q2Ep_nD6XydNJirn3L3z06xNonIzPuqgaVtG3dbAnuwNHL8hOhuByPCaiIOqUuWMLkAXXkyArsX0CzZkAZZArKh575K-cm5w0PrWZt9MCz6hw/s1600/Screenshot+from+2016-02-23+13%253A20%253A28.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="47" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO2pEP1VMm-ohHZHtig5rXo8nIBs1A69Q2Ep_nD6XydNJirn3L3z06xNonIzPuqgaVtG3dbAnuwNHL8hOhuByPCaiIOqUuWMLkAXXkyArsX0CzZkAZZArKh575K-cm5w0PrWZt9MCz6hw/s400/Screenshot+from+2016-02-23+13%253A20%253A28.png" width="400" /></a></div>
<div style="text-align: left;">
3. Setelah dipindah kita unzip terlebih dahulu. Lihat gambar dibawah ini:</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE6hK_QlLrzKg0Vf6sOA8e1RTlF0fvwN3mY0SOVOV2_dWT0xgLXBwY0XWeuBx-luvfU-g6NI7yiGsIiq77kOS3kIM4-6jSgCYjX6iw_LwkeRK_4N-hlWnNsldO3sQ7AaOyz_Eq0a8K-hg/s1600/Screenshot+from+2016-02-23+13%253A23%253A44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="36" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE6hK_QlLrzKg0Vf6sOA8e1RTlF0fvwN3mY0SOVOV2_dWT0xgLXBwY0XWeuBx-luvfU-g6NI7yiGsIiq77kOS3kIM4-6jSgCYjX6iw_LwkeRK_4N-hlWnNsldO3sQ7AaOyz_Eq0a8K-hg/s400/Screenshot+from+2016-02-23+13%253A23%253A44.png" width="400" /></a></div>
<div style="text-align: left;">
4. Setelah unzip selesai kita kelangkah selanjutnya yaitu kita extract lebih dahulu filenya. Lihat gambar dibawah ini:</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY9lVoZs6vi8R1ubS0jgqJ_VgPZiD2zCm6MEEfkDfFIwTydpMprr92Sbu7pwasVWm0X4aNV1-XrxOJHD6vv4liqLby6ggJM9LS-_0hOdpSuoS06C1r5qOLX5ZBdx2kbQmsuY9vmUgchxA/s1600/Screenshot+from+2016-02-23+13%253A25%253A45.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="54" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY9lVoZs6vi8R1ubS0jgqJ_VgPZiD2zCm6MEEfkDfFIwTydpMprr92Sbu7pwasVWm0X4aNV1-XrxOJHD6vv4liqLby6ggJM9LS-_0hOdpSuoS06C1r5qOLX5ZBdx2kbQmsuY9vmUgchxA/s400/Screenshot+from+2016-02-23+13%253A25%253A45.png" width="400" /></a></div>
<div style="text-align: left;">
5. Setelah itu kita buat databasenya terlebih dahulu dengan login phpmyadmin. Lihat gambar dibawah ini:</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8YZ4Qzl1YqgufG2ysqlZtAAo3-N_Wc-je9zmiBfELVGqaFnOoEj5Wl39eWwTaCsFDKWHTFylSzrOXmgkxO_PfTfNbPgXOBXW_qilMR1KAYSyZZuKpCMV6_FtMov2DXv6O06To0SdKrwU/s1600/Screenshot+from+2016-02-17+07%253A59%253A19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8YZ4Qzl1YqgufG2ysqlZtAAo3-N_Wc-je9zmiBfELVGqaFnOoEj5Wl39eWwTaCsFDKWHTFylSzrOXmgkxO_PfTfNbPgXOBXW_qilMR1KAYSyZZuKpCMV6_FtMov2DXv6O06To0SdKrwU/s320/Screenshot+from+2016-02-17+07%253A59%253A19.png" width="320" /></a></div>
6. Setelah sudah selesai membuat databasenya, lalu kita memberi hak akses. Lihat gambar dibawah ini:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2f_KHroEoWXuitUMe1uWzDySxWVMYKs_bXycSuSub9SagFwXReUWQWRr4_GWNUSN7lw8SX30LRBJu4WNIGLGAHdYydiIQ8RIBPX2CQGe8Ot9r1cM7XwW1H9h6WPM5bMkl2YReG1iyGo/s1600/Screenshot+from+2016-02-23+13%253A32%253A42.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="20" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2f_KHroEoWXuitUMe1uWzDySxWVMYKs_bXycSuSub9SagFwXReUWQWRr4_GWNUSN7lw8SX30LRBJu4WNIGLGAHdYydiIQ8RIBPX2CQGe8Ot9r1cM7XwW1H9h6WPM5bMkl2YReG1iyGo/s400/Screenshot+from+2016-02-23+13%253A32%253A42.png" width="400" /></a></div>
<br />
7. Setelah memberi hak akses, kita buka webb browser dengan perintah "localhost/prestashop" lalu kita klik next. Lihat gambar dibawah ini:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK7Cb1wf_kJ7JZPd1L5BKTpJY78R9sqaffLFtJsmIgKzJOcUJddKKAXvfVbX7mUOsOb8GXWeOHMAJ0oP4Y6bbQNbmz215n8DnSG2esCJpbJIbFk6e3io6qVMy5xuvPFUwYf4eg9CST4SI/s1600/Screenshot+from+2016-02-17+07%253A55%253A39.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK7Cb1wf_kJ7JZPd1L5BKTpJY78R9sqaffLFtJsmIgKzJOcUJddKKAXvfVbX7mUOsOb8GXWeOHMAJ0oP4Y6bbQNbmz215n8DnSG2esCJpbJIbFk6e3io6qVMy5xuvPFUwYf4eg9CST4SI/s320/Screenshot+from+2016-02-17+07%253A55%253A39.png" width="320" /></a></div>
8. Setelah klik next, kita kelangkah selanjutnya lihat dibawah ini dan kita harus mencentang "i gree to the above terms and conditions" otomatis akan tulisan next akan berwarna hijau, lalu klik next:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHe58jZVsmmJ3dsgonV04o4sxYPVWIP8T8RnfGXhPmrolGRmwBPEg07fgot3Z1X3BkpkU_N_GQMzoIQsL9PpQlepwUjzfUvTPQLm_DJehYd5IXg8J-KVjghVnvkZOWULILdpceZbVF2gw/s1600/Screenshot+from+2016-02-17+07%253A56%253A37.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHe58jZVsmmJ3dsgonV04o4sxYPVWIP8T8RnfGXhPmrolGRmwBPEg07fgot3Z1X3BkpkU_N_GQMzoIQsL9PpQlepwUjzfUvTPQLm_DJehYd5IXg8J-KVjghVnvkZOWULILdpceZbVF2gw/s320/Screenshot+from+2016-02-17+07%253A56%253A37.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYmO5iVKmvi3TwJAkIuiNfPEtrkdbi8IIbPEKw-w4LwjnZmk4lp0Zu3v6zW_Yuqc4NsdbHBNTMtZAvks_wVWJmwZ-DSP-LlQi0NFmHlPKVuFvl0rFvxoxECY-WMpvF6uX_vGkVYu1hE6U/s1600/Screenshot+from+2016-02-17+07%253A56%253A42.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYmO5iVKmvi3TwJAkIuiNfPEtrkdbi8IIbPEKw-w4LwjnZmk4lp0Zu3v6zW_Yuqc4NsdbHBNTMtZAvks_wVWJmwZ-DSP-LlQi0NFmHlPKVuFvl0rFvxoxECY-WMpvF6uX_vGkVYu1hE6U/s320/Screenshot+from+2016-02-17+07%253A56%253A42.png" width="320" /></a></div>
<br />
9. Setelah di next nanti akan muncul dibawah ini dan isi kolom tersebut dengan benar. Lalu klik next:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmARkEUEYmBxLBBmvMOJ1y-oLI2ao8X55iCDTtqGmi3U9s7a0n6FIp6H8t47T8veqQFhKssR75RvieWr1Rv59lk4Q5rgmNCRQ8axu1NfbZOQ8Qs-cSL1LKpirA3OkYa1C0prspD_sjOcE/s1600/Screenshot+from+2016-02-17+07%253A57%253A35.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmARkEUEYmBxLBBmvMOJ1y-oLI2ao8X55iCDTtqGmi3U9s7a0n6FIp6H8t47T8veqQFhKssR75RvieWr1Rv59lk4Q5rgmNCRQ8axu1NfbZOQ8Qs-cSL1LKpirA3OkYa1C0prspD_sjOcE/s320/Screenshot+from+2016-02-17+07%253A57%253A35.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitZ67LiNV1jyq8T3KfXnp95WTLqxymL9QFdSHD06jEHm1kyH28o0Bk-vWsWJ-o_wccGXxTGEgCLTeNZ1wo4o2Xx6R1uX_yUvdvU4YA9w6mKCaww6dducRsg0irVArJvQ8TNVraaFUT9Gw/s1600/Screenshot+from+2016-02-17+07%253A58%253A15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitZ67LiNV1jyq8T3KfXnp95WTLqxymL9QFdSHD06jEHm1kyH28o0Bk-vWsWJ-o_wccGXxTGEgCLTeNZ1wo4o2Xx6R1uX_yUvdvU4YA9w6mKCaww6dducRsg0irVArJvQ8TNVraaFUT9Gw/s320/Screenshot+from+2016-02-17+07%253A58%253A15.png" width="320" /></a></div>
10. Setelah di next, kita kelangkah selanjutnya akan seperti dibawah ini lalu kita klik "test your database connection now!" dan itu tunggu sampai benar-benar ada pemberitahuan dan ada tanda centang. Lihat gambar dibawah ini:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlptKU3Zrg1VSqZWrk8DvWo-PlrbuuSkYGsMXwKRLzEgkXwJg8DhH6yu9_fXuJbf_ONIjYic9uQUSE7mM_VoQt6R3iIg0-V3cDLuueItogHW-ox70jHIOvI0IHaApcXrwb_uTPW41BGU8/s1600/Screenshot+from+2016-02-17+07%253A59%253A32.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlptKU3Zrg1VSqZWrk8DvWo-PlrbuuSkYGsMXwKRLzEgkXwJg8DhH6yu9_fXuJbf_ONIjYic9uQUSE7mM_VoQt6R3iIg0-V3cDLuueItogHW-ox70jHIOvI0IHaApcXrwb_uTPW41BGU8/s320/Screenshot+from+2016-02-17+07%253A59%253A32.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2BuhUC3CGqOQY-upmExHSssPOE_GH3ToxSMJl2t_6Wj89fa0limozh2K_5HFP2ME_NLoq05bNz653hNNoKOHEYxnaiDcs1FoJd3Xhjd20WbQSFZDbCgqzUSmNWQZI4B0g5MCozYPWOaw/s1600/Screenshot+from+2016-02-17+07%253A59%253A39.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2BuhUC3CGqOQY-upmExHSssPOE_GH3ToxSMJl2t_6Wj89fa0limozh2K_5HFP2ME_NLoq05bNz653hNNoKOHEYxnaiDcs1FoJd3Xhjd20WbQSFZDbCgqzUSmNWQZI4B0g5MCozYPWOaw/s320/Screenshot+from+2016-02-17+07%253A59%253A39.png" width="320" /></a></div>
11. Setelah ada pemberitahuan dan tanda centang lalu klik next. Lalu kita kelangkah selanjutnya dan tunggu sampai instalasi selesai dan nanti klik Manage your store, lihat gambar dibawah ini:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQfHBtU8PMGIwrcIPK8v8u92B_uGJFD77_f4ojcfyHBIAgGXYzP4GmBLAE6V6CkhcIWomAVHhBGTvbRhGWSqpKTZVpexSDPdwIKEHijeA08R9Kx0-TDibLBNiVe1xgMPKeNg6kD2IDXjs/s1600/Screenshot+from+2016-02-17+08%253A00%253A11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQfHBtU8PMGIwrcIPK8v8u92B_uGJFD77_f4ojcfyHBIAgGXYzP4GmBLAE6V6CkhcIWomAVHhBGTvbRhGWSqpKTZVpexSDPdwIKEHijeA08R9Kx0-TDibLBNiVe1xgMPKeNg6kD2IDXjs/s320/Screenshot+from+2016-02-17+08%253A00%253A11.png" width="320" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO7zclsnZUwoPBnatKb-05uI4JO_FdK_ltyccNBnweqKBKuh_gzDeljhK9YOIs03P7opQ-9qeVNihh5PigJ-rpSv5qVmZ91ytS4W312QYzVeDTImVoNYczD7L8CgWCSUcfZUpN-MdVDQI/s1600/Screenshot+from+2016-02-17+08%253A05%253A02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO7zclsnZUwoPBnatKb-05uI4JO_FdK_ltyccNBnweqKBKuh_gzDeljhK9YOIs03P7opQ-9qeVNihh5PigJ-rpSv5qVmZ91ytS4W312QYzVeDTImVoNYczD7L8CgWCSUcfZUpN-MdVDQI/s320/Screenshot+from+2016-02-17+08%253A05%253A02.png" width="320" /></a></div>
<br />
12. Dan setelah itu beri hak akses pada semua file-file yang ada didalam foldernya prestashop.<br />
<br />
13. Setelah selesai anda bisa lihat hasilnya seperti dibawah ini:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhefPVlagG126-CgbszRH3FKjhLRCrGpZpg-OMDjgQHCaUYv17WGtN1VJ3KUGQuFq4DhrBOLBiMsyxHPbpdWnCnWo3jAQTeJI5kk5ps30vS25nOceJMepmhfT4p0wwLvD4kvtFU6f4P-bA/s1600/Screenshot+from+2016-02-23+13%253A55%253A41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhefPVlagG126-CgbszRH3FKjhLRCrGpZpg-OMDjgQHCaUYv17WGtN1VJ3KUGQuFq4DhrBOLBiMsyxHPbpdWnCnWo3jAQTeJI5kk5ps30vS25nOceJMepmhfT4p0wwLvD4kvtFU6f4P-bA/s320/Screenshot+from+2016-02-23+13%253A55%253A41.png" width="320" /></a></div>
<br />

TUTORIAL INSTALL PRESTASHOP 1. Download lah terlebih dahulu, lalu klik ok. Lihat gambar dibawah ini: 2. Setelah download selesai, lalu kita copy file tersebut ke /var/www/html. Lihat gambar dibawah ini: 3. Setelah dipindah kita unzip terlebih dahulu. Lihat gambar dibawah ini: 4. Setelah unzip selesai kita kelangkah selanjutnya yaitu kita extract l…