Free Web Template | Angle Theme

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYW7QqHIl4uMi1Hp2y2RxBmkjoGLo-qa6L-sL5lly8u20dtvIQO9Yb1jklAWZi2yOD_nCIQb93cGzKqjNhPPaoco1JiFln_PQuMrI8lY9k7m4RWrhft4jctckPHgxzSwcD9sBcP5ypKWYc/s1600/Angled+Theme+by+FCT+2013-06-24+11-29-41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Free Web Template | Angle Theme" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYW7QqHIl4uMi1Hp2y2RxBmkjoGLo-qa6L-sL5lly8u20dtvIQO9Yb1jklAWZi2yOD_nCIQb93cGzKqjNhPPaoco1JiFln_PQuMrI8lY9k7m4RWrhft4jctckPHgxzSwcD9sBcP5ypKWYc/s320/Angled+Theme+by+FCT+2013-06-24+11-29-41.png" title="Free Web Template | Angle Theme" width="306" /></a></div><br />Free Web Template | Angle Theme | This is Angled Theme , a free, fully standards-compliant CSS template designed by FreeCSSTemplates.org. The photos in this template are from Fotogrph. This free template is released under a Creative Commons Attributions 3.0 license, so you are pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :)<br /><br /><br /><div style="text-align: center;"><a class="button" href="http://www.freecsstemplates.org/preview/angledtheme/" target="_blank" title="Angle Theme">D E M O</a>           <a class="button" href="http://www.freecsstemplates.org/preview/angledtheme/" target="_blank" title="Angle Theme">Download</a></div>

Free Web Template | Angle Theme

Free Web Template | Angle Theme | This is Angled Theme , a free, fully standards-compliant CSS template designed by FreeCSSTemplates.org. Th...

Baca selengkapnya »

Cara Valid Upload Website Ke Hosting 000Webhost

