Fungsi Echo, $, POST, dan GET pada PHP

Posted by Unknown Labels: at 3:13 PM

<h2 style="text-align: center;">
Fungsi Echo, $, POST, dan GET pada PHP</h2>
<div style="text-align: left;">
Kali ini saya akan sharing tentang fungsi Echo, $, POST, dan GET pada PHP, dibawah ini penjelasannya:</div>
<br />
1. <span style="font-family: Arial,Helvetica,sans-serif;">Echo</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">echo()
 berfungsi untuk menampilkan satu atau lebih data string kedalam 
internet browser. Fungsi echo() ini sering digunakan oleh programmer 
karena penggunaannya yang sangat dibutuhkan dalam pemograman, dan juga 
karena sangat mudah digunakan. Fungsi
 echo() memiliki keunikan tersendiri, dimana bisa menyediakan lebih dari
 satu buah parameter, dengan parameter dasarnya adalah: $arg1.</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">Semua
 data di Parameter yang ada bisa Anda masukkan secara langsung ke dalam 
fungsi echo(), atau dengan bantuan variable terlebih dahulu. Silahkan 
masukkan data yang Anda inginkan berdasarkan kebutuhan yang sedang Anda 
hadapi, atau dengan menggunakan metode gaya penulisan favorit Anda.</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">Ini yang saya jalankan lewat text editor:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbWnZ2JGFoP5LGU6MQmzuxVErex7Iipn3OALQ3r0xyK1tKLRzT3eMAiVaRuDrDu9Nz-h8LWMED-WqU7VR5f3y8G01BT4vLTVRcgeMkKQi54vKBOhqsHmBO92ShjMI4vVk1nIlkV6Fmjas/s1600/Screenshot+from+2016-03-21+13%253A34%253A04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbWnZ2JGFoP5LGU6MQmzuxVErex7Iipn3OALQ3r0xyK1tKLRzT3eMAiVaRuDrDu9Nz-h8LWMED-WqU7VR5f3y8G01BT4vLTVRcgeMkKQi54vKBOhqsHmBO92ShjMI4vVk1nIlkV6Fmjas/s320/Screenshot+from+2016-03-21+13%253A34%253A04.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/AVvXsEjMTM4pz5_yt8-8Y-PF_uGcZiArEtHnBPhPjA7IPQFykkO6TOU4yVM1X7QWKPzJurIhLvdedj9HlNdcP3RQ1bQ-kbanmN8sIRznugpoP4g_aI4T3yKR4nu_w4EVQm-_gXbrj2zhCKIuUFE/s1600/Screenshot+from+2016-03-21+13%253A35%253A38.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMTM4pz5_yt8-8Y-PF_uGcZiArEtHnBPhPjA7IPQFykkO6TOU4yVM1X7QWKPzJurIhLvdedj9HlNdcP3RQ1bQ-kbanmN8sIRznugpoP4g_aI4T3yKR4nu_w4EVQm-_gXbrj2zhCKIuUFE/s320/Screenshot+from+2016-03-21+13%253A35%253A38.png" width="320" /></a></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; text-align: justify; text-indent: 36.0pt;">
 
