Optimasi Keamanan Platform Joomla!

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwFuJxdKn9r3SU7xNQqnJ8uCMYzEldFqgOIT0gJWruofQvNSXQYPjKuvqb6VZ1WDk_eFI5Q63144rTpumQhW-C_ps06qRJWqpmW9na8MAmrT5qYKZe9nPxvY3MwreSJ64Lgl_07oFUNFIq/s1600/joomla-security.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Optimasi Keamanan Platform Joomla!" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwFuJxdKn9r3SU7xNQqnJ8uCMYzEldFqgOIT0gJWruofQvNSXQYPjKuvqb6VZ1WDk_eFI5Q63144rTpumQhW-C_ps06qRJWqpmW9na8MAmrT5qYKZe9nPxvY3MwreSJ64Lgl_07oFUNFIq/s400/joomla-security.jpg" title="Optimasi Keamanan Platform Joomla!" width="400" /></a></div>Optimasi Keamanan Platform Joomla! | Meskipun upaya terbaik anda dan tingkat keterampilan dalam mengeolah suatu website, backup tetaplah menjadi sangat penting. Di bawah ini saya menguraikan metode sederhana untuk mengambil backup reguler anda pada platform Website Joomla!.<br /><br />Joomla adalah sebuah sistem manajemen konten (CMS) dinamis, dan menggunakan database MySQL untuk menyimpan 'data' yang sebenarnya dari situs anda. Serta database anda, memiliki berbagai file yang penting untuk pengoperasian situs anda. Sebuah strategi cadangan mengambil memperhitungkan ini. Tidak ada gunanya hanya mengambil cadangan dari file anda, tapi tidak mengganggu dengan database anda.<br /><br />Jadi bisa anda lakukan seperti di bawah ini tanpa menggunakan ekstensi. Saya belum coba menggunakan ekstensi.<br /><ol><li>     Kamu patch / meng-upgrade Joomla</li><li>     Harian, strategi cadangan mingguan atau bulanan anda</li><li>     Berbagai lain kali</li></ol>Gampang kan? Saya telah menemukan keberhasilan terbaik menggunakan alat <a href="http://www.joomlapack.net/">www.joomlapack.net</a> gratis.<br /><br /><br />Komponen ini mudah digunakan dan menginstal. Namun, beberapa poin SANGAT penting. Sementara komponen ini membuat pengambilan sederhana cadangan, itu cukup berguna jika anda tidak men-download cadangan yang dibuat ke lokasi lain, seperti komputer anda sendiri. Jadi, pastikan untuk mengambil catatan khusus dari itu.<br /><br />Sekali lagi, kita tidak bisa menekankan betapa pentingnya backup reguler. JoomlaPack adalah komponen built tujuan yang dirancang untuk membantu anda dalam hal ini. Buatlah salah satu dari anda harus memiliki komponen juga. Backup JoomlaPack juga dapat digunakan untuk membantu anda dalam migrasi / pemindahan website Joomla anda. <br /><h3>Joomla Hosting</h3>Ini adalah salah satu pelajaran yang paling saya sukai ketika belajat Joomla Security. :D Tidak akan lepas hubungan antara Joomla! dan hosting, saya sarankan untuk memiliki Hosting yang benar - benar aman. Aman untuk Website anda juga aman untuk data - data anda. Jika ada kesalahan pada website kita, biasanya kita akan seperti ini :<br /><ol><li>Hanya menyalahkan Joomla!</li><li>Protes ke penyedia hosting</li></ol>Seperti yang anda lihat .. ada pola dan masalah reoccurring . Website security, banyak orang yang gagal mengamankan karena server mereka.<br /><br />Jika anda akan melakukan optimasi keamann website, lihatlah server anda, kemudian tambahkan optimasi pada ekstensi joomla!. :)) semoga bermanfaat.

Optimasi Keamanan Platform Joomla!