<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAvc5WejGge00iyYlqSPSg8R0um_sbmJxiFaHUbVyJY3fw_92XmNJpsjhabS1msQvfCN3uwtRxyNmZjtGkgnbZrjK6nlKP9MsGNkBk1zDlauwrlp2DVg2joDiBrrJnMK-fhwooNAJc7a8G/s1600/Upload+000webhost.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Valid Upload Website Ke Hosting 000Webhost" border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAvc5WejGge00iyYlqSPSg8R0um_sbmJxiFaHUbVyJY3fw_92XmNJpsjhabS1msQvfCN3uwtRxyNmZjtGkgnbZrjK6nlKP9MsGNkBk1zDlauwrlp2DVg2joDiBrrJnMK-fhwooNAJc7a8G/s320/Upload+000webhost.jpg" title="Cara Valid Upload Website Ke Hosting 000Webhost" width="320" /></a></div><br />Cara Valid Upload Website Ke Hosting 000Webhost | Sudah lama, jika hosting gratis ini, memberikan pelayanan yang sangat mudah dan baik (menurut saya). Upload web dari builder kita di PC sebut saja dengan Dreamweaver tambah dengan databasenya. Kali ini, saya berbagi penagalaman tentang upload dan setup web di hosting. Cara ini umumnya dilakukan oleh para developer. Sebagai contoh web yang sudah saya upload...<br /><div style="text-align: center;"><a class="button" href="http://herlambang.net78.net/" target="_blank" title="Amburadul Web">Web 1</a>                   <a class="button" href="http://adib92.freeiz.com/" target="_blank" title="Adib's Web">Web 2</a></div><br />Kita akan langsung, masuk di bagian cpanel, saya anggap anda sudah mendaftar di http://000webhost.com/<br /><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: red;">Langkah 1, Domain Actived</span></h3>Jika anda sedah memverikasi akun anda di link yang masuk ke email, maka domain anda akan otomatis aktif, jika tidak (status : building) silakan klik <b>Refresh Status</b><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_mdXcz2ax9tGeh9ZZCkRV5dGtSDrxo7xcDbsZX_vSpOIcmG3oftpbutCPJPl2Jl5UsUg6qKaXAhS_8aAMIW99bGimDOFooLSLQi0v4L8vONi2MuVIFT2HugKZEqLxCfx_4lA6qt9q7ZHg/s1600/go+to+cpanel.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Valid Upload Website Ke Hosting 000Webhost" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_mdXcz2ax9tGeh9ZZCkRV5dGtSDrxo7xcDbsZX_vSpOIcmG3oftpbutCPJPl2Jl5UsUg6qKaXAhS_8aAMIW99bGimDOFooLSLQi0v4L8vONi2MuVIFT2HugKZEqLxCfx_4lA6qt9q7ZHg/s400/go+to+cpanel.PNG" title="Cara Valid Upload Website Ke Hosting 000Webhost" width="400" /></a></div><br /><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: red;">Langkah 2, View Account Details</span></h3>Masuk di View Account Details.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjledoIeSc5za8lgVCyyHcDxYVlIqJ_YiUzxcsA4R9KtXhGZLkH_hDoWovC95odVA6c-1cfX2aEYIBqRXOzsq-fOUi183aPcs0qv_GTkdNc51hehz26uGzR_mE_lF2xXWKqXcjmZnLVXV3Y/s1600/cpanel.PNG" imageanchor="1"><img alt="Cara Valid Upload Website Ke Hosting 000Webhost" border="0" height="211" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjledoIeSc5za8lgVCyyHcDxYVlIqJ_YiUzxcsA4R9KtXhGZLkH_hDoWovC95odVA6c-1cfX2aEYIBqRXOzsq-fOUi183aPcs0qv_GTkdNc51hehz26uGzR_mE_lF2xXWKqXcjmZnLVXV3Y/s400/cpanel.PNG" title="Cara Valid Upload Website Ke Hosting 000Webhost" width="400" /></a></div><br />Langkah ini, dilakukan sebagai panduan, kita memakai Filezilla. Jadi perhatikan baik - baik.<br />Informasi di bawah ini, yang akan menjadi panduan di filezilla.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3JJ1vB-M2Z24MsIapYUO87j3rM6TQlVYJ793MMrcqgfi6UWdMgET9z7NPY7vZFQcqFSEq9735Z21LCzuNwlTT65S3vjqjMQUtFEsLQ6ZcCb44MZQaAfuMzhsuOwV6e88DiHZYJ9qwpek4/s1600/info.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Valid Upload Website Ke Hosting 000Webhost" border="0" height="362" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3JJ1vB-M2Z24MsIapYUO87j3rM6TQlVYJ793MMrcqgfi6UWdMgET9z7NPY7vZFQcqFSEq9735Z21LCzuNwlTT65S3vjqjMQUtFEsLQ6ZcCb44MZQaAfuMzhsuOwV6e88DiHZYJ9qwpek4/s400/info.PNG" title="Cara Valid Upload Website Ke Hosting 000Webhost" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><br /><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: red;">Langkah 3, MySQL</span></h3>Bagian ini, yang memang sedikit rumit. Buat database..<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWmPO7893s12r5moikDrmLRO07ZzARHWfzqljAiHefp8Uk0Kq0Y-m4CJJfubZDTnMo94pP81GftY2_na3w-KYji5SRLF-CTj4rDYlZ2SOsFx9WO74-DPbWFBAqWxPL-hFdgJlk1oMAxBGV/s1600/cpanel2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Valid Upload Website Ke Hosting 000Webhost" border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWmPO7893s12r5moikDrmLRO07ZzARHWfzqljAiHefp8Uk0Kq0Y-m4CJJfubZDTnMo94pP81GftY2_na3w-KYji5SRLF-CTj4rDYlZ2SOsFx9WO74-DPbWFBAqWxPL-hFdgJlk1oMAxBGV/s400/cpanel2.PNG" title="Cara Valid Upload Website Ke Hosting 000Webhost" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMuiR73mAK5lEoPt98trTd2Daqguu4YMI3WeiibC3kNp3frUvP6PNOt_4e3x5Msbdfs5cJYMiprgAO2OMR5sBEnevizhyphenhyphen1JGaiyRvtQc31y3sQuy0Kcru8vDYBBq0iEXqJ4rv3gFXt4hzk/s1600/mysql.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Valid Upload Website Ke Hosting 000Webhost" border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMuiR73mAK5lEoPt98trTd2Daqguu4YMI3WeiibC3kNp3frUvP6PNOt_4e3x5Msbdfs5cJYMiprgAO2OMR5sBEnevizhyphenhyphen1JGaiyRvtQc31y3sQuy0Kcru8vDYBBq0iEXqJ4rv3gFXt4hzk/s400/mysql.PNG" title="Cara Valid Upload Website Ke Hosting 000Webhost" width="400" /></a></div><br />Isi Database Name, dan MySQL user. Jika saya, membuat keduanya dengan nama yang sama...dan password yang sama dengan password ketika register.<br /><br /><blockquote class="tr_bq">MySQL Database Name : dipakai ketika mengkoneksikan database ke server hosting<br />MySQL User Name : dipakai ketika mengkoneksikan user server lama ke user server hosting<br />Password MySQL : dipakai ketika mengkoneksikan ke server hosting</blockquote> Kemudian catat, hasilnya...<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-sFBpEzTct68qCzcTfzNP3p3ij5msM5iZcybkVvE2ByXiiFdlqmp59-eqqYjL2Q__6EnBux8LOFVLsWbHfS4_eXiLpdTbENcf3H2LUDtpEV8aSICndTS3m1QT3s4LT7MTdp9x_en3t-dw/s1600/info2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Valid Upload Website Ke Hosting 000Webhost" border="0" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-sFBpEzTct68qCzcTfzNP3p3ij5msM5iZcybkVvE2ByXiiFdlqmp59-eqqYjL2Q__6EnBux8LOFVLsWbHfS4_eXiLpdTbENcf3H2LUDtpEV8aSICndTS3m1QT3s4LT7MTdp9x_en3t-dw/s320/info2.PNG" title="Cara Valid Upload Website Ke Hosting 000Webhost" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcSUWOpvofEpJkvbK01lGP90-1Cu1bUZ3977Lm1xFmXXYOBfM4__UkE4XVnjPuPKSepEmk3NlvO024JVcrwVv41JRE8qeGOuDCL7QXoghAznkfr1WKPdUryabUvjZbG7E7MyJd6DLareAO/s1600/info2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div><br /><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: red;">Langkah 4, PHP MyAdmin</span></h3>Sekarang, masuk di PHP MyAdmin.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNXo8P1qGOfb2U2bqGqYB4e1etHu3Pd7kovnYekK2qnTw2lj2atRaKqwUpJjw9OrkyB69iqy17myILgNmsa9FN3U8p4MUaKfnxS1ZzrBP-BsxaE2XGdiUOxvuaQDHSCWuMrEzE2FBSqXcV/s1600/go+to+phpmyadmin.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Valid Upload Website Ke Hosting 000Webhost" border="0" height="82" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNXo8P1qGOfb2U2bqGqYB4e1etHu3Pd7kovnYekK2qnTw2lj2atRaKqwUpJjw9OrkyB69iqy17myILgNmsa9FN3U8p4MUaKfnxS1ZzrBP-BsxaE2XGdiUOxvuaQDHSCWuMrEzE2FBSqXcV/s400/go+to+phpmyadmin.PNG" title="Cara Valid Upload Website Ke Hosting 000Webhost" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP6x56q8yW2P7MUnayXL-0Km1aS-hTIn0Escl-2-EnS7YUM4nflLkLPPu9ec7LHodkB_kz8X-TDLELWB-ZQROi0A4oJ76fUiUmyKZU6h5YOGB7Ng_erNfNFEtX8FuAT3tI22xdk8h8bPsf/s1600/phpmyadmin.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Valid Upload Website Ke Hosting 000Webhost" border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP6x56q8yW2P7MUnayXL-0Km1aS-hTIn0Escl-2-EnS7YUM4nflLkLPPu9ec7LHodkB_kz8X-TDLELWB-ZQROi0A4oJ76fUiUmyKZU6h5YOGB7Ng_erNfNFEtX8FuAT3tI22xdk8h8bPsf/s400/phpmyadmin.PNG" title="Cara Valid Upload Website Ke Hosting 000Webhost" width="400" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_yhPSc9VKMUlXacLJO0CCEUcHuUwRxxiZz9INCxYleCpgRCuKHcon-nF4DexkYrrLkdHFqJTr8QKvk9g3vc1mspgIyMd4cRrz9YoCQw88xpi2OCPR6y69PyjeSnaDNTZiPADlimVqoxyd/s1600/table.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_yhPSc9VKMUlXacLJO0CCEUcHuUwRxxiZz9INCxYleCpgRCuKHcon-nF4DexkYrrLkdHFqJTr8QKvk9g3vc1mspgIyMd4cRrz9YoCQw88xpi2OCPR6y69PyjeSnaDNTZiPADlimVqoxyd/s400/table.PNG" width="400" /></a></div>Ini gunakan untuk melakukan import database dari localhost yang sudah kita export sebelumnya. Masuk <a href="http://www.bocahit.com/2012/10/cara-export-database-dari-localhost-60.html" target="_blank">disini</a>, jika anda belum mengeksport database.<br /><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: red;">Langkah 5, Config Server Hosting </span></h3><pre class="brush:js;"><?PHP<br /><br />$koneksi=mysql_connect("localhost","root","bocahit");<br /><br />//untuk membuat koneksi ke server<br /><br />//mysql_connect("localhost","user","password")<br /><br />if($koneksi){<br /><br />    echo" ";<br /><br />}else{<br /><br />    echo"Cek Database!!";<br /><br />}<br /><br />?><br /><br /></pre><br />Diatas adalah script awal ketika kita mengkoneksikan ke localhost. Setelah Import kita juga kembali mengaturnya, karena server yang ada di hosting sekarang masih dalam server localhost.<br /><br /><div class="alert-box notice">notice: Lihat kembali konfigurasi yang anda catat tadi.</div><blockquote><h5 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: blue;">Ganti localhost menjadi server MySQL Host Anda</span></h5>Misal : mysql9.000webhost.com<br /><h5 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: blue;">Ganti root menjadi server MySQL Username Anda</span></h5>Misal : a1093615_bocahit,<br /><h5 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: blue;">Ganti password menjadi password MySQL Anda </span></h5></blockquote><div class="alert-box warning">Warning: Jangan sampai tanda("") terhapus</div><br /><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: red;">Langkah 6, Upload Script</span></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht-9P0MNhJN2Cw2TIXwjsxHOlyKhgvGXiQS6bhXs9fBIFgUvZY5094_R-P2olN7-kXgY8az1evO5mgJRpqkkOkXbzRwbHEz8_HlZ0fYp29lx1oN7mPEX1i07iyMkj0tbBiVyfNZLYQZO5f/s1600/file.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Valid Upload Website Ke Hosting 000Webhost" border="0" height="58" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht-9P0MNhJN2Cw2TIXwjsxHOlyKhgvGXiQS6bhXs9fBIFgUvZY5094_R-P2olN7-kXgY8az1evO5mgJRpqkkOkXbzRwbHEz8_HlZ0fYp29lx1oN7mPEX1i07iyMkj0tbBiVyfNZLYQZO5f/s400/file.PNG" title="Cara Valid Upload Website Ke Hosting 000Webhost" width="400" /></a></div><br />Masukkan, dengan yang tertulis di View Account Details.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGz7leBvqiFaNUYBh5wszGRpG_j3DuYzqoj9Lkf5qoYpoV2G02f-uWnN88J4dWGXEs4CECV0Z7moihoLZNUw2HlGAX06VmiVITH2XyaXexzPC9N7fXlU09jpqyeEJOvljaBET3fXab6Vad/s1600/upload.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Valid Upload Website Ke Hosting 000Webhost" border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGz7leBvqiFaNUYBh5wszGRpG_j3DuYzqoj9Lkf5qoYpoV2G02f-uWnN88J4dWGXEs4CECV0Z7moihoLZNUw2HlGAX06VmiVITH2XyaXexzPC9N7fXlU09jpqyeEJOvljaBET3fXab6Vad/s400/upload.PNG" title="Cara Valid Upload Website Ke Hosting 000Webhost" width="400" /></a></div><br />Lalu upload file ke dalam public_html. Kemudian tunggu sampai proses selesai. Anda bisa mengubah hak akses folder menjadi 777 dengan Klik kanan folder pilih yang paling bawah (Hak Akses Berkas).<br /><br /><div style="text-align: center;"><a class="button" href="http://www.bocahit.com/2013/08/cara-mengatur-script-menghubungkan.html" target="_blank">Sync Database</a> </div><br /><div class="alert-box success">Sukses : Cek Url Web Anda.</div><br />