<span style="font-family: "Times New Roman","serif";"> </span></div>
Perbedaan fungsi echo() ketika menggunakan tanda kutip ganda (") dengan ketika menggunakan tanda kutip tunggal ('):<br />
<br />
Ketika menggunakan tanda kutip ganda, maka semua variable yang terdapat di dalam data string yang akan diproses oleh echo(), seluruh data akan diproses terlebih dahulu sehingga semua data dalam variable akan dimasukkan ke dalam hasil keluarannya. Sedangkan fungsi echo() jika menggunakan tanda petik tunggal ('), semua isi variabel tidak akan di proses lebih lanjut sehingga hasil keluarannya hanya menampilkan nama variablenya saja .<br />
<br />
2. $ (dollar)<br />
<br />
Dengan PHP kita bisa mengambil sebuah nilai atau mengisi nilai pada sebuah variabel yang ditandai dengan dollar($), simbol ini merupakan simbol variabel dalam PHP. Selain melakukan 2 hal diatas, kita juga bisa membuat sebuah variabel dari sebuah nilai yang ada pada variabel, <span style="font-family: 'Times New Roman', serif; text-indent: 18pt;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">artinya jika var bernilai satu, var adalah variabel dan satu adalah 
nilai, dan jika kita memanggil variabel var maka yang keluar adalah 
satu. Dengan Variabel Variabels nya PHP kita bisa membuat sebuah 
variabel yang bernama satu dengan nilai yang bisa kita tentukan sendiri.</span></span></span><br />
<ul>
<li><span style="font-family: 'Times New Roman', serif; text-indent: 18pt;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">$var="satu"</span></span></span><span style="font-family: 'Times New Roman', serif; text-indent: 18pt;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"> </span></span></span></li>
</ul>
<span style="font-family: 'Times New Roman', serif; text-indent: 18pt;"></span><span style="font-family: Arial,Helvetica,sans-serif;">Mengisi nilai variabel $var dengan string "satu".</span><span style="font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"></span><br />
<ul>
<li><span style="font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="font-family: 'Times New Roman'; font-size: 7pt;"></span></span><span style="font-family: Arial,Helvetica,sans-serif;">echo $var ;</span><span style="font-family: "Times New Roman","serif";"></span></li>
</ul>
<span style="font-family: Arial,Helvetica,sans-serif;">Output: satu<span style="font-size: 7pt;">  </span></span><br />
<ul>
<li><span style="font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-family: Arial,Helvetica,sans-serif;">$$var = 1 ; </span></li>
</ul>
<span style="font-family: Arial,Helvetica,sans-serif;">Membuat sebuah variabel yaitu satu dengan nilai integer 1.</span><br />
<ul>
<li><span style="font-family: Arial,Helvetica,sans-serif;">echo $satu; </span></li>
</ul>
<span style="font-family: Arial,Helvetica,sans-serif;">Output: 1</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;"></span><span style="font-family: "Times New Roman","serif";"></span><span style="font-family: Arial,Helvetica,sans-serif;">Hal
 ini bermanfat ketika ingin melakukan asosiasi sebuah variabel secara 
langsung ataupun ingin mengambil nilai variabel yang telah ditentukan 
namanya. </span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;">Perintah
 ini juga bisa dilakukan untuk variabel GLOBAL seperti $_GET atau 
$_POST, misalkan kita ingin mengambil nilai variabel $_POST, bisa dengan
 cara berikut:</span>
<br />
<ul>
<li><span style="font-family: "Times New Roman","serif";">$p = "_POST";</span><span style="font-family: "Times New Roman","serif";"> </span></li>
<li><span style="font-family: "Times New Roman","serif";">$nilai = $$p</span>
</li>
</ul>
<span style="font-family: Arial,Helvetica,sans-serif;">Dengan kode diatas kita telah mengcopy nilai $_POST ke $nilai.</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">Ini yang saya buat lewat text editor, dibawah ini:</span><br />
<span style="font-family: "Times New Roman","serif";"> </span> <span style="font-family: 'Times New Roman', serif; text-indent: 18pt;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ3Yd72q_AM41HRco0a50wBWysEnKIKgO55c3XxPj_qoTlAgtvOIwNuynP-oqoeBPtZ5Tg8M6d5C1oiKld_9VCFeTIqiGK2ah06i0VLAfjY3B-ig7VhGuZFuaMZ8RmMR0EQB4rb5zv-tY/s1600/Screenshot+from+2016-03-21+14%253A30%253A17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ3Yd72q_AM41HRco0a50wBWysEnKIKgO55c3XxPj_qoTlAgtvOIwNuynP-oqoeBPtZ5Tg8M6d5C1oiKld_9VCFeTIqiGK2ah06i0VLAfjY3B-ig7VhGuZFuaMZ8RmMR0EQB4rb5zv-tY/s320/Screenshot+from+2016-03-21+14%253A30%253A17.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/AVvXsEjcGWov2M9GH0pIaRyZBdXMztRPAzob5j7Uk3YrnLrTSow_Fcz-LCV0uuWRUnPN_8LXIiiyW1DNAW8g8CTk0ADvMPDka5crTdr13zRyHzWtZmy_Acd0YFfgfNhZCq5EElKTd24pTt0Efcg/s1600/Screenshot+from+2016-03-21+14%253A32%253A34.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcGWov2M9GH0pIaRyZBdXMztRPAzob5j7Uk3YrnLrTSow_Fcz-LCV0uuWRUnPN_8LXIiiyW1DNAW8g8CTk0ADvMPDka5crTdr13zRyHzWtZmy_Acd0YFfgfNhZCq5EElKTd24pTt0Efcg/s320/Screenshot+from+2016-03-21+14%253A32%253A34.png" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
3. POST AND GET<br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">Fungsi
 dan Perbedaan Method POST dan GET pada PHP – Dalam dunia PHP 
Programming tentu menggunakan Method POST dan GET. Apa itu Method POST 
dan GET ? Sedikit pengertian dari kegunaan Method POST dan GET ini sama 
yaitu untuk mengirimkan nilai variabel ke halaman lain atau mengirimkan 
ke database dan mengambil nilai variabel dari halaman lain atau 
mengambil data pada database.</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">
</span><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: Arial,Helvetica,sans-serif;">
Penggunaan
 Method POST dan GET ini biasanya menggunakan form pada halaman PHP. 
Untuk perbedaannya sangatlah kecil pada Method POST dan GET namun sangat
 terlihat.</span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: Arial,Helvetica,sans-serif;"> </span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: Arial,Helvetica,sans-serif;">METHOD $_POST</span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: Arial,Helvetica,sans-serif;"> </span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: Arial,Helvetica,sans-serif;">Ini yang saya buat lewat text editor, disave dengan nama index.php: </span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: Arial,Helvetica,sans-serif;"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggvOBA_zFh744Dozi7TyGt30oG9Jk2S8QRtNMQHtbytyJOQ9z0Q98OEjUmYRriMCn0jdbrwJ8uz9gBVaZD7dM5jFOSON9VkAWF77gGJvsN2dc6h1xhs-isz46fzwDTJiUIhZZ-dabHWuY/s1600/Screenshot+from+2016-03-21+14%253A46%253A32.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggvOBA_zFh744Dozi7TyGt30oG9Jk2S8QRtNMQHtbytyJOQ9z0Q98OEjUmYRriMCn0jdbrwJ8uz9gBVaZD7dM5jFOSON9VkAWF77gGJvsN2dc6h1xhs-isz46fzwDTJiUIhZZ-dabHWuY/s320/Screenshot+from+2016-03-21+14%253A46%253A32.png" width="320" /></a></div>
</span><div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">Ini disave dengan nama lihat.php:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQELrQoXTo5PC1EkoZOiWy7PyqhlPkRcE8pXyTX0gxuHm922uSb7Y3hWCxKjM8EOQTqGBWwKC7XS5Z2-rOySt4sk7DmfacMfblhTYAp_TpzdAUCfeaVB3VtFub8rrVKot7F_tfqFho5QU/s1600/Screenshot+from+2016-03-21+14%253A54%253A47.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQELrQoXTo5PC1EkoZOiWy7PyqhlPkRcE8pXyTX0gxuHm922uSb7Y3hWCxKjM8EOQTqGBWwKC7XS5Z2-rOySt4sk7DmfacMfblhTYAp_TpzdAUCfeaVB3VtFub8rrVKot7F_tfqFho5QU/s320/Screenshot+from+2016-03-21+14%253A54%253A47.png" width="320" /></a></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"> </span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"> </span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">Ini yang saya jalankan lewat web browser:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1WW08u2BANxREevNinQ8SfI2DVD2gjVLstpGq5o2OLzG6lAh-xmrp0_k6mDmNTzc5MmvfX9E9G6FhK4pbzyySAm2jAXSVy8CjiCU9eemJW6ymCVuqL-KHZV4oiwlKPuU4w1gBzuKVtI8/s1600/Screenshot+from+2016-03-21+14%253A49%253A10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1WW08u2BANxREevNinQ8SfI2DVD2gjVLstpGq5o2OLzG6lAh-xmrp0_k6mDmNTzc5MmvfX9E9G6FhK4pbzyySAm2jAXSVy8CjiCU9eemJW6ymCVuqL-KHZV4oiwlKPuU4w1gBzuKVtI8/s320/Screenshot+from+2016-03-21+14%253A49%253A10.png" width="320" /></a></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"> setelah klik login akan seperti dibawah ini:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXpHhaO43PlmRvNfo4Om_TrRDTghrSZFeEU-REVeL-o2jSSeFJx7ttA2BldzaePWB2gjSdoMXPy9ojzZgmiZrX5ISzIoWkSKB52OZrET0EAylJuVwOyso3t7qvtpa3-iKwE32tTX7XMss/s1600/Screenshot+from+2016-03-21+14%253A49%253A13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXpHhaO43PlmRvNfo4Om_TrRDTghrSZFeEU-REVeL-o2jSSeFJx7ttA2BldzaePWB2gjSdoMXPy9ojzZgmiZrX5ISzIoWkSKB52OZrET0EAylJuVwOyso3t7qvtpa3-iKwE32tTX7XMss/s320/Screenshot+from+2016-03-21+14%253A49%253A13.png" width="320" /></a></div>
 </div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
METHOD$_GET</div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
 </div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">Ini yang saya buat lewat text editor, dan disave dengan nama index1.php:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV5IRVmv0KWSn-ZrKvlVlUnHSR5K5YcBCZ2k1qCrVVU4j6JQR0PHFcFddI33cb2wDOEp2SCRpS4RKrohXd9tJZbs_ECybwemRGFwicPCJ0AT9nC_pBOh6CdcNwklz2AqkDkIHyX6arCek/s1600/Screenshot+from+2016-03-21+14%253A56%253A25.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV5IRVmv0KWSn-ZrKvlVlUnHSR5K5YcBCZ2k1qCrVVU4j6JQR0PHFcFddI33cb2wDOEp2SCRpS4RKrohXd9tJZbs_ECybwemRGFwicPCJ0AT9nC_pBOh6CdcNwklz2AqkDkIHyX6arCek/s320/Screenshot+from+2016-03-21+14%253A56%253A25.png" width="320" /></a></div>
Ini yang disave dengan nama lihat2.php:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAsFTumjRaS5eOmFm-ihoWm_2NgMs6OS9yawYEdoyy0aES15oi7vi7T2IhHcxx1s5Yj2xM0xRSzbQ0xrBWQju-Y_27BDd02APKgCMELaIdHVm8ca74uFRmy_aPvjCUq5T05C7UF8Q8VgE/s1600/Screenshot+from+2016-03-21+14%253A59%253A22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAsFTumjRaS5eOmFm-ihoWm_2NgMs6OS9yawYEdoyy0aES15oi7vi7T2IhHcxx1s5Yj2xM0xRSzbQ0xrBWQju-Y_27BDd02APKgCMELaIdHVm8ca74uFRmy_aPvjCUq5T05C7UF8Q8VgE/s320/Screenshot+from+2016-03-21+14%253A59%253A22.png" width="320" /></a></div>
<br />
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
</div>
<br />
<br />
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /><div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">Ini yang saya jalankan lewat web browser:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvcgkj_3tNPbb9Fr4tQR6-dK9AH4I1Vq1RWzaV4b46M7bZPqMgzjZtS1LiinA2kMVjJusnJclSZ-F3giqZckYArlV-0kS_qdrQkICjn-vxC8iZax5XM2Tt70wQZcX5m-pvhD-DLZGXgDc/s1600/Screenshot+from+2016-03-21+15%253A00%253A16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvcgkj_3tNPbb9Fr4tQR6-dK9AH4I1Vq1RWzaV4b46M7bZPqMgzjZtS1LiinA2kMVjJusnJclSZ-F3giqZckYArlV-0kS_qdrQkICjn-vxC8iZax5XM2Tt70wQZcX5m-pvhD-DLZGXgDc/s320/Screenshot+from+2016-03-21+15%253A00%253A16.png" width="320" /></a></div>
Setelah di klik login akan seperti dibawah ini:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLxFPBFG_cDutUG_xn136f746xYJHfLnpBt9TMC4szLYyONRzauvx5smrF4oKxT5jt9AWNsXfnknPAknP0FXvNw_CjYsb4uVUOq4r9uzZ9lrEjV_M7mPZEyj185dxO67Ib_hP8nq25cPA/s1600/Screenshot+from+2016-03-21+15%253A01%253A44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLxFPBFG_cDutUG_xn136f746xYJHfLnpBt9TMC4szLYyONRzauvx5smrF4oKxT5jt9AWNsXfnknPAknP0FXvNw_CjYsb4uVUOq4r9uzZ9lrEjV_M7mPZEyj185dxO67Ib_hP8nq25cPA/s320/Screenshot+from+2016-03-21+15%253A01%253A44.png" width="320" /></a></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
</div>
<br />
<br />
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /><div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">Fungsi dan perbedaan Method POST dan GET pada PHP:</span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"> </span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">Setelah saya praktekkan saya tau dimana perbedaan antara method POST dan GET, yaitu pada URLnya. Pada method post tidak menampilkan nilai variabel pada URL, lihat dibawah ini:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN0WrLxs4Vo5Vgn7Q42Qn1lWDNDRg4G2f4QwJdNX0jK5O5SpyTwx1tQxomrwIFWDUT2AbFzjvzvhaUZDyEXQxRJynkfndXg2z_PqvFMCHoSbeGdWVnyWGeaighbEs8sE30as1VPv7E1cM/s1600/Screenshot+from+2016-03-21+15%253A08%253A01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN0WrLxs4Vo5Vgn7Q42Qn1lWDNDRg4G2f4QwJdNX0jK5O5SpyTwx1tQxomrwIFWDUT2AbFzjvzvhaUZDyEXQxRJynkfndXg2z_PqvFMCHoSbeGdWVnyWGeaighbEs8sE30as1VPv7E1cM/s1600/Screenshot+from+2016-03-21+15%253A08%253A01.png" /></a></div>
Sedangkan method GET menampilkan nilai variabel yang dikirimkan , lihat dibawah ini:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix1yBwI8gchFqPTjJ7hmu9U4Cig2JZzcYHsMQ0unlldnna44s0G0-dKn_hltZxr-xoVUaCb3fILl0SQvsPiVtLNxW2ZXx3mfEo4Br_V9kCvDe6DqNil3v1F4DfH2aiqfJy2ZZTsMAqwSM/s1600/Screenshot+from+2016-03-21+15%253A10%253A28.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="19" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix1yBwI8gchFqPTjJ7hmu9U4Cig2JZzcYHsMQ0unlldnna44s0G0-dKn_hltZxr-xoVUaCb3fILl0SQvsPiVtLNxW2ZXx3mfEo4Br_V9kCvDe6DqNil3v1F4DfH2aiqfJy2ZZTsMAqwSM/s320/Screenshot+from+2016-03-21+15%253A10%253A28.png" width="320" /></a></div>
Kesimpulannya:<br />
<ul>
<li><span style="font-family: Arial,Helvetica,sans-serif;"><span style="text-indent: -18pt;">Method POST tidak menampilkan nilai variabel pada URL dan Method GET menampilkan nilai variabel yang dikirimkan.</span></span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;"><span style="text-indent: -18pt;">Method POST lebih aman dan Method GET kurang aman (pada contoh diatas berati password ditampilkan pada URL).</span></span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;"><span style="text-indent: -18pt;">Jika Method GET dibatasi panjang string hingga 2047 karakter, Method POST tidak.</span></span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;"><span style="text-indent: -18pt;">Perbedaan pengambilan data jika Method POST menggunakan $_POST sedangkan Method GET menggunakan $_GET.</span></span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;"><span style="text-indent: -18pt;">Method POST biasanya digunakan untuk input dari FORM, Method GET menggunakan input dari LINK atau akses menggunakan link.</span></span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;"><span style="text-indent: -18pt;">Method
 POST digunakan untuk mengirimkan data rahasia seperti password, Method 
GET digunakan untuk mengirimkan/mengambil data pablik seperti id_user 
atau id_halaman.</span></span></li>
</ul>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /><div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"> </span></div>
<span style="font-family: Arial,Helvetica,sans-serif;"></span><span style="font-family: Arial,Helvetica,sans-serif;"></span>

</div>

Fungsi Echo, $, POST, dan GET pada PHP Kali ini saya akan sharing tentang fungsi Echo, $, POST, dan GET pada PHP, dibawah ini penjelasann...

Sekilas Tentang PHP!

Posted by Unknown Labels: at 11:14 AM

<h2 style="text-align: center;">
Sekilas Tentang PHP!</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq80tv_6_dCGcWcfpNUDPA92ZWyjouuIzBkk1gUQa9XSHYvrb_1rWPwz9fIBh2pzrA0GFBF8yzjaLsh1IYEnBfp2bT-TGxitu0-wkGOEHrpEghsXqV-5Rc1MX5o8iSGAYL4sWwDhT9-y0/s1600/php.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq80tv_6_dCGcWcfpNUDPA92ZWyjouuIzBkk1gUQa9XSHYvrb_1rWPwz9fIBh2pzrA0GFBF8yzjaLsh1IYEnBfp2bT-TGxitu0-wkGOEHrpEghsXqV-5Rc1MX5o8iSGAYL4sWwDhT9-y0/s320/php.png" width="320" /></a></div>
Apa Pengertian PHP ? PHP adalah sebuah kepanjangan dari Hypertext 
Preprocessor, PHP Atau Hypertext Preprocessor ialah sebuah bahasa 
pemrograman yang berupa kode atau script yang bisa ditambahkan ke dalam Bahasa pemrograman HTML  ,
 PHP itu sendiri sering kali digunakan untuk hal merancang, membuat dan 
juga memprogram sebuah website. PHP juga sangat sering digunakan untuk 
membuat sebuah ataupun beberapa CMS, CMS ialah sebuah software atau 
perangkat lunak yang mempunyai kegunaan untuk memanipulasi semua atau 
beberapa isi dari sebuah halaman website.<br />
PHP digunakan dan dijalankan di sebuah halaman website untuk mengolah
 isi data dari website tersebut yang akan dilihat oleh para pengunjung 
dari website tersebut. PHP dengan HTML diibaratkan sebagai 2 komponen 
yang saling bekerja sama dan menyatu yang tidak dapat dipisahkan, 
Mengapa begitu? Karena kedua bahasa pemrograman ini yaitu PHP dan HTML 
saling melengkapi semua data dan isi dari suatu website. Script yang 
terdiri dari komponen PHP menyatu dengan Script HTML. PHP mempunyai 
kegunaan juga untuk membuat sebuah halaman utama atau homepage dari 
sebuah website menjadi lebih bagus dan bersifat dinamis serta elegan. 
Hasil survey dari beberapa web developer indonesia, mereka mengatakan 
bahwa PHP adalah bahasa pemrograman yang paling sering digunakan pada 
tahun ini. Salah satu program dari database yang sangat membutuhkan 
Bahasa Pemrograman PHP ini adalah Program Database MySql. Mengapa MySql 
sangat membutuhkan PHP ? Hal ini dikarenakan Bahasa Pemrograman PHP 
dapat memudahkan si Web Developer yang menggunakan MySql untuk melihat 
informasi detail mengenai Website nya dan data-data pengunjung serta 
data-data lainnya secara otomatis akan disimpan di dalam Database. PHP 
sendiri bisa juga digunakan untuk membuat games di website.<br />
PHP juga merupakan salah satu Bahasa Pemrograman yang masih baru dan 
mungkin saja masih akan ada pengembangan dari Bahasa Pemrograman ini. 
Pada Awal kehadirannya Bahasa Pemrograman PHP ini bukanlah kepanjangan 
dari Hypertext Preprocessor akan tetapi masih mempunyai kepanjangan 
Personal Home Page, Namun seiring berjalannya waktu Kepanjangan PHP itu 
diganti dan diperbaharui oleh pembuat bahasa pemrograman ini. Pembuat 
dan Pengembang Bahasa Pemrograman PHP adalah Seorang Programmer 
Laki-laki yang menempat dan lahir di Denmark, Programmer ini bernama 
Rasmus Lerdorf yang lahir pada tahun 1968 tepatnya pada 22 November 
1968. Bahasa Pemrograman PHP dibuat dan dikembangkan oleh Rasmus Lerdof 
pada awal tahun 1995. Sebelum menjadi seperti sekarang ini, PHP dahulu 
masih bernama FI atau Form Interpreted, Script atau Kode yang mempunyai 
kegunaan untuk menyunting data data formulir dari sebuah website. Lalu 
seiring berjalannya waktu dan perkembangan jaman Nama FI Diubah Menjadi 
PHP, dan si pembuat bahasa pemrograman php mengubah php menjadi sumber 
terbuka, dan setiap programmer yang tertarik dengan Bahasa PHP dapat 
ikut mengembangkan Bahasa Pemrograman PHP ini. Pada Tahun 1997 Bahasa 
Pemrograman PHP dapat kemajuan yang berdampak meningkatkan kemampuan 
Bahasa Pemrograman PHP ini menjadi lebih baik dan bagus. Berikut ini 
akan saya jelaskan lagi lebih lengkap semua sejarah mengenai Bahasa 
Pemrograman ini, Sejarah <b>PHP Adalah</b> akan saya bagikan beberapa sejarahnya sebagai berikut, Diantaranya :<br />
<ol>
<li>Di Tahun 1997, PHP Mengembangkan interpreter dari PHP yang bisa digunakan kedalam Program C.</li>
<li>Di Tahun 1997, Sebuah Perusahaan yang mempunyai nama Zend menyunting
 secara ulang interpreter dari PHP itu dan membuatnya menjadi lebih 
bagus lagi dan lebih cepat.</li>
<li>Di Tahun 1999, Perusahaan Zend tersebut membuat dan mengembangkan Versi Bahasa Pemrograman PHP yang terbaru yaitu PHP Versi 4.</li>
<li>Dan Di Tahun 2009 Lalu, PHP kembali mengembangkan versi paling barunya yaitu PHP Versi 5.</li>
</ol>
Itulah 4 sejarah lengkap mengenai Bahasa Pemrograman PHP ini yang 
sudah saya tulis dan bagikan untuk anda, Selanjutnya saya akan 
Membagikan beberapa kelebihan Bahasa Pemrograman PHP dibandingkan dengan
 Bahasa Pemrograman Komputer yang lain, Diantaranya sebagai berikut :<br />
<ul>
<li>Sangat Banyak Server-server website yang mendukung bahasa pemrograman PHP ini karena fungsinya yang bagus.</li>
<li>Bahasa Pemrograman PHP dapat digunakan dengan mudah oleh setiap Web 
Developer dikarenakan script dan kode-kode Bahasa PHP ini sangat mudah 
dipahami.</li>
<li>PHP merupakan Bahasa Pemrograman yang tidak pernah dan tidak akan pernah melakukan sebuah kompilasi didalam penggunannya.</li>
<li>PHP adalah Bahasa Pemrograman Komputer yang sering dan memiliki banyak refrensi dari segala sumber.</li>
<li>Bahasa Pemrograman PHP Bersifat Sumber Terbuka yaitu dapat digunakan di segala jenis mesin Seperti Unix, Windows, Linux, DLL.</li>
<li>Bahasa Pemrograman PHP Dapat menjalankan sebuah ataupun beberapa perintah dari suatu sistem.</li>
<li>PHP dapat dijalankan dan digunakan secara runtime melalui sebuah konsol </li>
</ul>
<br />
Referensi: https://rahman371.wordpress.com <br />
<ul>
</ul>

Sekilas Tentang PHP! Apa Pengertian PHP ? PHP adalah sebuah kepanjangan dari Hypertext Preprocessor, PHP Atau Hypertext Preprocessor ia...

Menambahkan CSS styling links pada web

Posted by Unknown Labels: at 3:49 PM

Saya disini akan menghias web saya dengan linksnya ditambahkan. Dibawah ini saya edit edit sendiri sampai ukurannya sampai dengan selera dengan mengubah-ubah width dan heighnya. <br />
<br />
Ini yang saya tambahkan scrript di bagian CSS, lihat di text editor dibawah ini:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQfraSucOkgAuoCioG5mYbFzrBmnjNegvkoA_c4ptalU6s2mmymRZNvVUFJaaVFX3z7DzpMuc1_ns1Pyk_OJ_-yeBD7ugbAC_oZnWEaRTq3Yt9DDC_iTOXGsF4B0xR3CqVCA8-DCJen38/s1600/Screenshot+from+2016-03-19+15%253A20%253A10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQfraSucOkgAuoCioG5mYbFzrBmnjNegvkoA_c4ptalU6s2mmymRZNvVUFJaaVFX3z7DzpMuc1_ns1Pyk_OJ_-yeBD7ugbAC_oZnWEaRTq3Yt9DDC_iTOXGsF4B0xR3CqVCA8-DCJen38/s320/Screenshot+from+2016-03-19+15%253A20%253A10.png" width="320" /></a></div>
Ini yang saya jalankan di web browser:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJfNTN_LEaHgQtNC_p8kXE9Nb2zPk_GGBe8oeIbIgB0b12R2VXElcA22LoIh43-kEmjsynWgkWpD9O5S5lNM-5JGdlRXvUt8Byr1vKuKQ5RMi8L29_HvS9m3yJjx7Xr1SxJZNkmbN8u38/s1600/Screenshot+from+2016-03-19+15%253A21%253A50.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJfNTN_LEaHgQtNC_p8kXE9Nb2zPk_GGBe8oeIbIgB0b12R2VXElcA22LoIh43-kEmjsynWgkWpD9O5S5lNM-5JGdlRXvUt8Byr1vKuKQ5RMi8L29_HvS9m3yJjx7Xr1SxJZNkmbN8u38/s320/Screenshot+from+2016-03-19+15%253A21%253A50.png" width="320" /></a></div>
<span class="" id="result_box" lang="id"><span class="">Selain itu</span><span>,</span> <span>link</span> <span>bisa ditata</span> <span>secara berbeda tergantung pada</span> <span>apa yang</span> <span>negara</span> <span class="">mereka berada di</span><span>.</span><br /><span class="">Keempat</span> <span>Link</span> <span>negara</span> <span>adalah</span><span>: </span></span><br />
<span class="" id="result_box" lang="id"><span>a</span><span>: link</span> <span>-</span> <span>normal</span><span>,</span> <span>link yang</span> <span>belum dikunjungi</span><span>.</span> </span><br />
<span class="" id="result_box" lang="id"><span>a: visited</span> <span>-</span> <span>link</span> <span>pengguna telah mengunjungi</span><span>.</span> </span><br />
<span class="" id="result_box" lang="id"><span>a</span><span>: hover</span> <span>-</span> <span>link</span> <span>ketika pengguna</span> <span>Gunaka mouse</span> <span>itu</span><span>.</span> </span><br />
<span class="" id="result_box" lang="id"><span>a</span><span>:</span> <span>aktif</span> <span>-</span> <span>link</span> <span>saat</span> <span>diklik</span><span>.</span></span><br />
<br />

Saya disini akan menghias web saya dengan linksnya ditambahkan. Dibawah ini saya edit edit sendiri sampai ukurannya sampai dengan selera den...

Belajar CSS bagian CSS Borders di W3SCHOOL

Posted by Unknown Labels: at 1:12 PM

<h2 style="text-align: center;">
Belajar CSS bagian CSS Borders di W3SCHOOL</h2>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<b>CSS Borders</b></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<b>1. Borders style </b></div>
<div style="text-align: left;">
Properti border-style menentukan jenis perbatasan apa yang akan ditampilkan.</div>
<div style="text-align: left;">
<b> </b></div>
<div style="text-align: left;">
Nilai-nilai berikut yang diizinkan:</div>
<div style="text-align: left;">
1. Dotted mendefinisikan perbatasan bertitik</div>
<div style="text-align: left;">
2. Dashed mendefinisikan perbatasan putus-putus</div>
<div style="text-align: left;">
3. Solid mendefinisikan sebuah perbatasan yang solid</div>
<div style="text-align: left;">
4. Double mendefinisikan perbatasan ganda</div>
<div style="text-align: left;">
5. Groove mendefinisikan sebuah perbatasan berlekuk 3D efeknya tergantung pada nilai border-color</div>
<div style="text-align: left;">
6. Ridge mendefinisikan sebuah perbatasan bergerigi 3D efeknya tergantung pada nilai border-color</div>
<div style="text-align: left;">
7. Inset mendefinisikan sebuah perbatasan inset 3D efeknya tergantung pada nilai border-color</div>
<div style="text-align: left;">
8. Outset mendefinisikan sebuah perbatasan awal 3D efeknya tergantung pada nilai border-color</div>
<div style="text-align: left;">
9. None mendefinisikan ada batas</div>
<div style="text-align: left;">
10. Hidden mendefinisikan perbatasan tersembunyi</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
ini 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/AVvXsEihLUftWXr5K3AIRf3L2oe8qiIw-4BghVEiPwbMj6UwneCLcN3zcCYcb4wT27li-5CLxpK8mQyuCe3xjS1_gp8IBsGEILtVpZOVOluaCc0l342P-dsuGrf4U1f00nc7dMSlEe5MJVn9GsY/s1600/Screenshot+from+2016-03-19+10%253A57%253A26.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihLUftWXr5K3AIRf3L2oe8qiIw-4BghVEiPwbMj6UwneCLcN3zcCYcb4wT27li-5CLxpK8mQyuCe3xjS1_gp8IBsGEILtVpZOVOluaCc0l342P-dsuGrf4U1f00nc7dMSlEe5MJVn9GsY/s320/Screenshot+from+2016-03-19+10%253A57%253A26.png" width="320" /></a></div>
ini yang dijalankan lewat web browser:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2rbpFGZefMjtI-E-DiHkGXpUhzyc3-Yv6IvWfUSjUmoNJrcDz-JbDfKlhbhTgx_bIDQUh6kkv15qz6mHgraieBD2ksMtjJfap9M76NQhgQ99MwMNBKsWLO8tYuRzAQysIkC5QWCh4tgo/s1600/Screenshot+from+2016-03-19+11%253A00%253A08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2rbpFGZefMjtI-E-DiHkGXpUhzyc3-Yv6IvWfUSjUmoNJrcDz-JbDfKlhbhTgx_bIDQUh6kkv15qz6mHgraieBD2ksMtjJfap9M76NQhgQ99MwMNBKsWLO8tYuRzAQysIkC5QWCh4tgo/s320/Screenshot+from+2016-03-19+11%253A00%253A08.png" width="320" /></a></div>
<b>2. Borders width</b><br />
<br />
<span class="" id="result_box" lang="id"><span class="">Properti border</span>-width menentukan <span class="">lebar</span> empat perbatasan. </span><br />
<span class="" id="result_box" lang="id"><br /></span>
<span class="" id="result_box" lang="id">Lebar dapat diatur sebagai ukuran tertentu (dalam px, pt, cm, em, dll) atau dengan menggunakan salah satu dari tiga nilai yang telah ditentukan: tipis, sedang, atau tebal.</span><br />
<br />
Ini yang saya jalankan lewat text editor:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi14SABHSjWUDIFm5Q4ZFu7DLkA_RBRaKBoc1Irf28sAo02OjHayMvOpJMj1yRjMdCjSOGlyrOYVZns4U_n8pX7l25dHou4icIgCU_Q8ixthWTdnyJkLidv44wAMTGZfhMST4RVv4oFETc/s1600/Screenshot+from+2016-03-19+11%253A10%253A06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi14SABHSjWUDIFm5Q4ZFu7DLkA_RBRaKBoc1Irf28sAo02OjHayMvOpJMj1yRjMdCjSOGlyrOYVZns4U_n8pX7l25dHou4icIgCU_Q8ixthWTdnyJkLidv44wAMTGZfhMST4RVv4oFETc/s320/Screenshot+from+2016-03-19+11%253A10%253A06.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhber0Xb3AjIKOTe2uHBtGIr7AfA7ScXkTy_24Pu3bJu_XWP8OFLuqSectAjVBy0L7WNRQG1P-zDaR8MAyhY9fObUZkDfWApySy8yCAtPNUqN4K2pG2UPITiHetJvR5lcpJUpKdNC-uHr4/s1600/Screenshot+from+2016-03-19+11%253A26%253A26.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhber0Xb3AjIKOTe2uHBtGIr7AfA7ScXkTy_24Pu3bJu_XWP8OFLuqSectAjVBy0L7WNRQG1P-zDaR8MAyhY9fObUZkDfWApySy8yCAtPNUqN4K2pG2UPITiHetJvR5lcpJUpKdNC-uHr4/s320/Screenshot+from+2016-03-19+11%253A26%253A26.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/AVvXsEic6vzdendX6B4H9sR18kkjg4t_hFtxs9cjvF3_PYcm0zOIyUv0jfDi8ICKaB607U1R5X7hgJguQM5LyLb38ArpaZtRqrDsllmRX8mnYyt3egjbHQ6YdYVwK-Q2JTJEyoAKfq4AX3qOO0U/s1600/Screenshot+from+2016-03-19+11%253A28%253A19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic6vzdendX6B4H9sR18kkjg4t_hFtxs9cjvF3_PYcm0zOIyUv0jfDi8ICKaB607U1R5X7hgJguQM5LyLb38ArpaZtRqrDsllmRX8mnYyt3egjbHQ6YdYVwK-Q2JTJEyoAKfq4AX3qOO0U/s320/Screenshot+from+2016-03-19+11%253A28%253A19.png" width="320" /></a></div>
<br />
<b>3. Border Color</b><br />
<br />
<b> </b><span class="" id="result_box" lang="id"><span class="">Properti border</span><span class="">-</span><span class="">warna yang digunakan</span> <span class="">untuk</span> <span class="">mengatur warna</span> <span class="">dari empat</span> <span class="">perbatasan</span>.<span class=""> </span></span><br />
<br />
<span class="" id="result_box" lang="id"><span class="">warna</span> <span class="">dapat diatur</span> <span class="">oleh</span>:<br />1.<span class=""> Nama</span> <span class="">-</span> <span class="">menentukan nama</span> warna, <span class="">seperti</span> "merah<span class="">"</span><span class=""> </span></span><br />
<span class="" id="result_box" lang="id"><span class="">2. Hex</span> - <span class="">menentukan nilai</span> hex, seperti "# <span class="">ff0000</span>" </span><br />
<span class="" id="result_box" lang="id">3. RGB <span class="">-</span> <span class="">menentukan nilai</span> <span class="">RGB</span>, seperti "rgb (<span class="">255,0,0</span><span class="">)</span>"<br />4. Jelas</span><br />
<br />
<span class="" id="result_box" lang="id"></span><br />
<span class="" id="result_box" lang="id"></span><br />
<span class="" id="result_box" lang="id"></span><br />
<span class="" id="result_box" lang="id"></span><span class="" id="result_box" lang="id">Properti border-color <span class="">dapat memiliki</span> <span class="">dari satu sampai empat</span> nilai (untuk perbatasan atas, batas kanan, <span class="">batas bawah</span>, dan perbatasan kiri).</span><br />
<br />
<span class="" id="result_box" lang="id">Ini yang saya buat lewat text editor:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix-skw0zWaH4Q1aWbLEm8MjEVEuCVRicuTcu2HgyFH1bBjDA94gUUjPsaBBAAxRkb7BCoxTzUaSl2Doq5_OaW_158IiDeoidei4W_v66kzXhpFmH4BVXLwrlNZE6juu1kmfL-EKOvq0AM/s1600/Screenshot+from+2016-03-19+11%253A35%253A13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix-skw0zWaH4Q1aWbLEm8MjEVEuCVRicuTcu2HgyFH1bBjDA94gUUjPsaBBAAxRkb7BCoxTzUaSl2Doq5_OaW_158IiDeoidei4W_v66kzXhpFmH4BVXLwrlNZE6juu1kmfL-EKOvq0AM/s320/Screenshot+from+2016-03-19+11%253A35%253A13.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/AVvXsEiuDsHQ5BgqJX4RsGbCfpyVIkVvvSQWBJwn1b6VLAbt_aMtJ_PCEWQ7tvOb-V31xrRNaxuxkvjNqtSlZS0q3CHvkaz79qacUEJ-ermXAwacmRHjJyWIsyuAAiw4AC7HLRHehhbfFd02B54/s1600/Screenshot+from+2016-03-19+11%253A37%253A18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuDsHQ5BgqJX4RsGbCfpyVIkVvvSQWBJwn1b6VLAbt_aMtJ_PCEWQ7tvOb-V31xrRNaxuxkvjNqtSlZS0q3CHvkaz79qacUEJ-ermXAwacmRHjJyWIsyuAAiw4AC7HLRHehhbfFd02B54/s320/Screenshot+from+2016-03-19+11%253A37%253A18.png" width="320" /></a></div>
<br />
<span class="" id="result_box" lang="id"><b>4. Border -Individual</b></span><br />
<span class="" id="result_box" lang="id"><b><span class="" id="result_box" lang="id" tabindex="-1"><br /></span></b><span class="" id="result_box" lang="id" tabindex="-1"><span class="">Dari contoh di atas</span> Anda telah melihat bahwa adalah mungkin untuk menentukan <span class="">perbatasan</span> <span class="">yang berbeda</span> <span class="">untuk setiap sisi</span><span class="">.</span></span></span><br />
<br />
<span class="" id="result_box" lang="id"><span class="" id="result_box" lang="id" tabindex="-1"><span class="">Ini yang saya buat lewat text editor:</span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMt3rLjRu9hZxgYt22Xx46I-pwm_0vVVnajD-b_VQT10tCzCIS-8ymjJusNisfC28A7Bh3t-R8dHUspHxM_qGraqOcRa-FpFFBbfd9I_EDX28d17w-feXlFw3Q5TpHEcw0jhKnSO7eDVs/s1600/Screenshot+from+2016-03-19+11%253A54%253A54.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMt3rLjRu9hZxgYt22Xx46I-pwm_0vVVnajD-b_VQT10tCzCIS-8ymjJusNisfC28A7Bh3t-R8dHUspHxM_qGraqOcRa-FpFFBbfd9I_EDX28d17w-feXlFw3Q5TpHEcw0jhKnSO7eDVs/s320/Screenshot+from+2016-03-19+11%253A54%253A54.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/AVvXsEjMQFjNMNi8m8iRoY0S3XsTV-lbhkAqkmZk-NrnmsYwXBKoxti0eL_ql-2e4GbCPpjZ0NZ5cAZ8GHCZfTnR4y1gCkuMJGcJU8xT0bLy4FcZUJ2pDZtnklvzIbnQa1zJfnlF6vBQIB7CJKQ/s1600/Screenshot+from+2016-03-19+11%253A56%253A40.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMQFjNMNi8m8iRoY0S3XsTV-lbhkAqkmZk-NrnmsYwXBKoxti0eL_ql-2e4GbCPpjZ0NZ5cAZ8GHCZfTnR4y1gCkuMJGcJU8xT0bLy4FcZUJ2pDZtnklvzIbnQa1zJfnlF6vBQIB7CJKQ/s320/Screenshot+from+2016-03-19+11%253A56%253A40.png" width="320" /></a></div>
<span class="" id="result_box" lang="id" tabindex="-1"><span class="">Jadi</span>, di sini adalah cara kerjanya:<br /><br />Jika properti <span class="">border-style</span> memiliki empat nilai:<br /><span class=""> </span></span><br />
<span class="" id="result_box" lang="id" tabindex="-1"><span class="">1. Border-style</span><span class="">: dotted</span> ganda padat putus-putus;<span class=""> </span></span><br />
<span class="" id="result_box" lang="id" tabindex="-1"><span class="">a. Batas atas</span> dihiasi<span class=""> </span></span><br />
<span class="" id="result_box" lang="id" tabindex="-1"><span class="">b. Batas kanan</span> solid<br />c. <span class="">Batas bawah</span> <span class="">adalah</span> ganda<span class=""> </span></span><br />
<span class="" id="result_box" lang="id" tabindex="-1"><span class="">d. Perbatasan</span> kiri putus-putus<br /><br />Jika properti <span class="">border-style</span> memiliki tiga nilai:<br /> </span><br />
<span class="" id="result_box" lang="id" tabindex="-1">2. Border-style: dotted padat ganda; </span><br />
<span class="" id="result_box" lang="id" tabindex="-1">a. Batas atas dihiasi<br />b. Perbatasan <span class="">kanan dan</span> kiri yang padat<br />c. <span class="">Batas bawah</span> adalah ganda<br /><br /><span class="">Jika properti</span> <span class="">border-style</span> <span class="">memiliki</span> dua nilai:<br /><span class=""> </span></span><br />
<span class="" id="result_box" lang="id" tabindex="-1"><span class="">3. Border-style</span><span class="">: dotted</span> padat;<br />a. Batas <span class="">atas dan bawah</span> yang putus-putus<br />b. <span class="">Perbatasan</span> kanan dan <span class="">kiri</span> yang padat<br /><br /><span class="">Jika properti</span> border-style <span class="">memiliki</span> satu nilai:<br /><br />4. Border-style: dotted; </span><br />
<span class="" id="result_box" lang="id" tabindex="-1">a. Keempat perbatasan yang putus-putus<br /><br />Properti border-style digunakan dalam contoh di atas. Namun, ia juga bekerja dengan perbatasan-lebar dan border-color.</span><br />
<br />
<span class="" id="result_box" lang="id" tabindex="-1"><b>5. Border-Shorthand Property</b></span><br />
<span class="" id="result_box" lang="id" tabindex="-1"><span class="" id="result_box" lang="id"><span class="">Seperti yang dapat</span> <span class="">Anda lihat dari</span> <span class="">contoh di atas</span><span class="">,</span> <span class="">ada banyak</span> <span>sifat</span> <span class="">yang perlu dipertimbangkan</span> <span class="">ketika berhadapan dengan</span> <span class="">perbatasan</span><span>.</span><br /><br /><span class="">Untuk</span> <span class="">mempersingkat kode</span><span>,</span> <span>juga memungkinkan</span> <span>untuk menentukan</span> <span>semua properti</span> <span class="">perbatasan</span> <span class="">individu dalam</span> <span class="">satu properti</span><span>.</span><br /><br /><span class="">Properti border</span> <span>adalah properti</span> <span>singkatan untuk</span> <span>properti</span> <span>border</span> <span>individu</span> <span>berikut</span><span>:</span><br />1. <span>Border-</span><span>width</span><br />2. <span>Border-style</span> <span>(</span><span>wajib)</span><br />3. B<span>order-color</span></span></span><br />
<br />
<span class="" id="result_box" lang="id" tabindex="-1"><span class="" id="result_box" lang="id"><span>Ini yang saya edit lewat text editor:</span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7UuqwNK8vDqhMIuM3z1k7L6UkvPARkWHHt02u_0caE71GUkLVtiUVzfg1Nc_RB5yhajDHiuLKoMdtegH35CwtMxyP-qtLVuoUaDXVyX2VWMRLf-J-uZTrfXUClP-YEENtpq94wLyBmtY/s1600/Screenshot+from+2016-03-19+13%253A09%253A10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7UuqwNK8vDqhMIuM3z1k7L6UkvPARkWHHt02u_0caE71GUkLVtiUVzfg1Nc_RB5yhajDHiuLKoMdtegH35CwtMxyP-qtLVuoUaDXVyX2VWMRLf-J-uZTrfXUClP-YEENtpq94wLyBmtY/s320/Screenshot+from+2016-03-19+13%253A09%253A10.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/AVvXsEgR4sl6mgWrosUODVbOGI_tGKqecluT5_pT7BUlAHsroadde_6ve-leTlPuK6Bxurheai37oNYAWjE2UWBWxQKqRpJWQQ_XhVfLKwq57vRJWYeRlIZT_4eLXTMulxGEUlmwqAJJRyOTboY/s1600/Screenshot+from+2016-03-19+13%253A08%253A30.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR4sl6mgWrosUODVbOGI_tGKqecluT5_pT7BUlAHsroadde_6ve-leTlPuK6Bxurheai37oNYAWjE2UWBWxQKqRpJWQQ_XhVfLKwq57vRJWYeRlIZT_4eLXTMulxGEUlmwqAJJRyOTboY/s320/Screenshot+from+2016-03-19+13%253A08%253A30.png" width="320" /></a></div>
<br />
<span class="" id="result_box" lang="id" tabindex="-1"><span class="" id="result_box" lang="id"><span> </span></span></span><span class="" id="result_box" lang="id"><b><br /></b></span>

Belajar CSS bagian CSS Borders di W3SCHOOL CSS Borders 1. Borders style Properti border-style menentukan jenis perbatasan apa ya...

Pembuatan Halaman Web Reponsive

Posted by Unknown Labels: at 3:34 PM

<h2 style="text-align: center;">
Pembuatan Halaman Web Reponsive</h2>
<div style="text-align: left;">
Kali ini saya akan belajar tentang halaman web yang reponsive. Tetapi saya untuk membuat templatesnya tidak coding manual melainkan download di "Download templates reponsive".</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
1. Saya akan memilih template yang akan didownload dan sesuai selera.</div>
<div style="text-align: left;">
2. Saya akan meng-extract filenya tersebut. Tampilan awal yang saya download seperti dibawah ini:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWl0b-xBhdJEW-8yaF0TOz89YNQzFTpCKEkM-LggKqAuLCvOD0EQpcelH87dFeXokW_93ZMmu1xVcYuK8Pnik9QLUPfFalYGwNmZAgGy8FoMzejiRfKtM4sR79hkrJ9QqvKxEoVgj5kHI/s1600/Screenshot+from+2016-03-18+09%253A09%253A09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWl0b-xBhdJEW-8yaF0TOz89YNQzFTpCKEkM-LggKqAuLCvOD0EQpcelH87dFeXokW_93ZMmu1xVcYuK8Pnik9QLUPfFalYGwNmZAgGy8FoMzejiRfKtM4sR79hkrJ9QqvKxEoVgj5kHI/s320/Screenshot+from+2016-03-18+09%253A09%253A09.png" width="320" /></a></div>
Disini file CSS dan HTMLnya tidak gabung. Pertama kali saya ingin mengganti background dan gambar pada slidenya.<br />
Untuk mengganti gambar backgroundnya kita cari file business-casual.css. Di file cssnya kita bisa ganti ukuran, warna, dan yang lain-lain yang menyangkut dengan web.<br />
<br />
Nah ini contoh text editor yang saya ganti:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTr2X-xIEGx2R51KU85tMdlzj6apLRvUaamdhq0Mb4GJI192l59BX3CUJaHKHPE2r-OBjKxfz5jfn28P1cCB1OlSsqGr61az0W2PLVLBK1n3RoHFK6_R6FAoP1AHYh3d7W-7GqF4EQSAM/s1600/Screenshot+from+2016-03-18+09%253A31%253A04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTr2X-xIEGx2R51KU85tMdlzj6apLRvUaamdhq0Mb4GJI192l59BX3CUJaHKHPE2r-OBjKxfz5jfn28P1cCB1OlSsqGr61az0W2PLVLBK1n3RoHFK6_R6FAoP1AHYh3d7W-7GqF4EQSAM/s320/Screenshot+from+2016-03-18+09%253A31%253A04.png" width="320" /></a></div>
Setelah backgroundnya saya edit, dan dibawah ini adalah hasilnya:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz2QeHEzcuLsu3ZQaOamcfGl2k6-Lo5PJE7OEFQsCoSLzn3isW86rwNdB12C0YwtMvhAgx_tlI7VHY7z3ndQkGTqvzKbKeFJ9Fh2L2semej0r_hZ1306YtwS_NG14aYSyVRngZJrxPWbk/s1600/Screenshot+from+2016-03-18+09%253A42%253A35.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz2QeHEzcuLsu3ZQaOamcfGl2k6-Lo5PJE7OEFQsCoSLzn3isW86rwNdB12C0YwtMvhAgx_tlI7VHY7z3ndQkGTqvzKbKeFJ9Fh2L2semej0r_hZ1306YtwS_NG14aYSyVRngZJrxPWbk/s320/Screenshot+from+2016-03-18+09%253A42%253A35.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: left;">
Setelah itu saya akan mengganti tulisan diatas navbar dan menambahkan gambar pada slide bar.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz2QeHEzcuLsu3ZQaOamcfGl2k6-Lo5PJE7OEFQsCoSLzn3isW86rwNdB12C0YwtMvhAgx_tlI7VHY7z3ndQkGTqvzKbKeFJ9Fh2L2semej0r_hZ1306YtwS_NG14aYSyVRngZJrxPWbk/s1600/Screenshot+from+2016-03-18+09%253A42%253A35.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz2QeHEzcuLsu3ZQaOamcfGl2k6-Lo5PJE7OEFQsCoSLzn3isW86rwNdB12C0YwtMvhAgx_tlI7VHY7z3ndQkGTqvzKbKeFJ9Fh2L2semej0r_hZ1306YtwS_NG14aYSyVRngZJrxPWbk/s320/Screenshot+from+2016-03-18+09%253A42%253A35.png" width="320" /></a></div>
Untuk mengganti tulisan diatas nav, scriptnya terletak di index.html:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgry8q9z2CYBl0o8pIyaYhMsjYJ1qGgJW1mtTYqGdu3fOqgy5CFXcbI6gV9E7rM_6TcBARffJUiIdIJ4URzpgqM8ICrmOqv2Mh9Mlu2mErJXaebdSquMyWX6dZiIWDnQeaA935z_M4x9e0/s1600/Screenshot+from+2016-03-18+09%253A54%253A24.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="31" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgry8q9z2CYBl0o8pIyaYhMsjYJ1qGgJW1mtTYqGdu3fOqgy5CFXcbI6gV9E7rM_6TcBARffJUiIdIJ4URzpgqM8ICrmOqv2Mh9Mlu2mErJXaebdSquMyWX6dZiIWDnQeaA935z_M4x9e0/s320/Screenshot+from+2016-03-18+09%253A54%253A24.png" width="320" /></a></div>
Untuk mengganti dan menambah gambar slide, scriptnya seperti dibawah ini:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZawHkwAJulRu33Sl2rSl7l6X1wqJ8rUdKQOC8yKsYhIh3-2ZJjLcL_u_oGEW485MvN80z64yzOZN5x4nVcI8ta49LQGP6_DI2iWkjYd7tPV7vb-nQfnz5TcLwhU3HRizeaUnDx08x0vk/s1600/Screenshot+from+2016-03-18+10%253A22%253A32.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="67" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZawHkwAJulRu33Sl2rSl7l6X1wqJ8rUdKQOC8yKsYhIh3-2ZJjLcL_u_oGEW485MvN80z64yzOZN5x4nVcI8ta49LQGP6_DI2iWkjYd7tPV7vb-nQfnz5TcLwhU3HRizeaUnDx08x0vk/s320/Screenshot+from+2016-03-18+10%253A22%253A32.png" width="320" /></a></div>
Setelah saya mengedit scriptnya, dibawah ini adalah hasilnya:<br />
1. Halaman Home<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq9lrOS_fTcK-YWn7IxSZSBrzqs8LemSuYt3CPj-uPr2jQ3mvXwqFr_hR81zYMRFZ41UmJdFQ1XJMiX_QECTibTe8dHoRBrZFtvZkR4RFrQVnr1UWjojXK5YEmIEhevMQoFPowzA8LQWI/s1600/Screenshot+from+2016-03-18+10%253A26%253A04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq9lrOS_fTcK-YWn7IxSZSBrzqs8LemSuYt3CPj-uPr2jQ3mvXwqFr_hR81zYMRFZ41UmJdFQ1XJMiX_QECTibTe8dHoRBrZFtvZkR4RFrQVnr1UWjojXK5YEmIEhevMQoFPowzA8LQWI/s320/Screenshot+from+2016-03-18+10%253A26%253A04.png" width="320" /></a></div>
<br />
2. Halaman Sport Voli<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixm-7gKaOhr7viMYFgOmPzhyphenhyphenqckCreiqOf5eppy05yYjQGhp6_yw9p-EbyGlRuqnwdGfN0W91ADNRzj5etlEijlepN0z7llKo6yWiej8B_dNXfjMfWf6e7MDl28jdjXYoaFTAiHg8yIIw/s1600/Screenshot+from+2016-03-18+14%253A21%253A50.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixm-7gKaOhr7viMYFgOmPzhyphenhyphenqckCreiqOf5eppy05yYjQGhp6_yw9p-EbyGlRuqnwdGfN0W91ADNRzj5etlEijlepN0z7llKo6yWiej8B_dNXfjMfWf6e7MDl28jdjXYoaFTAiHg8yIIw/s320/Screenshot+from+2016-03-18+14%253A21%253A50.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLK4fIdaqanP91EutuwBhL7uFjtMnkNxoe_Y6G0rdCdQtGITqMiJfzX-ymbVFe2ZRzJRnEFcMGtpvDW0xcQqOb8my6nxrJ8ibutxISMugRussuUkfH-ieJFE1C0rK3tZKr_x2_K69MRiU/s1600/Screenshot+from+2016-03-18+14%253A22%253A04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLK4fIdaqanP91EutuwBhL7uFjtMnkNxoe_Y6G0rdCdQtGITqMiJfzX-ymbVFe2ZRzJRnEFcMGtpvDW0xcQqOb8my6nxrJ8ibutxISMugRussuUkfH-ieJFE1C0rK3tZKr_x2_K69MRiU/s320/Screenshot+from+2016-03-18+14%253A22%253A04.png" width="320" /></a></div>
3.Halaman Sport Bulu Tangkis<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGxDeWHKxqrYlXUBeA1CFtKfUOySkJs5Bn-g0wS4uKgcNCTQwl0Ol0kfJGxyB6RCfmgJ788n9Xaq9awvY4ShCXmL_NzE8qYvB9D8ACdQiKxUFGFqlUbgFgRC5uDzjKzlsjpvyn7KyH6Cw/s1600/Screenshot+from+2016-03-18+15%253A19%253A44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGxDeWHKxqrYlXUBeA1CFtKfUOySkJs5Bn-g0wS4uKgcNCTQwl0Ol0kfJGxyB6RCfmgJ788n9Xaq9awvY4ShCXmL_NzE8qYvB9D8ACdQiKxUFGFqlUbgFgRC5uDzjKzlsjpvyn7KyH6Cw/s320/Screenshot+from+2016-03-18+15%253A19%253A44.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_RkK4teBJj3pW04wGQPRn1CZzfoKOl8LkBIoMlPZ7NMi-VTiUx8rW-BibpS3cdar-x2Lg1NZ2KklhgoMkWTcTMZpZxf1YWWWjPqshBhZfbq9YfmBlhV5wvtXQdHXk_NdWnDUqhKiNNI/s1600/Screenshot+from+2016-03-18+15%253A19%253A52.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_RkK4teBJj3pW04wGQPRn1CZzfoKOl8LkBIoMlPZ7NMi-VTiUx8rW-BibpS3cdar-x2Lg1NZ2KklhgoMkWTcTMZpZxf1YWWWjPqshBhZfbq9YfmBlhV5wvtXQdHXk_NdWnDUqhKiNNI/s320/Screenshot+from+2016-03-18+15%253A19%253A52.png" width="320" /></a></div>
Ini tampilan webnya jika diperkecil:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDztQS1EBk-vF1bwlGeZv7LSDL01gDRZeKpFUkVFGitQPieV9euB9Dx97PMD1LrNgqCPnej2TZs1mZoIz4kw-xkebe-yJLH6BwCRqdyKsbZ2k2lhDzGGOSN1jDyhcVJ2JmBfVp4Pl0To4/s1600/Screenshot+from+2016-03-18+15%253A27%253A11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDztQS1EBk-vF1bwlGeZv7LSDL01gDRZeKpFUkVFGitQPieV9euB9Dx97PMD1LrNgqCPnej2TZs1mZoIz4kw-xkebe-yJLH6BwCRqdyKsbZ2k2lhDzGGOSN1jDyhcVJ2JmBfVp4Pl0To4/s320/Screenshot+from+2016-03-18+15%253A27%253A11.png" width="320" /></a></div>
Ini tampilan di web browser dengan tampilan penuh:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnOYTTmnMzw3d6fJzaUW8_4roa9aUd2KTCqd8cWPzh05ui5aZgZvHoh_yB-U8Q7gbnmG0wg9tuBVZeBIcJQolNsEZMmhtEy80gAH1Tm0whFmARKumw0HPsMrseIyVBa0F9cPbr5_NuWqk/s1600/Screenshot+from+2016-03-18+15%253A30%253A40.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnOYTTmnMzw3d6fJzaUW8_4roa9aUd2KTCqd8cWPzh05ui5aZgZvHoh_yB-U8Q7gbnmG0wg9tuBVZeBIcJQolNsEZMmhtEy80gAH1Tm0whFmARKumw0HPsMrseIyVBa0F9cPbr5_NuWqk/s320/Screenshot+from+2016-03-18+15%253A30%253A40.png" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>

Pembuatan Halaman Web Reponsive Kali ini saya akan belajar tentang halaman web yang reponsive. Tetapi saya untuk membuat templatesnya tid...

Sekilas tentang CSS!

Posted by Unknown Labels: at 10:57 AM

<h2 style="text-align: center;">
Sekilas tentang CSS!</h2>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Saya disini akan mempelajari tentang CSS, sebelum saya menjelaskan tentang css saya sudah mencoba untuk membuat web dengan CSS tetapi belum terlalu sempurna. Dibawah ini penjelasan tentang CSS: </div>
<h2>
<span style="font-size: large;">Apa itu CSS ?</span></h2>
CSS adalah kependekan dari Cascading Style 
Sheet. CSS merupakan salah satu kode pemrograman yang bertujuan untuk 
menghias dan mengatur gaya tampilan/layout halaman web supaya lebih 
elegan dan menarik.CSS adalah sebuah teknologi internet yang 
direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 
1996. Awalnya, CSS dikembangkan di SGML pada tahun 1970, dan terus 
dikembangkan hingga saat ini. CSS telah mendukung banyak bahasa markup 
seperti HTML, XHTML, XML, SVG (Scalable Vector Graphics) dan Mozilla XUL
 (XML User Interface Language).<br />
<br />
Pada desember 1996, W3C 
memperkenalkan Level 1 spesifikasi CSS atau juga dikenal CSS1 yang 
mendukung format, warna font teks, dan lain-lain. Kemudian, Mei 1998, 
W3C menerbitkan CSS2 yang di dalamnya diatur fungsi peletakan elemen. 
Dan sekarang, W3C telah memperbaiki dan meningkatkan Kemampuan CSS2 ke 
 CSS3.<br />
<br />
CSS digunakan oleh web programmer dan juga blogger untuk 
menentukan warna, tata letak font, dan semua aspek lain dari presentasi 
dokumen di situs mereka. Saat ini, hampir tidak ada situs web yang 
dibangun tanpa kode css.<br />
<br />
Sebagai blogger, Anda juga harus tahu apa
 itu CSS dan bagaimana menggunakannya agar mudah untuk merancang blog 
anda. Kode CSS membuat pembaca blog kita menjadi nyaman dan betah 
berlama-lama di blog kita sehingga pageviews situs kitapun meningkat. 
Namun, itu semua tergantung bagaimana kita menggunakannya sehingga bisa 
memikat pengunjung.<br />
<br />
<span style="font-size: large;"><b>PENGENALAN DASAR</b></span><br />
<br />
Cascading Style Sheet terdiri dari Selektor,
 deklarasi, Properti dan Nilai. Seperti pada HTML, PHP dan bahasa 
pemrograman lainnya, CSS juga memiliki aturan yang menulis itu sendiri.<br />Contoh penulisan kode css :<br />
<div>
Body {background-color: white;}</div>
‘Body’
 adalah Selektor, ‘{ }’ adalah deklarasi, ‘background-color’ adalah 
properti dan ‘white’ adalah nilai. Maksud dari kode diatas adalah 
mengatur warna latar belakang (background color) dari tag ‘Body’ sebuah 
halaman web.<br />
<br />
<strong>Penempatan CSS</strong><br />
Menempatkan style CSS dalam dokumen web yang kita buat dalam bahasa html
 dapat dilakukan dengan beberapa cara dan tingkatan yang berbeda sesuai 
dengan keinginan kita. Cara penempatan dalam HTML adalah dengan 
menggunakan beberapa cara, diantaranya adalah menggunakan Inline Style, 
Internal Style, External style, dan juga teknik Importing dengan 
Internal Style.<br />
<br />

<strong>Inline Style</strong><br />
Adalah CSS yang dibuat dalam sebuah tag HTML yang hanya berlaku untuk 
dokumen yang diapitnya saja. Biasanya teknik ini digunakan pada 
pemformatan khusus pada sebuah elemen HTML dan tidak digunakan untuk 
memformat seluruh elemen dalam dokumen web. Contohnya adalah sebagai 
berikut :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Vdc0_kg5o91JmY0GNPnwE-ROAMXzXHEiX_cILaxQegRVvMrdO5GFSiQVkP9TXeNgwicfehyphenhyphenqxDPPlE1k7Y5T5bNAfT42JDfa3nvD6IqAlhvwPQijtixwHlJG4pDuA8idYpAXBcOBkWw/s1600/Screenshot+from+2016-03-17+10%253A49%253A30.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Vdc0_kg5o91JmY0GNPnwE-ROAMXzXHEiX_cILaxQegRVvMrdO5GFSiQVkP9TXeNgwicfehyphenhyphenqxDPPlE1k7Y5T5bNAfT42JDfa3nvD6IqAlhvwPQijtixwHlJG4pDuA8idYpAXBcOBkWw/s320/Screenshot+from+2016-03-17+10%253A49%253A30.png" width="320" /></a></div>
Dalam script di atas dapat diketahui bahwa style tersebut memiliki 
nama style arial yang memiliki nilai atau value untuk style tersebut. 
Adapun nilai style adalah jenis font arial dengan ukuran 20 pixel dan 
memiliki warna latar kuning.<br />
<br />

<strong>Internal Style</strong><br />
Pada teknik ini, style CSS diletakkan pada tengah tag antara tagdan. 
Aturan-aturan dalam style ini diatur sedemikian rupa untuk digunakan 
pada suatu tempat maupun untuk keseluruhan situs. Contoh dari teknik ini
 terlihat pada contoh berikut :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUvhPrbswNDMSpE7ZNeBQQtR9EgqnPzDvDI2a6en2gN0Mui78Qw8NYu5aAGoKaesZD0BZyEn8fAAjkukCCNG_lFZLCpa6rM9L9PaUTKr2stp2EbwGZIZW3BF5y6T20FQ7wc8QKFM-pdV0/s1600/Screenshot+from+2016-03-17+10%253A52%253A17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="139" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUvhPrbswNDMSpE7ZNeBQQtR9EgqnPzDvDI2a6en2gN0Mui78Qw8NYu5aAGoKaesZD0BZyEn8fAAjkukCCNG_lFZLCpa6rM9L9PaUTKr2stp2EbwGZIZW3BF5y6T20FQ7wc8QKFM-pdV0/s320/Screenshot+from+2016-03-17+10%253A52%253A17.png" width="320" /></a></div>
Maksud dari < !– aturan css –> diatas adalah berguna agar browser yang tidak mendukung CSS tidak menampilkan
 perintah-perintah CSS, jadi perintah CSS didalam < !– –> akan 
dianggap sebagai komentar HTML biasa dan tidak akan ditampilkan dalam 
browser walaupun browser tersebut mendukung CSS.<br />
<br />

<strong>Import Style</strong><br />
Dengan teknik ini sebuah Style tidak disimpan pada halaman tersebut, 
namun untuk menghubungkannya dengan halaman web yang kita buat digunakan
 perintah import yang terdapat pada style CSS. Seperti terlihat pada 
contoh berikut :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH2NNtvsbRGNHwtrGBRkcb4B0UryEVapfuS7rv5jYpO0IlfozJDOVsEhGB9BnC76Ykphwn0bghXSxctLwwAyci3D_knpLZeAX8qWS42DfioA5jomgF3nRdpLOQ2nnwiXc12nd-zYoocT8/s1600/Screenshot+from+2016-03-17+10%253A54%253A49.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH2NNtvsbRGNHwtrGBRkcb4B0UryEVapfuS7rv5jYpO0IlfozJDOVsEhGB9BnC76Ykphwn0bghXSxctLwwAyci3D_knpLZeAX8qWS42DfioA5jomgF3nRdpLOQ2nnwiXc12nd-zYoocT8/s320/Screenshot+from+2016-03-17+10%253A54%253A49.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Refrensi: http://www.syakirurohman.net/2013/08/mengenal-apa-itu-css-dan-bagaimana-menggunakannya.html dan http://www.rajadigital.com/mengenal-sistem-kerja-cascading-style-sheet-css.html</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>

Sekilas tentang CSS! Saya disini akan mempelajari tentang CSS, sebelum saya menjelaskan tentang css saya sudah mencoba untuk membuat we...

Belajar HTML bagian HTML Local Stroge di W3SCHOOL

Posted by Unknown Labels: at 9:00 AM

<h2 style="text-align: center;">
Belajar HTML bagian HTML Local Stronge di W3SCHOOL</h2>
<div id="gt-input-tool">
<div id="itamenu">
<span class="ita-kd-inputtools-div"></span></div>
</div>
<div class="g-unit" id="gt-src-c">
<div id="gt-src-p">
</div>
</div>
<div class="almost_half_cell" id="gt-res-content">
<div dir="ltr" style="zoom: 1;">
<span class="" id="result_box" lang="id"><b>What is HTML Local Stronge?</b></span></div>
<div dir="ltr" style="zoom: 1;">
<span class="" id="result_box" lang="id"><b> </b><br /> <span class="hps">Dengan</span> <span class="hps">penyimpanan lokal</span>, <span class="hps">aplikasi</span> <span class="hps">web</span> <span class="hps">dapat</span> <span class="hps">menyimpan data</span> <span class="hps">secara lokal</span> <span class="hps">dalam</span> <span class="hps">browser pengguna</span>.<br /><br /> <span class="hps">Sebelum</span> <span class="hps">HTML5</span>, <span class="hps">data aplikasi</span> <span class="hps">harus</span> <span class="hps">disimpan dalam</span> <span class="hps">cookies</span>, <span class="hps">termasuk dalam</span> <span class="hps">setiap</span> <span class="hps">permintaan server</span>. <span class="hps">penyimpanan lokal</span> <span class="hps">lebih</span> <span class="hps">aman</span>, <span class="hps">dan</span> <span class="hps">sejumlah besar data</span> <span class="hps">dapat disimpan</span> <span class="hps">secara lokal</span>, <span class="hps">tanpa mempengaruhi</span> <span class="hps">kinerja website</span>.<br /><br /> <span class="hps">Tidak seperti</span> <span class="hps">cookies</span>, <span class="hps">batas penyimpanan</span> <span class="hps">jauh</span> <span class="hps">lebih besar</span> <span class="hps atn">(</span>setidaknya <span class="hps">5MB</span>) <span class="hps">dan informasi</span> <span class="hps">yang</span> <span class="hps">tidak pernah</span> <span class="hps">ditransfer ke</span> <span class="hps">server</span>.<br /><br /> <span class="hps">penyimpanan lokal</span> <span class="hps">adalah</span> <span class="hps">per</span> <span class="hps">asal</span> <span class="hps atn">(</span>per domain <span class="hps">dan</span> <span class="hps">protokol</span>). <span class="hps">Semua halaman</span>, <span class="hps">dari satu</span> <span class="hps">asal</span>, <span class="hps">dapat</span> <span class="hps">menyimpan dan</span> <span class="hps">mengakses</span> <span class="hps">data yang sama</span>.</span></div>
<div dir="ltr" style="zoom: 1;">
</div>
<div dir="ltr" style="zoom: 1;">
<span class="" id="result_box" lang="id"><b>HTML Local Stronge Object</b></span></div>
<div dir="ltr" style="zoom: 1;">
</div>
<div dir="ltr" style="zoom: 1;">
<span class="" id="result_box" lang="id"><span class="" id="result_box" lang="id"><span class="hps">HTML</span> <span class="hps">penyimpanan lokal</span> <span class="hps">menyediakan dua</span> <span class="hps">objek</span> <span class="hps">untuk menyimpan data</span> <span class="hps">pada klien</span>: <span class="hps"> </span></span></span></div>
<div dir="ltr" style="zoom: 1;">
<span class="" id="result_box" lang="id"><span class="" id="result_box" lang="id"><span class="hps">1. window.localStorage</span> <span class="hps">-</span> <span class="hps">menyimpan data</span> <span class="hps">tanpa</span> <span class="hps">tanggal kedaluwarsa</span> <span class="hps">2.window.sessionStorage</span> <span class="hps">-</span> <span class="hps">menyimpan data</span> <span class="hps">untuk</span> <span class="hps">satu sesi</span> <span class="hps">(data</span> <span class="hps">hilang</span> <span class="hps">ketika</span> <span class="hps">tab</span> <span class="hps">browser ditutup</span>)</span> </span></div>
<div dir="ltr" style="zoom: 1;">
<br />
<span class="" id="result_box" lang="id"><span class="hps">Sebelum menggunakan</span> <span class="hps">penyimpanan lokal</span><span>,</span> <span class="hps">periksa</span> <span class="hps">dukungan browser untuk</span> <span class="hps">localStorage</span> <span class="hps">dan</span> <span class="hps">sessionStorage</span><span>:</span></span><br />
<br />
<span class="" id="result_box" lang="id"><span>if(typeof(Storage) !== "undefined") {<br />
    // <i>Code for localStorage/sessionStorage.</i><br />
	}
	else {<br />
    // Sorry! No Web Storage support..<br />
	}</span></span><br />
<br />
<span class="" id="result_box" lang="id"><span><b>The localStroage Object</b></span></span><br />
<span class="" id="result_box" lang="id"><span><span class="" id="result_box" lang="id"><span class="hps">Bahwa objek</span> <span class="hps">localStorage</span> <span class="hps">menyimpan</span> <span class="hps">data</span> <span class="hps">tanpa</span> <span class="hps">tanggal kedaluwarsa</span><span>.</span> <span class="hps">Data</span> <span class="hps">tidak akan dihapus</span> <span class="hps">ketika</span> <span class="hps">browser ditutup</span><span>,</span> <span class="hps">dan</span> <span class="hps">akan tersedia</span> <span class="hps">pada hari berikutnya</span><span>,</span> <span class="hps">minggu, atau</span> <span class="hps">tahun</span><span></span></span>.</span></span><br />
<br />
<span class="" id="result_box" lang="id"><span>Ini yang saya buat di text editor:</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdMiPDfeW_2m1yEkTNvpTCOebAQzZattgLaMiX80WpxtNOnO6iWpfGBsSq23d_1WYZEuZMl47kQml4GqHExLjshAEdDnT3Wjzlt1in2lp2iKJkQU8t5GbFk7PISt8zoNLZ8K7-Ez95ffM/s1600/Screenshot+from+2016-03-17+08%253A23%253A41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdMiPDfeW_2m1yEkTNvpTCOebAQzZattgLaMiX80WpxtNOnO6iWpfGBsSq23d_1WYZEuZMl47kQml4GqHExLjshAEdDnT3Wjzlt1in2lp2iKJkQU8t5GbFk7PISt8zoNLZ8K7-Ez95ffM/s320/Screenshot+from+2016-03-17+08%253A23%253A41.png" width="320" /></a></div>
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/AVvXsEhlq7O1j1Nql51LIB3eZoKz4r3qU7dud7FkdADdAzX0vJCskAsQGxnKXWTA6ksQhCVDMFIrVEZ6QmyhK1Zm2RQh25l3SUfRsuuLQJ2uj_DU5p5IBDCwmEd9IO8d215JEo0eNc4D5kZtJz4/s1600/Screenshot+from+2016-03-17+08%253A27%253A38.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlq7O1j1Nql51LIB3eZoKz4r3qU7dud7FkdADdAzX0vJCskAsQGxnKXWTA6ksQhCVDMFIrVEZ6QmyhK1Zm2RQh25l3SUfRsuuLQJ2uj_DU5p5IBDCwmEd9IO8d215JEo0eNc4D5kZtJz4/s320/Screenshot+from+2016-03-17+08%253A27%253A38.png" width="320" /></a></div>
Contoh menjelaskan:</div>
<div class="almost_half_cell" id="gt-res-content">
1. <span class="" id="result_box" lang="id"><span class="hps">Buat nama</span> <span class="hps">localStorage</span> <span class="hps">/</span> <span class="hps">nilai pasangan</span> <span class="hps">dengan</span> <span class="hps">nama</span> <span class="hps">=</span> <span class="hps atn">"</span><span>nama belakang</span><span>"</span> <span class="hps">dan</span> <span class="hps">value =</span> <span class="hps atn">"</span><span>Smith</span><span>"</span><br />2. <span class="hps">Mengambil nilai</span> <span class="hps">dari</span> <span class="hps atn">"</span><span>nama belakang</span><span>"</span> <span class="hps">dan</span> <span class="hps">masukkan ke dalam</span> <span class="hps">elemen dengan</span> <span class="hps">id</span> <span class="hps">=</span> <span class="hps atn">"</span><span>hasil</span><span class="">"</span></span></div>
<div class="almost_half_cell" id="gt-res-content">
<span class="" id="result_box" lang="id"><span class=""> </span></span></div>
<div class="almost_half_cell" id="gt-res-content">
<span class="" id="result_box" lang="id"><span class=""><span class="short_text" id="result_box" lang="id"><span class="hps">Contoh di atas</span> <span class="hps">juga dapat ditulis</span> <span class="hps">seperti ini</span><span>:</span></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTjqAfMjTCmA3e1xxtJD4dOFyh4UGZw214H6SC1pduA-q6AgUmD8iIYU-fXF2vb5OnQXKKOgQ90c1f7mnDmkGIDzaJMzPPuchcwzrNfO7dmLGk6Lv4DFSkenrjoZtfAmfP0mDSVdauVU/s1600/Screenshot+from+2016-03-17+08%253A34%253A27.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="47" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTjqAfMjTCmA3e1xxtJD4dOFyh4UGZw214H6SC1pduA-q6AgUmD8iIYU-fXF2vb5OnQXKKOgQ90c1f7mnDmkGIDzaJMzPPuchcwzrNfO7dmLGk6Lv4DFSkenrjoZtfAmfP0mDSVdauVU/s320/Screenshot+from+2016-03-17+08%253A34%253A27.png" width="320" /></a></div>
<span class="" id="result_box" lang="id"><span class="hps">Sintaks untuk</span> <span class="hps">menghapus</span> <span class="hps atn">"</span><span>nama belakang</span><span>" item</span> <span class="hps">localStorage</span> <span class="hps">adalah sebagai berikut</span><span>:</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDKTj4nF5spTHKOhvvim4tM9HHNIug_IIngUzfyF7lDnn7luuwYwW-xkRyLompH6c169Gro_bBtrfNUr-69HemMrfiMuGiB2qFsR_BGzALhLSZkp2jZVxBGWE_7q1mECC5SrEtf-ffxew/s1600/Screenshot+from+2016-03-17+08%253A37%253A10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="13" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDKTj4nF5spTHKOhvvim4tM9HHNIug_IIngUzfyF7lDnn7luuwYwW-xkRyLompH6c169Gro_bBtrfNUr-69HemMrfiMuGiB2qFsR_BGzALhLSZkp2jZVxBGWE_7q1mECC5SrEtf-ffxew/s320/Screenshot+from+2016-03-17+08%253A37%253A10.png" width="320" /></a></div>
<span class="" id="result_box" lang="id"><span class="hps">Catatan</span><span>:</span> <span class="hps">pasang</span> <span class="hps">Nama</span> <span class="hps">/</span> <span class="hps">nilai</span> <span class="hps">selalu</span> <span class="hps">disimpan sebagai</span> <span class="hps">string</span><span>.</span> <span class="hps">Ingatlah untuk</span> <span class="hps">mengkonversikannya ke</span> <span class="hps">format lain</span> <span class="hps">bila diperlukan</span><span>!</span><br /><br /> <span class="hps">Contoh berikut</span> <span class="hps">menghitung</span> <span class="hps">jumlah</span> <span class="hps">kali</span> <span class="hps">pengguna telah mengklik</span> <span class="hps">tombol.</span> <span class="hps">Dalam</span> <span class="hps">kode ini</span> <span class="hps">nilai string</span> <span class="hps">dikonversi menjadi</span> <span class="hps">angka</span> <span class="hps">untuk dapat</span> <span class="hps">meningkatkan</span> <span class="hps">counter</span><span>:</span></span><br />
<span class="" id="result_box" lang="id"><span>Ini yang saya buat lewat text editor: </span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_egvlW8u5UWZSZgMw18o4ysz9H00DuiYmeXcGGv91rLdwinSl0Oy658gaG7UrfoiE5Q-9i4PEwbC5pB223o_nkmbGTiH65Gpb7qoEea6dXEfGP603OQ9gAWJCIdQZqf9Ymdm8FzptYDU/s1600/Screenshot+from+2016-03-17+08%253A43%253A02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_egvlW8u5UWZSZgMw18o4ysz9H00DuiYmeXcGGv91rLdwinSl0Oy658gaG7UrfoiE5Q-9i4PEwbC5pB223o_nkmbGTiH65Gpb7qoEea6dXEfGP603OQ9gAWJCIdQZqf9Ymdm8FzptYDU/s320/Screenshot+from+2016-03-17+08%253A43%253A02.png" width="320" /></a></div>
<span class="" id="result_box" lang="id"><span>Ini yang saya jalankan lewat web browser:</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicVbGK9h1NCWiI9biokVpYr0fSMlihPXtXfnHDBtc5kH27N_hWeF7RmwprHg551WeJpKgyodw14yv-PvouAsvVoxO9OnHKy-3AQUz5hKQmHg6nurZfJuCMVCMPTdTcOc1U4NIuZ-akTwQ/s1600/Screenshot+from+2016-03-17+08%253A44%253A17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicVbGK9h1NCWiI9biokVpYr0fSMlihPXtXfnHDBtc5kH27N_hWeF7RmwprHg551WeJpKgyodw14yv-PvouAsvVoxO9OnHKy-3AQUz5hKQmHg6nurZfJuCMVCMPTdTcOc1U4NIuZ-akTwQ/s320/Screenshot+from+2016-03-17+08%253A44%253A17.png" width="320" /></a></div>
<span class="" id="result_box" lang="id"><span>Dan kalau diklik "Click me", akan seperti dibawah ini:</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIB4HoltdorCwauJrvAog2y9w4fY28Z_l7uue1uGVSl02j_8Aam0-0iNzTk1k9706oC0BXHCO1tB0Y-9xJhqK7hHHuuQfW1tlMV8UPokWkmxOTf2SQYww8nsdH986Fex6Bagvs6PFZUBY/s1600/Screenshot+from+2016-03-17+08%253A44%253A22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIB4HoltdorCwauJrvAog2y9w4fY28Z_l7uue1uGVSl02j_8Aam0-0iNzTk1k9706oC0BXHCO1tB0Y-9xJhqK7hHHuuQfW1tlMV8UPokWkmxOTf2SQYww8nsdH986Fex6Bagvs6PFZUBY/s320/Screenshot+from+2016-03-17+08%253A44%253A22.png" width="320" /></a></div>
<br />
<span class="" id="result_box" lang="id"><span></span></span><br />
<br />
<br />
<span class="" id="result_box" lang="id"><span><br /></span></span>
<br />
<div class="almost_half_cell" id="gt-res-content">
<span class="" id="result_box" lang="id"><span class=""><span class="short_text" id="result_box" lang="id"><span><b>The SessionStronge Object</b></span></span></span></span></div>
<div class="almost_half_cell" id="gt-res-content">
<span class="" id="result_box" lang="id"><span class=""><span class="short_text" id="result_box" lang="id"><span><span class="" id="result_box" lang="id"><span class="hps">The</span> <span class="hps">sessionStorage</span> <span class="hps">objek</span> <span class="hps">sama dengan</span> <span class="hps">objek</span> <span class="hps">localStorage</span><span>,</span> <span class="hps">kecuali bahwa itu</span> <span class="hps">menyimpan data</span> <span class="hps">hanya untuk satu</span> <span class="hps">sesi</span><span>.</span> <span class="hps">Data tersebut</span> <span class="hps">dihapus</span> <span class="hps">ketika</span> <span class="hps">pengguna menutup</span> <span class="hps">tab</span> <span class="hps">browser tertentu</span><span>.</span></span> </span></span></span></span></div>
<div class="almost_half_cell" id="gt-res-content">
<span class="" id="result_box" lang="id"><span class=""><span class="short_text" id="result_box" lang="id"><span> </span></span></span></span></div>
<div class="almost_half_cell" id="gt-res-content">
<span class="" id="result_box" lang="id"><span class=""><span class="short_text" id="result_box" lang="id"><span><span class="" id="result_box" lang="id"><span class="hps">Contoh berikut</span> <span class="hps">menghitung</span> <span class="hps">jumlah</span> <span class="hps">kali</span> <span class="hps">pengguna telah mengklik</span> <span class="hps">tombol</span><span>,</span> <span class="hps">dalam sesi saat</span><span>:</span></span></span></span></span></span></div>
<div class="almost_half_cell" id="gt-res-content">
<span class="" id="result_box" lang="id"><span class=""><span class="short_text" id="result_box" lang="id"><span><span class="" id="result_box" lang="id"><span> </span></span></span></span></span></span></div>
<div class="almost_half_cell" id="gt-res-content">
<span class="" id="result_box" lang="id"><span class=""><span class="short_text" id="result_box" lang="id"><span><span class="" id="result_box" lang="id"><span>Ini yang saya jalankan lewat text editor:</span></span></span></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiihW_RGXIFrtX8XbuSrhKZQVDuis2ttG0WqXH4HDD521w9cdOuPwPK1AdcNusTXgSA_H2s4VvL0VZ14Z71WHdtH7QB8Vwy9E6osrCHOTnBRI8qavY96iVZpH9hHEZeuMJt4yMaPKYzYPk/s1600/Screenshot+from+2016-03-17+08%253A55%253A15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiihW_RGXIFrtX8XbuSrhKZQVDuis2ttG0WqXH4HDD521w9cdOuPwPK1AdcNusTXgSA_H2s4VvL0VZ14Z71WHdtH7QB8Vwy9E6osrCHOTnBRI8qavY96iVZpH9hHEZeuMJt4yMaPKYzYPk/s320/Screenshot+from+2016-03-17+08%253A55%253A15.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/AVvXsEjzU9G5qcm9wJhJXtQEmi6LXAUcDDBiGpcOtnkDSMtbnY86JQgFso0AbKuVxAVWGZKq_hyG7w-swxuPKWEC6jM6ynqYiYS4jALrXAyQwVfrufofaVvsTO9vFuxvAqqzPGyX3W1S8dEeESY/s1600/Screenshot+from+2016-03-17+08%253A56%253A36.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzU9G5qcm9wJhJXtQEmi6LXAUcDDBiGpcOtnkDSMtbnY86JQgFso0AbKuVxAVWGZKq_hyG7w-swxuPKWEC6jM6ynqYiYS4jALrXAyQwVfrufofaVvsTO9vFuxvAqqzPGyX3W1S8dEeESY/s320/Screenshot+from+2016-03-17+08%253A56%253A36.png" width="320" /></a></div>
Dan kita klik "Click me", akan keluar seperti dibawah ini:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_DyJyVky8jDM-JqyU3juHERbsMN7VdrAGHxnRr9pIuiMEx64SO2_wYGn0ZVIMV4ipJGIR0cLYBEft8iJvm4rMquz_WmX-3WLgemR27zXrbA32i692t5XVdGPrJfWZyWYWVNoKrH5S5WA/s1600/Screenshot+from+2016-03-17+08%253A59%253A55.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_DyJyVky8jDM-JqyU3juHERbsMN7VdrAGHxnRr9pIuiMEx64SO2_wYGn0ZVIMV4ipJGIR0cLYBEft8iJvm4rMquz_WmX-3WLgemR27zXrbA32i692t5XVdGPrJfWZyWYWVNoKrH5S5WA/s320/Screenshot+from+2016-03-17+08%253A59%253A55.png" width="320" /></a></div>
<br />
<div class="almost_half_cell" id="gt-res-content">
<span class="" id="result_box" lang="id"><span class=""><span class="short_text" id="result_box" lang="id"><span><span class="" id="result_box" lang="id"><span> </span></span> </span></span></span></span> </div>

Belajar HTML bagian HTML Local Stronge di W3SCHOOL What is HTML Local Stronge? Dengan penyimpanan lokal , aplikasi web d...