Optimasi Keamanan Platform Joomla! | Meskipun upaya terbaik anda dan tingkat keterampilan dalam mengeolah suatu website, backup tetaplah men...

Baca selengkapnya »

Cara Mengatur Script Menghubungkan Database Dari Hosting

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtUTXZkC62WcrNw_Udw_aluinqdFTUtw6ht5UOEI6iBhXYyxPrIP71mle3mFqkAtm-S3ajO6QNoiHRO_jNExjkLnRDX7Wh8cPjBUlIZ8lPE38JR7NYsrqKX5FtvAfQyKPBM5SpMj-pY9jj/s1600/Sync+DB.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mengatur Script Menghubungkan Database Dari Hosting" border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtUTXZkC62WcrNw_Udw_aluinqdFTUtw6ht5UOEI6iBhXYyxPrIP71mle3mFqkAtm-S3ajO6QNoiHRO_jNExjkLnRDX7Wh8cPjBUlIZ8lPE38JR7NYsrqKX5FtvAfQyKPBM5SpMj-pY9jj/s320/Sync+DB.jpg" title="Cara Mengatur Script Menghubungkan Database Dari Hosting" width="320" /></a></div><br />Cara Mengatur Script Menghubungkan Database Dari Hosting | Kalau kemarin telah saya share <a href="http://www.bocahit.com/2013/06/cara-valid-upload-website-ke-hosting.html" target="_blank">upload website dari localhost ke 000webhost</a> kemudian <a href="http://www.bocahit.com/2013/07/cara-upload-website-dari-localhost-ke.html" target="_blank">upload di idhostinger</a>. kali ini, bagaimana cara mengatur script yang menghubungkan database.<br /><br /><h3>Script Awal ( Dari Localhost)...</h3><pre><?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 /> ?></pre><br />Masalahnya tahukah kita jika kita sewaktu membuat akun <b>MYSQL, </b>ternyata kita sudah di beri user, dan password. Contohnya adalah di 000webhost. Setelah kita membuat akun MYSQL, akan muncul informasi seperti gambar di bawah ini..<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/s320/info2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mengatur Script Menghubungkan Database Dari Hosting" border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-sFBpEzTct68qCzcTfzNP3p3ij5msM5iZcybkVvE2ByXiiFdlqmp59-eqqYjL2Q__6EnBux8LOFVLsWbHfS4_eXiLpdTbENcf3H2LUDtpEV8aSICndTS3m1QT3s4LT7MTdp9x_en3t-dw/s400/info2.PNG" title="Cara Mengatur Script Menghubungkan Database Dari Hosting" width="400" /></a></div><br />Maaf saya, tutupi. Tapi sama sekali bukan jadi masalah, yang terpenting anda catat informasi tersebut.<br />Kemudian, lihat baik script php awal (dari localhost) saya sebut dari localhost karena waktu itu kita gunakan di localhost.<br /><br /><pre>$koneksi=mysql_connect("<b><span style="color: blue;">localhost</span></b>","<b><span style="color: red;">root</span></b>","<b><span style="color: yellow;">bocahit</span></b>");<br /><br />//untuk membuat koneksi ke server<br /><br />//mysql_connect("localhost","user","password")</pre><br /> Setelah semua tercatat :<br /><br />Ganti <span style="color: blue;">warna biru</span> dengan<b> $mysql_host</b> anda misal : <b><i><u>mysql9.000webhost.com</u></i></b><br />Ganti <span style="color: red;">warna merah</span> dengan <b>$mysql_user</b> anda misal : <u><i><b>a1093615_herlambang</b></i></u><br />Ganti <span style="color: yellow;">warna kuning</span> dengan <b>$mysql_password</b> anda.<br /><br />Yups, sudah berkurang, error phpnya...<br /><br /><h3>Mengatur nama database</h3>Agar nama database dari localhost tersingkron, kita perlu ubah beberapa saja. Jika anda memberi nama database dengan "mahasiswa" maka di hosting tidak mengenalnya karena dari hosting akan disamakan atau sesuai dengan MYSQL yang kita buat, jadi kita ubah nama database (mahasiswa) dengan nama database yang kita di Akun MYSQL misal <span style="color: lime;"><i><b>$mysql_database="a1092678_mahasiswa"</b></i></span>.