Cara Valid Upload Website Ke Hosting 000Webhost

Cara Valid Upload Website Ke Hosting 000Webhost | Sudah lama, jika hosting gratis ini, memberikan pelayanan yang sangat mudah dan baik (menu...

Baca selengkapnya »

Cara Menghapus Data Di Database Dengan PHP

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPO5TLZ3J1GF7ZY0DGa_ggGp6Cua9nNkDtlEO1S_VF4fgm4oWrlODixiy9o4EL0kdQNhpqB2jUEiJJwpyRmqRvcJPHbAA-0zur6QF0Oe1H5C_HuYFxdRDm1wJLV6e_mtkj8wQ3fIQIwsdr/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mengahapus Data Di Database Dengan PHP" border="0" height="85" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPO5TLZ3J1GF7ZY0DGa_ggGp6Cua9nNkDtlEO1S_VF4fgm4oWrlODixiy9o4EL0kdQNhpqB2jUEiJJwpyRmqRvcJPHbAA-0zur6QF0Oe1H5C_HuYFxdRDm1wJLV6e_mtkj8wQ3fIQIwsdr/s320/Capture.PNG" title="Cara Mengahapus Data Di Database Dengan PHP" width="320" /></a></div>Cara Menghapus Data Di Database Dengan PHP | Hai, ketemu dengan Wammy San di <a href="http://www.bocahit.com/search/label/PHP" target="_blank">PHP</a>. Lihat apa saja yang sudah yang ku tulis tentang <a href="http://www.bocahit.com/search/label/PHP" target="_blank">PHP</a>. Kali ini tentang Delete Cascade...kalau dulu saya pernah nulis <a href="http://www.bocahit.com/2013/04/menghubungkan-form-ke-database.html" target="_blank">Insert Data</a>, <a href="http://www.bocahit.com/2013/05/cara-menampilkan-data-dari-database.html" target="_blank">View Data</a>, <a href="http://www.bocahit.com/2013/05/cara-mengubah-data-dengan-php-dan-mysql.html" target="_blank">Edit Data</a>, jadi kali ini tetep Delete Data. Waw, ternyata udah sampai sini.<br /><br />Okey, pertama anda buat file yang bernama form-delete.php, kemudian isi dengan script php di bawah ini...<br /><br /><pre class="brush:js;"><table width="30%" class="akutabel"><br /> <tr><br /> <td align="center" bgcolor="#FF0000">NAMA</td><br /> <td align="center" bgcolor="#FF0000">NIM</td><br /> <td align="center" bgcolor="#FF0000">HAPUS</td><br /> </tr><br /> <?php<br /> include("uji.php");<br /> mysql_select_db("amburadul");<br /> $sql="select * from biodata order by no";<br /> $hasil=mysql_query($sql);<br /> <br /> while($data=mysql_fetch_row($hasil)){<br /> echo"<br /> <tr><br /> <td>$data[1]</td><br /> <td>$data[2]</td><br /> <td><a href="proses-hapus.php?no=$data[0]">Hapus</a></td><br /> </tr>";<br /> }<br /> ?><br /></table></pre><br />Penjelasan, silakan tanya pada dosen, atau tanya di google...selanjutnya buat file baru lagi dengan nama proses-delete.php, kemudian isi dengan script php di bawah ini..<br /><br />Pastikan, anda telah <a href="http://www.bocahit.com/2013/03/melakukan-koneksi-ke-database.html" target="_blank">terhubung</a> dengan database...<br /><br /><pre class="brush:js;"><?PHP<br />include("uji.php");<br />mysql_select_db("amburadul");<br />$sql="SELECT * FROM biodata WHERE no='$no'";<br />$hasil=mysql_query($sql);<br />$data=mysql_fetch_row($hasil);<br />?><br /><br /><table width="30%" class="akutabel"><br /><tr><br /><td> FORM HAPUS DATA</td><br /></tr><br /><table width="30%" class="akutabel"><br /> <tr><br /> <td>Labels</td><br /> <td>Isi</td><br /> </tr><br /> <tr><br /> <form id="form1" name="form1" method="post" action=""><br /> <tr><br /> <td width="31%">NAMA</td><br /> <td width="69%"><label for="nama"></label><br /> <input name="nama" type="text" id="nama" value="<?php echo"$data[1]"?>" /></td><br /> </tr><br /> <tr><br /> <td bgcolor="#006600">NIM</td><br /> <td><label for="nim"></label><br /> <input name="nim" type="text" id="nim" value="<?php echo"$data[2]"?>" /></td><br /> </tr><br /> <tr><br /> <td bgcolor="#006600">&nbsp;</td><br /> <td><label> <br /> <div align="center"><strong>Anda Yakin Ingin Menghapus?</strong> <br /> <br /> <input type="submit" id="proses" name="Submit" value="YA" /><br /> <input type="submit" id="proses" name="Submit2" value="BATAL" /><br /> <input name="no" type="hidden" id="proses" value="<? echo"$data[0]"?>" /><br /> </div><br /> </label></td><br /> <br /> <br /> </form> <br /> <br /></table></table><br /><?<br />if($Submit){<br /> $hapus="DELETE FROM biodata WHERE no='$no'";<br /> $hasil=mysql_query($hapus);<br /> if($hasil){<br /> echo"<br>Data sukses di hapus";<br /> <br /> }else{<br /> echo"<br>Data Gagal Di hapus";<br /> }<br />}<br />?></pre><br />Selamat Mencoba!!

Cara Menghapus Data Di Database Dengan PHP

Cara Menghapus Data Di Database Dengan PHP | Hai, ketemu dengan Wammy San di PHP . Lihat apa saja yang sudah yang ku tulis tentang PHP . Kal...

Baca selengkapnya »

Pembaca Berita Cantik Dan Seksi : Aviani Malik

Presenter Cantik Dan Seksi : Aviani Malik | Hai balik lagi,,ga sengaja tadi lihat salah satu acara berita di Metro TV, lupa apa namanya. Yang ku perhatikan cuma pembaca beritanya aja, selain cantik juga pinter (kelihatannya). Nah kalau anda belajar di jurasan jurnalistik atau broadcester, mungkin wanita bisa dijadikan semangat.. Waktu itu aku, belum tahu siapa namanya...terpaksa dech nonton sampai selesai, kan di akhir acara, pasti ada kata "Saya bla bla bla bla...". Aviani Malik, langsung dech cari di eyang google. Sapa tahu ada berita baru. Akhirnya dapet yang beginian....Asik dapet, ide buat artikel nich. Bosan juga masalah sekrip...<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRZGDJ7SG18leWYXvv93OkaYupEfttUte3ZJzspVHN-7-ULT7RwKfGHK6EysEUv1zJRpwJRebdIN52QFQYg3ValVgJXojersABDFRtRuG3mwqyqXcat-ZGTXgJBwXKfHcfbFj-KHhQz8cu/s1600/aviani2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRZGDJ7SG18leWYXvv93OkaYupEfttUte3ZJzspVHN-7-ULT7RwKfGHK6EysEUv1zJRpwJRebdIN52QFQYg3ValVgJXojersABDFRtRuG3mwqyqXcat-ZGTXgJBwXKfHcfbFj-KHhQz8cu/s400/aviani2.JPG" width="400" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihAZ0dPkb_walNburRV6ZpMC6UHvM-_rIPFS18FaZYmQBY09o3SxHHEleW3mEGFWEvwTQx5YvRswYfbfaiEayBNhFdwTYLTDuyHB5kPLFiNMk7vUIoaa-fCdZJsrJeIuIsZVZZQYCGqvbp/s1600/aviani5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="375" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihAZ0dPkb_walNburRV6ZpMC6UHvM-_rIPFS18FaZYmQBY09o3SxHHEleW3mEGFWEvwTQx5YvRswYfbfaiEayBNhFdwTYLTDuyHB5kPLFiNMk7vUIoaa-fCdZJsrJeIuIsZVZZQYCGqvbp/s400/aviani5.jpg" width="400" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy_WBjgOOBzGCxJdnK68cvYbtUFpfKbldhipwOErQq0M-wlFl0JhHazGtrReSxadh6OaTv33Q2gnl5pyGc9TTKbmSEavzisjsyqgM3VInW_fOIZATstIltv8Tv3q6ZklEbpmZMaooN9Oem/s1600/aviani6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy_WBjgOOBzGCxJdnK68cvYbtUFpfKbldhipwOErQq0M-wlFl0JhHazGtrReSxadh6OaTv33Q2gnl5pyGc9TTKbmSEavzisjsyqgM3VInW_fOIZATstIltv8Tv3q6ZklEbpmZMaooN9Oem/s400/aviani6.jpg" width="300" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiyJpA-dCjRUQRKTpQmr_hiN5SDZpLcoK00D3S0xo96kbEl3hyphenhyphenKUYmkRHQaPBR2WP5OgzeSxTYWz3WeESdhEwMV08_v5O2bjzHXZKVAw2tUyohybN9ayR2vFTwFeYCZuku0_BErjQpdoux/s1600/aviani1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="299" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiyJpA-dCjRUQRKTpQmr_hiN5SDZpLcoK00D3S0xo96kbEl3hyphenhyphenKUYmkRHQaPBR2WP5OgzeSxTYWz3WeESdhEwMV08_v5O2bjzHXZKVAw2tUyohybN9ayR2vFTwFeYCZuku0_BErjQpdoux/s400/aviani1.jpg" width="400" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ369109JU2-jDZfn0we6j7J_v1GUPZReexbvDavflHz037Iai0Uat-OrwRcC5V7Io6KrJRgw_bBHMY5_2sHO1-OXsc-MQ0T_AnnHjcKdcsG0UUkWvdAkrAY5Uim73hMkK9fEHec9dGsZ-/s1600/aviani4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ369109JU2-jDZfn0we6j7J_v1GUPZReexbvDavflHz037Iai0Uat-OrwRcC5V7Io6KrJRgw_bBHMY5_2sHO1-OXsc-MQ0T_AnnHjcKdcsG0UUkWvdAkrAY5Uim73hMkK9fEHec9dGsZ-/s400/aviani4.jpg" width="387" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZwELDunB18OFCMZTcOpwSHWetndnv09wpQn05LvEJAuy7lAjqIKb1TgO0WwYagSREYTnyZCt4VlSLyXGonqj6dB6oY6uFBS_tC0a_DMfD3GBiGzoeMPEfQzPB4sbUfLdsmGlAsWN0Xyln/s1600/Aviani+malik.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZwELDunB18OFCMZTcOpwSHWetndnv09wpQn05LvEJAuy7lAjqIKb1TgO0WwYagSREYTnyZCt4VlSLyXGonqj6dB6oY6uFBS_tC0a_DMfD3GBiGzoeMPEfQzPB4sbUfLdsmGlAsWN0Xyln/s400/Aviani+malik.jpg" width="332" /> </a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCskLt7DvNTd6DoGh_XOmiB6UHAjZqSaICMvQUYF59hLdtIrV7biF8oyDR06_0XTEaSNTvOLpulYXg2l8CPiadXkcuWRbaB1pm2L9uuTYVtHD_vyKmcEHc5527Emu4SZik_jK86t4Fw56U/s1600/aviani3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCskLt7DvNTd6DoGh_XOmiB6UHAjZqSaICMvQUYF59hLdtIrV7biF8oyDR06_0XTEaSNTvOLpulYXg2l8CPiadXkcuWRbaB1pm2L9uuTYVtHD_vyKmcEHc5527Emu4SZik_jK86t4Fw56U/s640/aviani3.jpg" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg34VOMyRKl0Ha4dgLC3lLVyMQNsxrIaqljA4uH5JsqQ0OKIAiJ30RKfjeaSkOKT-N5NkG-DYULj_1trfZCHBO2QZQFOiLkd_p0RsfST5l0ic2yR3VDWb7QeQmVQ-1QKPQFCxDw_lInuujw/s1600/aviani7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="299" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg34VOMyRKl0Ha4dgLC3lLVyMQNsxrIaqljA4uH5JsqQ0OKIAiJ30RKfjeaSkOKT-N5NkG-DYULj_1trfZCHBO2QZQFOiLkd_p0RsfST5l0ic2yR3VDWb7QeQmVQ-1QKPQFCxDw_lInuujw/s400/aviani7.jpg" width="400" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVDvcBM2oGrmTs-o1vWVOqpRREB6GWkqRlABlwSWqmAog-QlGstedTrWfHgxkVEUMlFGtt2-A8oHUWXkWQk-SFxmqHR3V6gONdv3qckYByClw-2spLYs5a859lC8ilMThg3wq-2PXc8w4w/s1600/aviani8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVDvcBM2oGrmTs-o1vWVOqpRREB6GWkqRlABlwSWqmAog-QlGstedTrWfHgxkVEUMlFGtt2-A8oHUWXkWQk-SFxmqHR3V6gONdv3qckYByClw-2spLYs5a859lC8ilMThg3wq-2PXc8w4w/s400/aviani8.jpg" width="390" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidTZj0reIwB4zK68J6xMjrI6dEbJm-77p14tnDmUkaHSQ9VclRqPzOmnzphTugwIXSjZuYRxiNpzrGuLvT6AKs-nCeijxkrvLLwxf4Dcm66IiMA4yCtuk4EMDYShyphenhyphenPUQzlLl2qu4s6WT2M/s1600/aviani9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidTZj0reIwB4zK68J6xMjrI6dEbJm-77p14tnDmUkaHSQ9VclRqPzOmnzphTugwIXSjZuYRxiNpzrGuLvT6AKs-nCeijxkrvLLwxf4Dcm66IiMA4yCtuk4EMDYShyphenhyphenPUQzlLl2qu4s6WT2M/s640/aviani9.jpg" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_y4-R4VyvML2c_06Jncryw6gAj3uGiNYFafvIsXDPSTB11y1-hsoSEFjFglUKI0rby6Si1a0rpTYSrfgQ-ghBXMG_OWfpzC3otz68NYzv1qvd2CcDhfwPeYFCnz2bgfxpGuJaefBzPWg_/s1600/aviani10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="479" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_y4-R4VyvML2c_06Jncryw6gAj3uGiNYFafvIsXDPSTB11y1-hsoSEFjFglUKI0rby6Si1a0rpTYSrfgQ-ghBXMG_OWfpzC3otz68NYzv1qvd2CcDhfwPeYFCnz2bgfxpGuJaefBzPWg_/s640/aviani10.jpg" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0NYWr77sUgw_7ewyzFfH6Mppbd5DDbjp8Jw5dzWq3hhCLzzU6e4Utx0cMkSXgmZyx_oaq6fwQBISV9Ue4-IivVaPlfo-sevq05NZpNvkMwWqHsrpTg4li9Hc8vqpr2JWSZP5S80uHxj-m/s1600/malik1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0NYWr77sUgw_7ewyzFfH6Mppbd5DDbjp8Jw5dzWq3hhCLzzU6e4Utx0cMkSXgmZyx_oaq6fwQBISV9Ue4-IivVaPlfo-sevq05NZpNvkMwWqHsrpTg4li9Hc8vqpr2JWSZP5S80uHxj-m/s640/malik1.jpg" width="426" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghYcCD1RaUtUvLG4by6XCE33gyRw1niBozaonvrH8-FQgsDF14E4vTmcZyOBRK8JPTPP0PxA6QZHxYxkd4wKDdR4huFLOaWu-_PTm734zcVmhXNoMAxJLCM-VITZSAVbynHHQYgaCrzA7M/s1600/malik2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghYcCD1RaUtUvLG4by6XCE33gyRw1niBozaonvrH8-FQgsDF14E4vTmcZyOBRK8JPTPP0PxA6QZHxYxkd4wKDdR4huFLOaWu-_PTm734zcVmhXNoMAxJLCM-VITZSAVbynHHQYgaCrzA7M/s640/malik2.jpg" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg41MG-hzCTJsdrwH2isv2fq8EiqiPIOZzF-0qSHfJVxvp7R1hhh1dxQEYWtfwFgtgKJ4xw9Aa4vv5RCBFyjY39AxiRgZw_4JZxe7U6Ukoz3DitWchS_Aem8QmAZjSZauys-8PcPsYHDvCF/s1600/malik3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg41MG-hzCTJsdrwH2isv2fq8EiqiPIOZzF-0qSHfJVxvp7R1hhh1dxQEYWtfwFgtgKJ4xw9Aa4vv5RCBFyjY39AxiRgZw_4JZxe7U6Ukoz3DitWchS_Aem8QmAZjSZauys-8PcPsYHDvCF/s640/malik3.jpg" width="480" /></a></div><br />

Pembaca Berita Cantik Dan Seksi : Aviani Malik

Presenter Cantik Dan Seksi : Aviani Malik | Hai balik lagi,,ga sengaja tadi lihat salah satu acara berita di Metro TV, lupa apa namanya. Yan...

Baca selengkapnya »

Cara Membuat Form Login Admin Dengan Javascript & CSS3

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeFuDZos93Go45IQs6equhNsgrYmGk2dogttaHIU_L6slVVaBEbIrrAi21dlFLgQsI3gsWESV3YyOASXDxxk4_-pLAnB_yPkXcq9PlNxl3SG1U3ByxYg8ocwPzl7ZvsSKelGP_EIBcZ694/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Form Login Admin Dengan Javascript & CSS3" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeFuDZos93Go45IQs6equhNsgrYmGk2dogttaHIU_L6slVVaBEbIrrAi21dlFLgQsI3gsWESV3YyOASXDxxk4_-pLAnB_yPkXcq9PlNxl3SG1U3ByxYg8ocwPzl7ZvsSKelGP_EIBcZ694/s320/Capture.PNG" title="Cara Membuat Form Login Admin Dengan Javascript & CSS3" width="320" /></a></div>Cara Membuat Form Login Admin Dengan Javascript & CSS3 | Hai, ketemu saya lagi. Kali ini, kita oprek masalah login. Yang pasti ini digunakan untuk web dinamis yang kita bangun. Emmm, jika kemarin adalah form signup yang bisa di ubah ke form kontak, form login ini, juga bisa di sulap jadi form kontak sesuai dengan kreatifitas anda.<br /><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: red;">Javascript, Form Login</span></h3><pre class="brush:js;">$(function(){<br /><br /> // Mengecek dukungan CSS3 3D<br /> $.support.css3d = supportsCSS3D();<br /><br /> var formContainer = $('#formContainer');<br /><br /> $('.flipLink').click(function(e){<br /><br /> <br /> formContainer.toggleClass('flipped');<br /><br /> // Pilihan jika tidak support<br /> if(!$.support.css3d){<br /> $('#login').toggle();<br /> }<br /> e.preventDefault();<br /> });<br /><br /> formContainer.find('form').submit(function(e){<br /><br /> e.preventDefault();<br /> });<br /><br /> function supportsCSS3D() {<br /> var props = [<br /> 'perspectiveProperty', 'WebkitPerspective', 'MozPerspective'<br /> ], testDom = document.createElement('a');<br /><br /> for(var i=0; i<props.length; i++){<br /> if(props[i] in testDom.style){<br /> return true;<br /> }<br /> }<br /><br /> return false;<br /> }<br />});<br /></pre><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: red;">CSS3, Style Form</span></h3><pre class="brush:js;">#formContainer{<br /> width:288px;<br /> height:321px;<br /> margin:0 auto;<br /> position:relative;<br /> z-index:1;<br /> <br /> -moz-perspective: 800px;<br /> -webkit-perspective: 800px;<br /> perspective: 800px;<br />}<br /><br />#formContainer form{<br /> width:100%;<br /> height:100%;<br /> position:absolute;<br /> top:0;<br /> left:0;<br /> <br /> -moz-transform-style: preserve-3d;<br /> -webkit-transform-style: preserve-3d;<br /> transform-style: preserve-3d;<br /> <br /> -moz-backface-visibility: hidden;<br /> -webkit-backface-visibility: hidden;<br /> backface-visibility: hidden;<br /> <br /> -moz-transition:0.8s;<br /> -webkit-transition:0.8s;<br /> transition:0.8s;<br /> <br /> -moz-animation: pulse 2s infinite;<br /> <br /> -webkit-animation: pulse 2s infinite;<br />}<br /><br /><br />/* Firefox Keyframe Animation */<br />@-moz-keyframes pulse{<br /> 0%{ box-shadow:0 0 1px #008aff;}<br /> 50%{ box-shadow:0 0 8px #008aff;}<br /> 100%{ box-shadow:0 0 1px #008aff;}<br />}<br /><br />/* Webkit keyframe animation */<br />@-webkit-keyframes pulse{<br /> 0%{ box-shadow:0 0 1px #008aff;}<br /> 50%{ box-shadow:0 0 10px #008aff;}<br /> 100%{ box-shadow:0 0 1px #008aff;}<br />}<br /><br />#login{<br /> background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2LBuKjRkvutwCz8LL3ebqtuG-N6pLYiPn4LgjxZxNjgs_GfMtxfI8pSQuMzoTE92xVbICzsUK2apqk_l0ibfoBZFKeRoQorJFJT6b9_mKPqsragHYUIwd-nAM30unotsCRHMNqY3y2lOH/s321/login_form_bg.jpg) no-repeat;<br /> z-index:100;<br />}<br /><br />#recover{<br /> background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaJHOY_XO7QqYOdARKXwoLLeKkUy86GVwYz7o5uMkfReCjd3iBy_z3piOys7Wib5CV2dfZfWih-0GIjoNNCNbnOW4aQ2CJK8tZro0S4gEhtCqSG0weT2NMR2YcQUgQRqqZ2M0gJkyyqZKj/s321/recover_form_bg.jpg) no-repeat;<br /> z-index:1;<br /> opacity:0;<br /> <br /> -moz-transform:rotateY(180deg);<br /> -webkit-transform:rotateY(180deg);<br /> transform:rotateY(180deg);<br />}<br /><br />#formContainer.flipped #login{<br /> <br /> opacity:0;<br /> <br /> <br /> -moz-transform:rotateY(-180deg);<br /> -webkit-transform:rotateY(-180deg);<br /> transform:rotateY(-180deg);<br />}<br /><br />#formContainer.flipped #recover{<br /> <br /> opacity:1;<br /> <br /> -moz-transform:rotateY(0deg);<br /> -webkit-transform:rotateY(0deg);<br /> transform:rotateY(0deg);<br />}<br /></pre><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: red;">CSS3, Untuk Input, Links & Button</span></h3><pre class="brush:js;">#login .flipLink,<br />#recover .flipLink{ <br /> height: 65px;<br /> overflow: hidden;<br /> position: absolute;<br /> right: 0;<br /> text-indent: -9999px;<br /> top: 0;<br /> width: 65px;<br />}<br /><br />#recover .flipLink{<br /> right:auto;<br /> left:0;<br />}<br /><br />#login:after{<br /> /* "Click here" tooltip */<br /> width:98px;<br /> height:16px;<br /> content:'';<br /> background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiklwSjcW-mCsqXnes9nM3FNlBa2niHU9T1GgXreCERbAP-C-XpXzuqG6VmFKkgGxqQ0NU0o3yXhTCWHqdwiJaNHiMqCC1doQe-SpS_s_mz0s4Ipr-m76uGYFjsR0dKpY39FYdv2o9tL_hr/s98/click_here.png) no-repeat;<br /> position:absolute;<br /> right:-120px;<br /> top:22px;<br />}<br /><br />input[type=text],input[type=password]{<br /> /* text fields */<br /> font: 15px 'Segoe UI',Arial,sans-serif;<br /> border: none;<br /> background:none;<br /> height: 36px;<br /> left: 26px;<br /> position: absolute;<br /> top: 176px;<br /> width: 234px;<br /> text-indent: 8px;<br /> text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);<br /> color:#eee;<br /> outline:none;<br />}<br /><br />#loginPass{<br /> top: 215px;<br />}<br /><br />#recoverEmail{<br /> top:215px;<br />}<br /><br />input[type=submit]{<br /> <br /> /* Submit button */<br /> <br /> opacity:0.9;<br /> position:absolute;<br /> top:262px;<br /> left:25px;<br /> width: 239px;<br /> height:36px;<br /> cursor:pointer;<br /> border-radius:6px;<br /> box-shadow:0 1px 1px #888;<br /> border:none;<br /> color:#fff;<br /> font:14px/36px 'Segoe UI Light','Segoe UI',Arial,sans-serif;<br /> <br /> /* CSS3 Gradients */<br /> <br /> background-image: linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%);<br /> background-image: -o-linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%);<br /> background-image: -moz-linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%);<br /> background-image: -webkit-linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%);<br /> background-image: -ms-linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%);<br /> <br /> background-image: -webkit-gradient(<br /> linear,<br /> left bottom,<br /> left top,<br /> color-stop(0.5, rgb(80,102,127)),<br /> color-stop(0.5, rgb(87,109,136)),<br /> color-stop(1, rgb(106,129,155))<br /> );<br />}<br /><br />input[type=submit]:hover{<br /> opacity:1;<br />}<br /><br />input::-webkit-input-placeholder {<br /> color:#eee;<br />}<br /></pre><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: red;">HTML, Form Login</span></h3><pre class="brush:js;"><div id="formContainer"><br /><form action="./" id="login" method="post"><br /><a class="flipLink" href="./" id="flipToRecover">Forgot?</a><br /> <input id="loginEmail" name="loginEmail" placeholder="Email" type="text" /><br /> <input id="loginPass" name="loginPass" placeholder="Password" type="password" /><br /> <input name="submit" type="submit" value="Login" /><br /> </form><br /><form action="./" id="recover" method="post"><br /><a class="flipLink" href="./" id="flipToLogin">Forgot?</a><br /> <input id="recoverEmail" name="recoverEmail" placeholder="Your Email" type="text" /><br /> <input name="submit" type="submit" value="Recover" /><br /> </form><br /></div><br /></pre>Lihat, demo yang ada di bawah ini...<br /><br /><div style="text-align: center;"><a class="button" href="http://adf.ly/MRX5F" target="_blank" title="Download Gambar"> Download Gambar</a>                <a class="button" href="http://iframe-wammy.blogspot.com/2013/06/form-login.html" target="_blank" title="Form Login">D E M O</a></div>

Cara Membuat Form Login Admin Dengan Javascript & CSS3

Cara Membuat Form Login Admin Dengan Javascript & CSS3 | Hai, ketemu saya lagi. Kali ini, kita oprek masalah login. Yang pasti ini digu...

Baca selengkapnya »

Cara Membuat Formulir Pendaftaran Dengan CSS3

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj349ARFR9arhv1E59iHHaRgY1qa60VSTayUi2ytPfd_rZNoSBJrv2_u3KKmh7KoiZt6jzqwVf40_tjD-jWYsNmeRNrhEaC4m-RgeFmQm70MO-IANCTWPPE8iCCPHqCE4UsLS-CSTG8_-gN/s1600/sederhana.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Formulir Pendaftaran Dengan CSS3" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj349ARFR9arhv1E59iHHaRgY1qa60VSTayUi2ytPfd_rZNoSBJrv2_u3KKmh7KoiZt6jzqwVf40_tjD-jWYsNmeRNrhEaC4m-RgeFmQm70MO-IANCTWPPE8iCCPHqCE4UsLS-CSTG8_-gN/s1600/sederhana.JPG" title="Cara Membuat Formulir Pendaftaran Dengan CSS3" /></a></div>Cara Membuat Formulir Pendaftaran Dengan CSS3 | Hai, ketemu lagi dengan saya, Wammy. Kali ini, sedikit berbagi tentang CSS3. Lebih tepatnya adalah Formulir Pendataran. Kenapa ? Yups, ini di gunakan pada web dinamis dinama, form ini yang akan mengantar user pada akunnya. Seperti yang teman - teman, baca pada memasukan data dari formulir ke localhost, cara ini juga bisa dipakai untuk membuat Formulir Kontak. Cukup ganti bagian - bagian tertentu saja yang diperlukan. Jika ada yang belum baca, cara koneksi ke localhost. <a href="http://www.bocahit.com/2013/04/menghubungkan-form-ke-database.html" target="_blank">Klik Disini</a>.<br /><br /><br /><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: red;">CSS3, Formulir Pendaftaran</span></h3><br /><pre class="brush:js;">form.registration{<br /> width:600px;<br /> float:left;<br /> color:#818181;<br /> background: #f1f1f1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipzq_TcAz9eu2wMAfLGfejflbNx9t2lGKKE2-_DU9R_rrKH4AwO9bCxDQX6t0nuQ4TnGLYfN4-XVMUmsHKYUeMPs1m4sWzqD5p_EmePx4JP_HHLbx-4Dod4ANyBRLZMgC8tGztiar4N99K/s64/pen.png) no-repeat top right;<br /> border: 2px solid #ccc;<br /> padding:10px;<br /> font-family: Georgia;<br /> font-size: 14px;<br /> -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);<br /> -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);<br /> -moz-border-radius: 15px;<br /> -webkit-border-radius: 15px;<br />}<br /><br />form.registration fieldset{<br /> border-top:1px solid #ccc;<br /> border-left:0;<br /> border-bottom:0;<br /> border-right:0;<br /> padding:6px;<br /> margin:0px 30px 0px 0px;<br />}<br /><br />form.registration legend{<br /> text-align:left;<br /> color:#ccc;<br /> font-size:18px;<br /> padding:0px 4px 0px 4px;<br /> margin-left:20px;<br />}<br /><br />form.registration label{<br /> font-size: 32px;<br /> width:200px;<br /> float: left;<br /> text-align: right;<br /> color:#999;<br /> clear:left;<br /> margin:4px 4px 0px 0px;<br /> padding:0px;<br />}<br />form.registration input{<br /> font-family: Georgia;<br /> font-size: 28px;<br /> float:left;<br /> width:300px;<br /> border:1px solid #cccccc;<br /> margin:2px 0px 2px 2px;<br /> color:#00abdf;<br /> height:32px;<br /> padding:3px;<br /> -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);<br /> -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);<br /> -webkit-border-radius: 5px;<br /> -moz-border-radius: 5px;<br />}<br />form.registration input:focus, form.registration select:focus{<br /> background-color:#E0E6FF;<br />}<br />form.registration select{<br /> font-family: Georgia;<br /> font-size: 28px;<br /> float:left;<br /> border:1px solid #cccccc;<br /> margin:2px 0px 2px 2px;<br /> color:#00abdf;<br /> height:40px;<br /> -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);<br /> -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);<br /> -webkit-border-radius: 5px;<br /> -moz-border-radius: 5px;<br />}<br /><br />.button, .button:visited{<br /> float:right;<br /> text-shadow: 0 -1px 1px rgba(0,0,0,0.25);<br /> border-bottom: 1px solid rgba(0,0,0,0.25);<br /> cursor: pointer;<br /> padding: 5px 10px 5px 5px;<br /> color: #fff;<br /> text-decoration: none;<br /> font-size: 32px;<br /> padding: 10px 15px;<br /> background-color: #00abdf;<br /> display: inline-block;<br /> -moz-border-radius: 10px;<br /> -webkit-border-radius: 10px;<br /> -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);<br /> -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);<br />}<br />.button:hover{<br /> background-color: #777;<br />}<br /></pre><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: red;">HTML, Formulir Pendaftaran</span></h3><br /><pre class="brush:js;"><form class="registration"><br /> <fieldset><br /> <legend>About you</legend><br /> <label>First name</label><br /> <input type="text" maxlength="100" value=""/> <br /> <label>Last name</label><br /> <input type="text" maxlength="100" value=""/> <br /> <label>Birthdate</label><br /> <select><br /> <option value="1">1</option><br /> <option value="2">2</option> <br /> </select><br /> <select> <br /> <option value="1">January</option><br /> <option value="2">February</option><br /> </select><br /> <select> <br /> <option value="2009">2009</option><br /> <option value="2008">2008</option> <br /> </select> <br /> </fieldset><br /> <fieldset><br /> <legend>Account details</legend><br /> <label>E-Mail</label><br /> <input type="text" maxlength="120" value=""/><br /> <label>Password</label><br /> <input type="password" maxlength="20"/> <br /> </fieldset><br /> <fieldset> <br /> <a class="button">Register</a> <br /> </fieldset> <br /></form><br /></pre><br />Anda bisa letakkan ini, pada halaman blog, atau di Dreamweaver. Silakan lihat contoh dibawah ini....<br /><br /><style type="text/css">form.registration{ width:600px; float:left; color:#818181; background: #f1f1f1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipzq_TcAz9eu2wMAfLGfejflbNx9t2lGKKE2-_DU9R_rrKH4AwO9bCxDQX6t0nuQ4TnGLYfN4-XVMUmsHKYUeMPs1m4sWzqD5p_EmePx4JP_HHLbx-4Dod4ANyBRLZMgC8tGztiar4N99K/s64/pen.png) no-repeat top right; border: 2px solid #ccc; padding:10px; font-family: Georgia; font-size: 14px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-border-radius: 15px; -webkit-border-radius: 15px; } form.registration fieldset{ border-top:1px solid #ccc; border-left:0; border-bottom:0; border-right:0; padding:6px; margin:0px 30px 0px 0px; } form.registration legend{ text-align:left; color:#ccc; font-size:18px; padding:0px 4px 0px 4px; margin-left:20px; } form.registration label{ font-size: 32px; width:200px; float: left; text-align: right; color:#999; clear:left; margin:4px 4px 0px 0px; padding:0px; } form.registration input{ font-family: Georgia; font-size: 28px; float:left; width:300px; border:1px solid #cccccc; margin:2px 0px 2px 2px; color:#00abdf; height:32px; padding:3px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; } form.registration input:focus, form.registration select:focus{ background-color:#E0E6FF; } form.registration select{ font-family: Georgia; font-size: 28px; float:left; border:1px solid #cccccc; margin:2px 0px 2px 2px; color:#00abdf; height:40px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; } .button, .button:visited{ float:right; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); cursor: pointer; padding: 5px 10px 5px 5px; color: #fff; text-decoration: none; font-size: 30px; padding: 10px 15px; background-color: #00abdf; display: inline-block; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); } .button:hover{ background-color: #777; } </style> <br /><form class="registration"><fieldset><legend>About you</legend> <label>First name</label> <input maxlength="100" placeholder="Wammy" type="text" value="" /> <label>Last name</label> <input maxlength="100" placeholder="San" type="text" value="" /> <label>Birthdate</label> <select> <option value="1">1</option> <option value="2">2</option> </select> <select> <option value="1">January</option> <option value="2">February</option> </select> <select> <option value="2009">2009</option> <option value="2008">2008</option> </select> </fieldset><fieldset><legend>Account details</legend> <label>E-Mail</label> <input maxlength="120" placeholder="wammy@bocahit.com" type="text" value="" /> <label>Password</label> <input maxlength="20" placeholder="******" type="password" /> </fieldset><fieldset><a class="button" href="http://www.blogger.com/blogger.g?blogID=6116493370491553443#">Enter</a> </fieldset></form><br /><br/><br/><br/>

Cara Membuat Formulir Pendaftaran Dengan CSS3

Cara Membuat Formulir Pendaftaran Dengan CSS3 | Hai, ketemu lagi dengan saya, Wammy. Kali ini, sedikit berbagi tentang CSS3. Lebih tepatnya ...

Baca selengkapnya »