[AN _ AY ] October 10, 2010
Daftar Isi
DAFTAR DOMAIN GRATIS DI CO.CC................................................................................................... 2 PENDAFTARAN HOSTING GRATIS DI IDHOSTINGER...........................................................................7 UPLOAD SCRIPT WEBSITE KE HOSTING...............................................................................................13 UPLOAD DATABASE ..............................................................................................................................15 LANGKAH-LANGKAH EXPORT DATABASE.....................................................................................15 LANGKAH-LANGKAH IMPORT DATABASE.....................................................................................18 Membuat Database ....................................................................................................................18 Import & Setting Database .........................................................................................................22 EDIT KONFIGURASI WORDPRESS.........................................................................................................25
1
DAFTAR DOMAIN GRATIS DI CO.CC | hasna & yunan
[AN _ AY ] October 10, 2010
DAFTAR DOMAIN GRATIS DI CO.CC 1. Buka http://www.co.cc, cek nama domain yang Anda kehendaki pada kolom yang tersedia. Isi kolom tersebut lalu klik “Check Availability”.
2. Akan muncul pemberitahuan ketersediaan domain. Berikut penjelasan tentang tiap-tiap pemberitahuan. a. “is alredy registered” Artinya nama domain tersebut sudah didaftarkan/dimiliki oleh orang lain, Anda tidak dapat mendaftarkan nama domain tersebut.
b. “is available. ● One year domain registration for $3” Artinya nama domain tersebut tersedia dan dapat didaftarkan. Tapi untuk mendapatkannya Anda harus membayar sejumlah uang yang tertera, karena nama domain tersebuta termasuk dalam nama domain premium.
c. “is available. ● One year domain registration for $0” Artinya nama domain tersebut tersedia dan dapat didaftarkan. Anda tidak akan dikenakan biaya untuk mendaftarkannya.
2
DAFTAR DOMAIN GRATIS DI CO.CC | hasna & yunan
[AN _ AY ] October 10, 2010
Klik “Continue to registration”
3. Klik “Create an account now >>” untuk membuat Akun baru.
4. Lengkapi form yang tersedia, centang “I accept the Terms of Service” kemudian klik “Continue”.
3
DAFTAR DOMAIN GRATIS DI CO.CC | hasna & yunan
[AN _ AY ] October 10, 2010 5. Isi Retype password dengan password yang sama, tulis juga kata yang tertera pada gamba. Klik “Continue”.
6. Anda akan diminta untuk login. Masuk dengan email & password yang kita daftarkan tadi, Klik “Sign in”.
4
DAFTAR DOMAIN GRATIS DI CO.CC | hasna & yunan
[AN _ AY ] October 10, 2010 7. Klik “Set up”.
8. Klik “Set up” lagi.
9. Klik “1. Name Server (DNS)”.
5
DAFTAR DOMAIN GRATIS DI CO.CC | hasna & yunan
[AN _ AY ] October 10, 2010 10. Klik 2 kali “[+ Add More Name Servers]” untuk menambahkan 2 kolom Name Server. Sehingga terdapat 4 kolom Name Server yang harus diisi. Isi dengan ns1.idhostinger.com, ns2.idhostinger.com, ns3.idhostinger.com, ns4.idhostinger.com sesuai dengan urutan Name Server, Lalu klik “Set up”. Lihat gambar dibawah.
11. Pengaturan berhasil disimpan, klik “OK >>”.
6
PENDAFTARAN HOSTING GRATIS DI IDHOSTINGER | hasna & yunan
[AN _ AY ] October 10, 2010
PENDAFTARAN HOSTING GRATIS DI IDHOSTINGER 1. Buka http://www.idhostinger.com. Klik “Order Sekarang!”.
2. Lengkapi Form Pendaftaran yang tersedia, jangan lupa centang “Saya setuju dengan Ketentuan Pengguna Layanan” lalu klik “Buat Akun”.
3. Perhatikan warning box!
menunjukkan Anda harus melakukan konfirmasi melalui email untuk mengaktifkan account Anda.
7
PENDAFTARAN HOSTING GRATIS DI IDHOSTINGER | hasna & yunan
[AN _ AY ] October 10, 2010 4. Buka email Anda, aka nada 2 email masuk dari idhostinger.com (Hostinger Indonesia). Kedua email tersebut berjudul “Selamat Datang di Idhostinger.com!”
Email pertama berisi detail login Kontrol Panel idhostinger Anda.
Email kedua berisi link untuk aktifasi Akun.
“http://cpanel.idhostinger.com/auth/confirm/hash/xxxxxxxxxxxx” klik link tersebut untuk mengaktifasi Akun Anda.
8
PENDAFTARAN HOSTING GRATIS DI IDHOSTINGER | hasna & yunan
[AN _ AY ] October 10, 2010 5. Akun telah teraktifasi, langkah selanjutnya adalah menambahkan domain co.cc yang telah kita buat tadi.
-
Centang opsi “Saya ingin menggunakan domain saya sendiri”.
-
Isi form Domain www. Dengan domain co.cc kita. Contoh: web-onlineku.co.cc
-
Hosting plan Gratis.
-
Isi Password & Ulangi dengan password yang sama.
-
Tulis kata yang muncul pada gambar.
-
Klik “Buat”.
6. Proses pointing domain membutuhkan waktu maksimal 12 jam, tapi tidak jarang juga domain akan aktif dalam beberapa menit.
Selanjutnya klik “Konrol Panel”
9
PENDAFTARAN HOSTING GRATIS DI IDHOSTINGER | hasna & yunan
[AN _ AY ] October 10, 2010 7. Perhatikan status domain pada jendela Akun Aktif. Tertera status Aktif, artinya pointing domain sudah berhasil & Anda dapat masuk ke halaman Kontrol Panel dengan klik “Beralih”.
Catatan :
Apabila status masih Sedang memproses Anda belum bias masuk ke Kontrol Panel.
8. Pada halaman Kontrol Panel terdapat Informasi Akun yang berisi detail hosting Anda.
10
PENDAFTARAN HOSTING GRATIS DI IDHOSTINGER | hasna & yunan
[AN _ AY ] October 10, 2010 Detail Informasi Akun juga akan dikirim ke email Anda. Dengan judul “Akun Gratis Anda Telah Aktif”.
Dibawah ini merupan isi dari email tersebut.
9. Selanjutnya buka website Anda. Apabila yang muncul seperti gambar dibawah, ini artinya pointing DNS belum selesai, butuh waktu maksimal 48 jam.
11
PENDAFTARAN HOSTING GRATIS DI IDHOSTINGER | hasna & yunan
[AN _ AY ] October 10, 2010 Dan apabila yang muncul seperti gambar dibawah, website Anda siap digunakan.
12
UPLOAD SCRIPT WEBSITE KE HOSTING | hasna & yunan
[AN _ AY ] October 10, 2010
UPLOAD SCRIPT WEBSITE KE HOSTING 1. Jalankan program Filezilla. Filezilla dapat diunduh pada alamat : http://downloads.sourceforge.net/filezilla/FileZilla_3.5.1_win32-setup.exe 2. Masukkan parameter berikut ini (untuk mengisinya silakan lihat email yang dikirimkan oleh idhostinger.com pada bagian *** Unggah Website Anda***) atau disebelah kanan halaman kontrol panel (Informasi Akun):
3. Klik KoneksiCepat (Quickconnect )
13
UPLOAD SCRIPT WEBSITE KE HOSTING | hasna & yunan
[AN _ AY ] October 10, 2010 4. Pada bagian Local Folder (Local Site) arahkan ke folder tempat wordpress berada (contoh di atas ada di D:\xampp\htdocs\wordpress) . 5. Klik dua kali folder public_html pada bagian Remote Folder (Remote Site). 6. Klik pada bagian Local Folder dan tekan tombol Ctrl+A untuk memilih semua file. 7. Copy seluruh file yang ada di Local Folder ke Remote Folder, caranya klik dan tahan (click and drug) file yang terpilih di local folder, dan geserkan ke area Remote Folder. 8. Tunggu hingga proses upload selesai (lamanya bergantung jumlah file dan kecepatan koneksi internet). 9. Jika ada pertanyaan untuk merewrite file, pilih Timpa (overwrite) dan centang “Selalu gunakan aksi ini”, lalu klik OK.
14
UPLOAD SCRIPT WEBSITE KE HOSTING | hasna & yunan
[AN _ AY ] October 10, 2010
UPLOAD DATABASE Proses ini terdiri atas 2 (dua) bagian, export database dan import database. Export database dilakukan untuk mengcopy database dari local dan menyimpannya dalam bentuk file. Import database dilakukan untuk mengupload hasil export database local ke database yang ada di remote site.
LANGKAH-LANGKAH EXPORT DATABASE 1. Jalankan program XAMPP 2. Buka Browser Anda, contoh Firefox 3. Akses di http://localhost/phpmyadmin. Gambar berikut adalah antarmuka (interface) database server phpmyadmin.
4. Klik database wordpress Anda (contoh di atas adalah myblog)
15
UPLOAD DATABASE | hasna & yunan
[AN _ AY ] October 10, 2010 5. Klik menu Export,
akan tampi halaman berikut ini.
Pilih Quick – display only the minimal options, Pilih SQL pada kolom Format, Klik tombol Go. 16
UPLOAD DATABASE | hasna & yunan
[AN _ AY ] October 10, 2010 6. Untuk simpan, pilih Save File dan klik tombol OK (lihat gambar di bawah)
7. Arahkan ke folder di mana file tersebut akan di simpan, contoh di My Documents. Klik tombol Save
17
UPLOAD DATABASE | hasna & yunan
[AN _ AY ] October 10, 2010
LANGKAH-LANGKAH IMPORT DATABASE Membuat Database Sebelum melakukan import database, perlu dibuat database terlebih dahulu di server idhostinger.com. langkah-langkahnya adalah: 1. Buka http://cpanel.idhostinger.com 2. Masukan Email, Password, pilih Bahasa Indonesia. Lalu klik Login.
3. Setelah login berhasil, klik tab Kontrol Panel.
18
UPLOAD DATABASE | hasna & yunan
[AN _ AY ] October 10, 2010 4. Akan munjul jendela Akun Aktif, klik Beralih.
5. Dari control panel, klik Database MySQL yang ada pada bagian Tool Penting.
19
UPLOAD DATABASE | hasna & yunan
[AN _ AY ] October 10, 2010 6. Buat nama database dengan mengisi form yang tersedia seperti yang terlihat pada gambar di bawah.
Klik Buat.
Klik Lihat Hasil di pojok kanan bawah.
20
UPLOAD DATABASE | hasna & yunan
[AN _ AY ] October 10, 2010
7. Simpan informasi yang diberikan (copy and paste di notepad atau MS Word Anda). Data ini akan diperlukan untuk langkah selanjutnya.
Ini yang perlu dicatat (sesuaikan dengan akun Anda)
21
Mysql Database
: u357381964_myblog
Mysql User
: u357381964_user
Password
: penggarutan1992
Host MySQL
: mysql.idhostinger.com
UPLOAD DATABASE | hasna & yunan
[AN _ AY ] October 10, 2010 Import & Setting Database 1. Klik phpMyAdmin pada kolom “Daftar User dan Database MySQL Saat Ini”.
2. Akan muncul daftar Database yang kita buat. Klik Masuk phpMyAdmin.
3. Akan diminta untuk memasukan password database. Isi dengan password database yang kita catat tadi, Klik Lanjutkan.
4. Klik menu Import pada phpMyAdmin server Anda.
22
UPLOAD DATABASE | hasna & yunan
[AN _ AY ] October 10, 2010 5. Dari menu Import sebagaimana gambar di atas, klik Browse dan arahkan ke folder di mana file hasil export sebelumnya disimpan.
6. Klik tombol Go.
7. Tunggu beberapa saat hingga tampil informasi yang menyatakan bahwa proses import telah berhasil seperti gambar di bawah ini. Lalu klik Structure untuk melihat daftar table database.
8. Klik icon
23
(browse) pada table wp_options.
UPLOAD DATABASE | hasna & yunan
[AN _ AY ] October 10, 2010 9. Klik icon
(edit) pada table siteurl.
10. Pada option_value ganti http://localhost/wordpress dengan nama domain anda (contoh: http://www.web-onlineku.co.cc).
11. Perubahan berhasil disimpan.
24
EDIT KONFIGURASI WORDPRESS | hasna & yunan
[AN _ AY ] October 10, 2010
EDIT KONFIGURASI WORDPRESS 1. Login ke Kontrol Panel idhostinger.com Anda. 2. Klik File Manajer 1 pada bagian Files, lihat gambar berikut.
3. Klik folder public_html.
25
EDIT KONFIGURASI WORDPRESS | hasna & yunan
[AN _ AY ] October 10, 2010 4. Edit file wp-config.php (lihat gambar di bawah)
5. Lakukan perubahan seperlunya, Lihat pada bagian teks seperti bagian di bawah ini. Data yang harus diubah adalah:
// ** MySQL settings - You can get this info from your web host ** // /** The name of the database for WordPress */ define('DB_NAME', ‘u357381964_myblog’); /** MySQL database username */ define('DB_USER', 'u357381964_user’); /** MySQL database password */ define('DB_PASSWORD', 'penggarutan1992’); /** MySQL hostname */ define('DB_HOST', 'mysql.idhostinger.com');
PERHATIAN: parameter di atas harus diapit oleh tanda petik tunggal (‘) Lihat di Database MySQL (Halaman 7 & 8),
26
EDIT KONFIGURASI WORDPRESS | hasna & yunan
[AN _ AY ] October 10, 2010 6. Simpan hasil perubahan dengan mengklik gambar disket. Perhatikan Gambar di bawah.
7. Setelah proses simpan berhasil, Anda dapat kembali ke file manager dengan mengklik gambar tanda panah ke kiri seperti terlihat pada gambar di atas.
8. Buka tab baru, lalu coba masuk ke dashbord wordpress (contoh: http://www.web-onlineku.co.cc/wp-admin)
9. Isi Username & Password wordpress Anda, lalu klik Log In
27
EDIT KONFIGURASI WORDPRESS | hasna & yunan
[AN _ AY ] October 10, 2010 10. Masuk ke halaman Settings (klik menu Settings di sebelah kiri halaman), rubah Site Address (URL) http://localhost/wordpress dengan nama domain anda (contoh: http://www.web-onlineku.co.cc).
11. Klik Save Changes.
coba lihat website Anda, kadang ada foto pada posting yang tidak muncul, cara mengantisipasinya adalah dengan mengedit posting tersebut, lalu hapus foto yang tidak muncul dengan foto yang ada pada galery. Karena sebenarnya foto-foto pada galery ikut terupload, hanya link yng menuju ke foto tersebut yang tidak berubah (masih menggunakan link localhost).
28
EDIT KONFIGURASI WORDPRESS | hasna & yunan