Cara Mengatur Script Menghubungkan Database Dari Hosting

Cara Mengatur Script Menghubungkan Database Dari Hosting | Kalau kemarin telah saya share upload website dari localhost ke 000webhost kemud...

Baca selengkapnya »

Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBFMVLXfQHvbo1igBm0ZyMShzhDwGLVT5IKVrFuKUcSl-FmzbwkrML-ix-TRDkHEsykX5D5EGaamdT0iFcUSl4qemnu9WytPVX_MIGaLu4By7Okcj6ENL-1TcA3KaaF9z7Zd0ER_ezkKh8/s1600/Upload+Idhostinger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBFMVLXfQHvbo1igBm0ZyMShzhDwGLVT5IKVrFuKUcSl-FmzbwkrML-ix-TRDkHEsykX5D5EGaamdT0iFcUSl4qemnu9WytPVX_MIGaLu4By7Okcj6ENL-1TcA3KaaF9z7Zd0ER_ezkKh8/s320/Upload+Idhostinger.jpg" width="320" /></a></div><br />Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database) | Kalau minggu lalu aku share, bagaimana kita mengupload atau memindahkan web yang sudah kita bengun di localhost ke penyedia layanan hosting. <a href="http://www.bocahit.com/2013/06/cara-valid-upload-website-ke-hosting.html" target="_blank">Klik Disini</a>, untuk anda yang memakai 000webshost.<br /><br />Giliran Id Hostinger... apa yang mereka miliki ? Sebelumnya memang ini diperuntukkan bagi kamu yang sedang ada tugas, khususnya bidang Pemrograman Web.<br /><br /><h3>New Generation</h3><br />Lupakanlah semua stereotip tentang layanan web hosting gratis. Hostinger berbeda, kami memberikan banyak fitur, layanan web hosting yang handal serta tim support yang fantastis. Uptime server kami adalah 99,9% dan kami berterimakasih kepada teknologi cloud computing yang kami gunakan. (sumber : idhostinger.com)<br /><br /><h3>No Ads, No Banner</h3><br />Tidak ada iklan teks, pop-ups maupun banner yang sangat mengganggu. Website Anda 100 persen bebas dari iklan kami selamanya!(sumber : idhostinger.com)<br /><br /><h3>Easy Website Builder</h3><br />Anda dapat membuat website dengan sangat mudah. Bahkan seorang pemula pun dapat membuat website yang bagus dengan menggunakan website builder kami. Silahkan pilih satu dari 100 template profesional kami.(sumber : idhostinger.com)<br /><br /><h3>Support PHP & Mysql</h3><br />Kami mendukung PHP dan MySQL tanpa batasan. PHP kami hadir dengan semua fungsi dan fitur diaktifkan. Anda dapat mengubah versi PHP Anda dengan satu klik dan mengelola database dengan tool PhpMyAdmin.(sumber : idhostinger.com)<br /><br /><h3>Script Auto Installer</h3><br />Hanya dengan melakukan beberapa klik, Anda dapat menginstall Wordpress, Joomla, PrestaShop, phpBB, Drupal, and script-script lainnya. Sebuah website profesional pun dapat Anda buat hanya dalam beberapa menit saja!  (sumber : idhostinger.com)<br /><br /> Sedikit penjelasan tentang Idhostinger, mari mulai membangun website.<br /><br /><h3>Langkah 1 | Signup</h3><br />Tentu anda harus terdaftar menjadi afiliasi idhostinger terlebih dulu. (Recomendasi saya : gunakan password yang sama untuk pendaftaran berikutnya)<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh92aDSYB_ithWXaCQCpFrxan3zEgzx7B-tfEm39ySktThq11Zt3nrKSU4uIpNFZeUnCjT-NSYxary8sw7ZQEn1lGs-6db3lRsRsgdf1l3SQ58nkjG7ChaLGVu-WkCA1IsVWh4KVyn0RZOk/s1600/1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh92aDSYB_ithWXaCQCpFrxan3zEgzx7B-tfEm39ySktThq11Zt3nrKSU4uIpNFZeUnCjT-NSYxary8sw7ZQEn1lGs-6db3lRsRsgdf1l3SQ58nkjG7ChaLGVu-WkCA1IsVWh4KVyn0RZOk/s320/1.PNG" title="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" width="320" /></a></div><br /><h3>Langkah 2 | Verfikasi Akun</h3><br />Tidak ada auto verifi, jadi anda harus melakukan verikasi dengan masuk ke email yang anda pakai ketika mendaftar lalu klik link yang di berikan.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFiBlg8_g1Fhun57en_z5BH14h5vOHsMH-VdsL5n8aji2vNwrU4qhfbIN37Pmqvop_GFUiEBxjTEJSE0Zh3DHXOFl9rVzcny6VI4DN8VBulJZTBs8g3ERNsvHkbrPSCtTDpzYqoab9fzWB/s1600/2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" border="0" height="78" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFiBlg8_g1Fhun57en_z5BH14h5vOHsMH-VdsL5n8aji2vNwrU4qhfbIN37Pmqvop_GFUiEBxjTEJSE0Zh3DHXOFl9rVzcny6VI4DN8VBulJZTBs8g3ERNsvHkbrPSCtTDpzYqoab9fzWB/s400/2.PNG" title="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" width="400" /></a></div><br /><h3>Langkah 3 | Pilih Layanan</h3><br />Setelah terverikasi, pilih layanan yang akan anda pakai, gratis atau berbayar. Di tutorial ini saya pakai layanan gratis.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaZJxE-qSEForXexNTWzyyEe3b5jQPZepp8PNk0qIA7ZslDG8-hd9Qj1aTY4_PM3Yswn8_A-ei3s6p7DPJWYJXTbo8bWnGylmPhDPKOn61l7qkA6wB9mHBv0dDM0A88JkZSgLrtCTg2jlH/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" border="0" height="378" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaZJxE-qSEForXexNTWzyyEe3b5jQPZepp8PNk0qIA7ZslDG8-hd9Qj1aTY4_PM3Yswn8_A-ei3s6p7DPJWYJXTbo8bWnGylmPhDPKOn61l7qkA6wB9mHBv0dDM0A88JkZSgLrtCTg2jlH/s400/3.png" title="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" width="400" /></a></div><br /><h3>Langkah 4 | Membuat Akun Web</h3><br />Setelah memilih anda akan di arahkan ke halaman sebelumnya, klik "Buar Akun Baru", lalu anda akan dibawa ke formulir akun website anda. Jika anda belum memiliki domain, pilih saja subdomain default dari idhostinger.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnXPMsO5uhzXahcinLD_C0LpYWRfibW9akrZE2iTSgs4ke_uQaoYKAdVxLvWYoeHQpvWzXzJwkVHyWJJIJYpvKzxXTYIDrdk9qgIr64ycp9gAuk1Y7fpgnnzT5aOfaEjsUiauIQDWuy5z5/s1600/4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnXPMsO5uhzXahcinLD_C0LpYWRfibW9akrZE2iTSgs4ke_uQaoYKAdVxLvWYoeHQpvWzXzJwkVHyWJJIJYpvKzxXTYIDrdk9qgIr64ycp9gAuk1Y7fpgnnzT5aOfaEjsUiauIQDWuy5z5/s400/4.PNG" title="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" width="400" /></a></div><br /><h3>Langkah 5 | Builder</h3><br />Sebenarnya membutuhkan 24jam untuk memverifikasi akun anda, tapi anda bisa tekan tombol F5 (refresh) agar akun website anda aktif.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1tBmYMcFFz3w_QHD6Y7AiMPoAngMIhBCk56nLJKODltHfCbCHnwZNTlTOptO9dqm7tj3sTFPmCOWcz0S7xZ9PHFpbGf_Vt5vypYe26Bar1GYQablPSJVCuq2P_Bjb20bLSJcAsT8c3ZGl/s1600/5.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" border="0" height="83" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1tBmYMcFFz3w_QHD6Y7AiMPoAngMIhBCk56nLJKODltHfCbCHnwZNTlTOptO9dqm7tj3sTFPmCOWcz0S7xZ9PHFpbGf_Vt5vypYe26Bar1GYQablPSJVCuq2P_Bjb20bLSJcAsT8c3ZGl/s400/5.PNG" title="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" width="400" /></a></div><br /><h3>Langkah 6 | Kelola Mysql</h3><br />Database tidak akan lepas di Mysql, jadi kita buat akun mysql. Di Datasbase MYSQL.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0AXA7r_GaQrldz6Jik_YW8UL4cYOnmQgTNL2ceJ0S-LyPxUBh_e-alagOWx2ujPlyNxH3F-PsVGQd8F9fiAR8DzvoKpdohO1FqJw3ZUgfVtlAdw8v1dJmosdMw-2v4Y92QmX7h-RMdgUz/s1600/tools.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0AXA7r_GaQrldz6Jik_YW8UL4cYOnmQgTNL2ceJ0S-LyPxUBh_e-alagOWx2ujPlyNxH3F-PsVGQd8F9fiAR8DzvoKpdohO1FqJw3ZUgfVtlAdw8v1dJmosdMw-2v4Y92QmX7h-RMdgUz/s400/tools.PNG" title="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" width="400" /></a></div><br /><h3>Langkah 7 | Mysql</h3><br />Isi formulirnya dengan cermat. (Recomendasi saya : gunakan password yang sama dengan sebelumnya)<br />Langkah 8 | Setelah selesai. Silakan masuk di PHP My Admin.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj10_FOImJAlKM8-mvPmUMj6uqV_prlGmrqYY-wLoVEIz4J75AC9zyHKIfSwlkBuiY1WSPSy2QsI3cGsOI_-DV_REcNsrlf5GTBYC8kwajKwohom0P-Gq-2cu8BsFK9WN3DaAm14YIodxJO/s1600/6.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj10_FOImJAlKM8-mvPmUMj6uqV_prlGmrqYY-wLoVEIz4J75AC9zyHKIfSwlkBuiY1WSPSy2QsI3cGsOI_-DV_REcNsrlf5GTBYC8kwajKwohom0P-Gq-2cu8BsFK9WN3DaAm14YIodxJO/s400/6.PNG" title="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" width="400" /></a></div><br /><h3>Langkah 9 | Import Database</h3><br />Tampilan PHPMyAdmin adalah XAMPP, jadi bagi anda yang memakai AppServ sedikit asing dengan tampilan ini....<a href="http://www.bocahit.com/2012/10/cara-export-database-dari-localhost-60.html" target="_blank">Klik Disini</a> jika anda belum paham dengan Import Database.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyx2zJu6eqZ7YeKHflKgSu0Jjtba7THy3Zajcd8K5f77n3528iOaxtf8Cgv2Ifl6arCXYV6QOscxeaPjz3VST9xAeGaIznrbUX7IfhbzPgv0RN7NQT_YAaho6nuf_yQ8nAPlk7TgpMxIXs/s1600/8.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyx2zJu6eqZ7YeKHflKgSu0Jjtba7THy3Zajcd8K5f77n3528iOaxtf8Cgv2Ifl6arCXYV6QOscxeaPjz3VST9xAeGaIznrbUX7IfhbzPgv0RN7NQT_YAaho6nuf_yQ8nAPlk7TgpMxIXs/s400/8.PNG" title="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" width="400" /></a></div><br /><h3>Langkah 10 | Import Script</h3><br />Sukses mengimpor database, waktunya kita import script yang sudah kita bangun dengan builder (Dreamweaver). Silakan anda klik File Manager 3, kemudian klik upload...sebelum anda browse pastikan folder script yang di htdocs(xampp) atau www(appserv) telah di compress ke format.zip.<br /><!-- Ingat Anda Harus Upload Di Dalam Folder Public_html --> <br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW_w0gbZO8VG9rNKvIRCKbLsOCiAKbb0DYW-OsiUjBvs-j2iCJlpCxWcLqAOrsgFuvf2nIImsfT5z3qO1sq3qY3oekrEs_ByJe2gGj3bv6QL8rO-Kl6ch49g1FC-mNSKB7NIOBa8s9Ugx4/s1600/upload+fm3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW_w0gbZO8VG9rNKvIRCKbLsOCiAKbb0DYW-OsiUjBvs-j2iCJlpCxWcLqAOrsgFuvf2nIImsfT5z3qO1sq3qY3oekrEs_ByJe2gGj3bv6QL8rO-Kl6ch49g1FC-mNSKB7NIOBa8s9Ugx4/s400/upload+fm3.PNG" title="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" width="400" /></a></div><br /><h3>Langkah 11 | Replace Server, User, Password</h3><br />Setelah anda berhasil mengimpor , waktunya kita mengganti Server name, Username, Password yang dulunya adalah default dari Localhost, sekarang anda ubah ke idhostinger. Ketika anda tadi mendaftar akun My SQL anda akan melihat Mysql username dan MySQL Database. Dengan klik, file script lalu pilih tools edit, silakan ubah yang anda perlu.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4XymKGUpmmLi2IF4uCgTYu1okNYucq0RmGKQgz43x9lfcTMhCShyphenhyphenBtPxbHbmFKCgM73l6MXIcCT5N9iEGfcz2KX_N0q6v-AC4N5y-E3mpVL1KqV0YM4nAfR_QAxrulApJjjLS3YS9t2uS/s1600/fm3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4XymKGUpmmLi2IF4uCgTYu1okNYucq0RmGKQgz43x9lfcTMhCShyphenhyphenBtPxbHbmFKCgM73l6MXIcCT5N9iEGfcz2KX_N0q6v-AC4N5y-E3mpVL1KqV0YM4nAfR_QAxrulApJjjLS3YS9t2uS/s400/fm3.PNG" title="Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)" width="400" /></a></div><br /><h3>Langkah Terakhir | Cek</h3><br />Cek apakah domain dan web anda telah tampil di browser. <br />Nah cukup itu yang bisa saya sampaikan. Semoga Website anda berhasil di publikasi kan...Silakan 2 web yang sudah saya upload, untuk yang bertabase adalah dari <a href="http://www.bocahit.com/2013/06/cara-valid-upload-website-ke-hosting.html" target="_blank">000webhost</a> dan yang no database dari idhostinger.<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><div style="text-align: center;"><br /></div><div style="text-align: center;"><a class="button" href="http://herlambang.net78.net/" target="_blank">WEB DATABASE</a>             <a class="button" href="http://herlambang.p.ht/" target="_blank">WEB NO DATABASE</a> </div><br />Okey, saya yakin database anda akan mengalami kegagalan dan bahkan benar2 gagal. Jadi saya Herlambang Aka Wammy, jika tugas anda mengalami kegagalan, itu bukan dari artikel ini. Tergantung dengan amal kebaikan anda. Wekk..<br /><h3><b><span style="color: red;">UPDATE</span></b></h3>Web No Database | Tidak bisa di akses karena masa trial-nya telah habis. herlambang.p.ht menggunakan Idhostinger.<br />Web Database | Menggunakan 000webhost. Silakan sesuaikan dengan tugas anda.

Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database)

Cara Upload Website Dari Localhost Ke Id Hostinger (Update + Database) | Kalau minggu lalu aku share, bagaimana kita mengupload atau meminda...

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 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 »