tutorial toko online php my sql

w w w . t o k o -

o n l i n e b l o g s p o t . i n f o

2 / 2 1 / 2 0 1 2

Tomy Gumilar

Materi yang sangat cocok untuk pemula yang

awam bahkan untuk mereka yang belum tahu

cara membeli domain dan hosting dan lain

sebagainya, namun ingin memiliki toko online

sendiri yang professional.

Membuat

Toko Online

PHP MySQL

www.toko-onlineblogspot.info

www.toko-onlineblogspot.info Page 1

HALAMAN ISI

No Topik Halaman

MATERI UTAMA

1 Cara Membeli Domain 3

2 Cara Berlangganan Hosting dan Aktifasi Name Server 9

3 Menginstall Toko Online PHP MySQL Ke Dalam Hosting 20

4 Modifikasi Toko Online PHP MySQL “Menu Hubungi Kami” 28

BONUS MATERI

5 Cara Berlangganan Hosting GRATIS Seumur Hidup Melalui Blogspot 31

6 Install Wordpress Dengan Hosting GRATIS 38

PENUTUP

7 DISCLAIMER 60

WWW.TOKO-ONLINEBLOGSPOT.INFO



Cara Membeli Domain Melalui GoDaddy

DOMAIN REGISTRAR Termurah dan Terpercaya

Langkah pertama: Buka www.godaddy.com dan lakukan registrasi, klik “Create Account”

Langkah kedua: Setelah terdaftar, masuk ke “Log in” dengan memasukkan username

dan password.

Langkah ketiga: Masukkan nama domain yang anda ingingkan apakah masih tersedia

atau sudah di ambil orang lain. Klik “GO” untuk mengecek. Misalnya masukkan

“ikancupang” akan muncul sebagai berikut.

Klik “Added” untuk memilih ekstensi yang anda inginkan.



“Backorder” mengindikasikan bahwa website ini sudah dimiliki seseorang dan dijual

kembali dengan harga yang lebih mahal. Ganti dengan ekstensi selain (dot)com misalnya

(dot) co atau (dot)info.

Ekstensi (dot)com menjadi favourite karena lebih umum dipakai orang walaupun

sebenarnya tidak terlalu pengaruh pada SEO (Search Engine Optimization).

Di pojok kiri website GoDaddy akan muncul shopping cart. Klik “Continue to

Registration”

Klik “No Thanks” untuk melanjutkan proses pembelian. Kecuali, anda ingin membeli item

tambahan “Standard” atau “Deluxe” maka tinggal klik “Add” maka akan masuk ke dalam

data belanja anda.



Sebelum klik “Next” pastikan berapa lama anda melakukan “Kontrak” domain. Lama

kontrak domain 1 sd x tahun terserah anda lebih suka yang mana.

Lihat gambar di atas, “Registration Length” saya pilih “1 yr”

Klik “Next”



Klik “Next”



Klik “Next” dan jangan klik “Add” kecuali anda menginginkannya melalui pertimbangan

bisnis yang matang.

Klik “Continue to Checkout”

Bila anda mempunyai code coupon (berfungsi memberikan discount) maka masukkan

dengan cara klik “Enter Promo or Source Code”. Anda bisa mencari coupon dengan cara

browsing dari www.google.com banyak sekali tersedia tinggal pilih mana yang belum

expired.

Pastikan produk yang anda beli sudah sesuai dan sudah muncul dalam kolom shopping

cart.

Isi “Enter Your Billing Information” dengan lengkap dan benar. Pilih metode pembayaran

dengan “Credit Card” atau “PayPal”.

Jangan lupa “centang” “I have read and agree to the terms and condition”

Klik “PLACE ORDER NOW”



SELAMAT ANDA SUDAH BISA MEMBELI

DOMAIN SENDIRI

(CARA INI LEBIH MURAH DARI PADA BELI MELALUI PERUSAHAAN HOSTING)

LANGKAH SELANJUTNYA ADALAH MENYEWA HOSTING MELALUI www.jakhoster.com

sebagai hosting termurah dan cocok untuk pemula.



CARA MENYEWA HOSTING MURAH

Langkah pertama: klik www.jakhoster.com Mengapa harus hosting ini? Karena hosting

ini cocok untuk pemula dengan modal cekak hanya 10.000 IDR (sepuluh ribu rupiah) per

tahun.

Klik “Order”



Klik “Order Sekarang” Pastikan anda meng-klik paket hosting yang sesuai dengan

kebutuhan anda. Jangan hanya terpaku pada harga hosting murah tetapi harus sesuai

dengan kebutuhan anda.

Pilih “Saya akan mengupdate Name Server domain saya (Untuk Domain yang sudah ada

atau yang tidak didaftarkan di Jakhoster.com)



Selanjutnya klik “Klik untuk melanjutkan” sehingga domain anda yang barusan di beli

dari www.godaddy.com akan segera aktif dengan memakai hosting dari

www.jakhoster.com

Jangan centang “Private NS” kecuali jika anda beli domain satu paket dengan hosting

melalui www.jakhoster.com

Selanjutnya klik “Tambahkan ke Keranjang Belanja”



Klik “Selesai” untuk mengekskusi belanja anda.



Isi “Detil anda” dengan jelas, lengkap dan benar. Kemudian pilih “Metode Pembayaran”

anda. Saran saya, lakukan pembelian melalui SMS/Internet Banking sehingga anda akan

mendapatkan Aktifasi Instan dari www.jakhoster.com



Selanjutnya “scroll ke bawah” layar komputer / laptop anda sehingga muncul layar

seperti dibawah ini:

Klik metode pembayaran “SMS/Internet Banking BCA” Namun jika anda tidak punya

internet banking anda bisa transfer melalu “Bank Manual” artinya secara manual anda

harus pergi ke ATM atau Kantor Cabang Bank Favourite anda.



Ingat, jangan klik tombol “Klik disini untuk Check Payment” sebelum anda

menstransfer uang.

Ikuti petunjuk cara transfer uang dengan seksama. Dan lakukan konfirmasi pembayaran

melalui SMS atau Email.

Jangan khawatir anda tidak akan di aktivasi setelah proses transfer selesai. Usahakan

rekening bank yang anda pakai transfer adalah rekening pribadi anda sendiri dan bukan

orang lain guna mempermudah proses aktivasi oleh www.jakhoster.com



Selanjutnya “Order Confirmation” dari Jakarta Hosting Center masuk ke dalam email

anda.

Ingat, sekali lagi lakukan konfirmasi pembayaran secepatnya setelah proses transfer

selesai. Atau dengan meng”klik” “Klik disini untuk Check Payment” jika anda transfer

melalui SMS/Internetbanking.

Catat no “Invoice” atau klik link melalui email untuk melakukan konfirmasi pembayaran.

Konfirmasi bisa juga bisa melalui SMS.



Anda juga akan menerima “DETAIL ACCOUNT ANDA” yang memuat kode username dan

password yang berguna untuk mengakses Cpanel anda.

Juga alamat Nameserver misalnya ns1.jakhoster.com dan ns2.jakhoster.com yang harus

anda setting melalui www.godaddy.com jika anda beli domain dari sana.

Langkah terakhir adalah memasukkan ns1.jakhoster.com dan ns2.jakhoster.com ke

dalam domain anda melalui link www.godaddy.com

Masuk ke dalam www.godaddy.com dan klik “My Account”



Klik “Launch” seperti pada gambar.

Klik salah satu domain yang akan anda setting NameServer-nya.

Klik tombol “Nameservers”

Pilih “Set Nameservers”



Klik OK.

SELAMAT ANDA BERHASIL SEWA HOSTING DAN

SETTING HOSTING KE DALAM DOMAIN ANDA



Langkah Install Toko Online PHP MySQL

Langkah Pertama: Login cpanel anda berdasarkan info yang masuk ke dalam email anda

(tolong baca tahapan beli domain, hosting, aktivasi NS, dll pada bab-bab sebelumnya.

www.toko-onlineblogspot.co.cc/cpanel (contoh)

Klik “Login”



Klik “File Manager”

Pilih “Web Root” kemudian klik “Go”



Sorot “Public_html” dan klik “Upload”

Klik “Choose file” upload satu persatu dari folder yang memuat files toko online PHP

MySQL dari komputer anda.



Catatan: Khusus file foto_banner, foto_produk, files, header permission-nya adalah 777

Hasilnya:

Langkah berikutnya adalah membuat database:



Buat database dan user database di hosting anda melalui cpanel prosesnya sbb: - Klik menu Mysql Databases - Create new database - Add new user - Add user to database (cek kotak ALL PRIVILEGES) - Klik Make Changes jika ada kesulitan bisa konsultasi dengan pihak hosting. Hasilnya akan seperti ini:

Selanjutnya Import database/data.sql melalui phpmyadmin menu import.

Perhatikan gambar di bawah ini:



Dan pilih:

data.sql diambil dari folder “database” Langkah penting lainnya adalah mengedit koneksi.php di folder config sesuaikan user, nama database dan password dengan database yg anda buat.



Sorot file “koneksi.php” klik “Edit”

$username = "user"; nama user database yg anda buat di hosting $password = "password"; password user database yg anda buat di hosting $database = "namadatabase"; nama database yg anda buat di hosting Test akses toko online anda: - www.namadomainanda.com <-- tampilan depan - www.namadomainanda.com/adminweb <-- login admin (user: admin dan password: admin) Langkah selanjutnya: Edit rss.php sesuaikan dengan toko dan domain anda. (langkahnya sama seperti mengedit “koneksi.php” diatas) <title>Toko Baju Murah Feed</title> <link>http://localhost/tbajupink/</link> nama url toko anda anda, contoh: http://www.namadomain.com/ <description>Solusi belanja baju murah, mudah dan cepat.</description>

Cara Memodifikasi Menu “Hubungi Kami”

Langkah Pertama:

Klik www.namadomainanda/cpanel

Langkah Kedua:

Masukkan username dan password

Langkah Ketiga:

Klik File Manager

Klik Go, selanjutnya:

Sorot “tengah.php” kemudian klik “edit”

Klik “Edit”

Selamat mencoba.

Scro

ll

Ke

ba

wa

h

Cari Kode berikut ini,

kemudian, lakukan

editing.

CARA MENGGUNAKAN HOSTING GRATIS DENGAN

WWW.BLOGGER.COM

Langkah Pertama: Masuk ke dalam www.godaddy.com untuk melakukan pembelian

domain (lihat bab sebelumnya tentang cara membeli domain melalui

www.godaddy.com

Langkah Kedua: Ubah cname sehingga mengarah ke ghs.google.com sebelumnya

lakukan “login” kedalam www.godaddy.com

Selanjutnya klik “My Account”

Klik “Launch”

Klik salah satu domain yang akan anda setting.

Klik “Launch” pada area DNS Manager.

Selanjutnya klik “www” kemudian isikan dengan “ghs.google.com” selanjutnya save.

Langkah Ketiga: Masuk ke dalam www.blogger.com

Masukkan username dan sandi anda.

Klik “Setting”

Klik “Publishing” >>>>>> “Custom Domain”

Klik “Switch to advanced settings”

Masukkan nama domain yang barusan anda beli dari www.godaddy.com dan juga

masukkan kode captcha klik “SAVE SETTINGS”.

Ingat! Penulisan domain harus lengkap dengan www.namadomain.com dan bukan

namadomain.com. Kalau tidak, maka akan tertolak.

Ingat centang “Redirect ikancupang.co to www.ikancupang.com” tulis kode captcha

dan “SAVE SETTINGS”

Hasilnya:

Coba-dan-bisa.blogspot.com akan berubah menjadi ternakcupang.co artinya ketika

pengunjung mengklik coba-dan-bisa.blogspot.com akan mengarah pada

ternakcupang.co

Gambar website diatas adalah blogger dengan alamat awal www.ternak-

ikancupang.blogspot.com tetapi kemudian mengarah pada www.ternakcupang.info

Selamat mencoba!!! Kunjungi info selanjutnya di www.toko-onlineblogspot.info

SELAMAT ANDA BERHASIL MENGHOSTING DOMAIN ANDA

SECARA GRATIS MELALUI BLOGGER GOOGLE

CARA MEMBUAT WORDPRESS DENGAN HOSTING GRATIS

I. TAHAP PENDAFTARAN DAN MEMBUAT DATABASE1. KLIK LINK INI untuk mendaftar HOSTING:http://www.000webhost.com/485109.html

2. KLIK SIGN UP

ISI SEMUA KOTAK FORM DENGAN BENAR

Ganti ‘farahkamila’dengan ‘namakamu’

Ganti ‘farahkamila’dengan ‘namakamu’kemudian isi email kamu

3. KLIK “Activate Account”

ATAU KALAU INGIN NAMBAH SUB DOMAIN, HARUS MELAWATI MASA 1 X 24 JAM, KLIK 'CreateNew':

4. TUNGGU 1 X 24 JAM:

KEMUNGKINAN ANDA AKAN MENEMUI LAYAR SEBAGAI BERIKUT:

Klik di sini

KEMUDIAN MASUK ke GMAIL:

Maka AKAN MUNCUL LAYAR SEBAGAI BERIKUT:

5. SETELAH MENUNGGU, (KADANG KALA KALAU BERUNTUNG TIDAK PERLU MENUNGGU)Masuk ulang ke http://www.000webhost.com dan SIGN IN

6. SETELAH “STATUS >> Active” KLIK “go to c panel”

7. KEMUDIAN SCROLL DOWN, GESER KE BAWAH DAN TEMUKAN MYSQL KEMUDIAN KLIK!

8. ISIKAN DENGAN BENAR:

Database namedan user nameharus sama

Isi password

Catat di notepad data yang saya lingkari!!!

II. TAHAP INSTALASI SOFTWARE FileZilla FTPPerlu di ketahui BAHWA FileZilla FTP adalah software yang memungkinkan kita untuk meng-upload data sebanyak mungkin secara cepat!! Oleh karena itu kamu harus download dulu FTPsoftware ini dari internet. Caranya cukup ketikkan “download FileZilla FTP SOFTWARE” darigoogle browser kamu. Software ini GRATIS. Kemudian UNZIP FILE DAN LAKUKAN INSTALASIFTP.

1. LAKUKAN download dan simpan file ke dalam hardisk

TUNGGULAH HINGGA PROSES DOWNLOAD SELESAI

2. KEMUDIAN LAKUKAN INSTALASI DAN JALANKAN PROGRAM

MASUKKAN HOST, USERNAME, DAN PASSWORD DARI www.000webhost.com

3. DOWNLOAD SOFTWARE WORDPRESS DARI http://www.wordpress.org/download/

ULANGI PROSES DOWNLOAD DAN UNZIP WORDPRESS, SIMPAN PADAFOLDER YANG MUDAH DI KETAHUI

III. TAHAP INSTALASI WORDPRESSULANGI PROSES ROMAWI I NO 8: KEMUDIAN KLIK “View FTP Details”

KEMUDIAN AKAN MUNCUL LAYAR SEBAGAI BERIKUT:

MASUKKAN DATA:

1. FTP host name Masukkan data FTP host name, user2. FTP user name name, dan password ke dalam3. FTP password FileZilla FTP, romawi II no 2

JALANKAN FilleZilla FTP setelah mengisi semua data padafield yang tersedia. Kemudian upload WORDPRESS YANGtelah di download pada proses ROMAWI II no 3.

LIHAT GAMBAR, ‘click overwrite’ jika mungkin terjadipada saat upload:

Buka folder wordpress, dan pindahkan semua isinyaSEHINGGA SEMUA FILE YANG ADA DI DALAMFOLDER WORDPRESS MASUK menuju folder‘public_html’ di kolom sebelah kanan

TUNGGU HINGGA SEMUA FILE MASUK KE DALAM‘public_html’ kemudian ULANGI PROSES ROMAWI I NO 8:KEMUDIAN KLIK “File Manager”

Masukkan password saat daftar dulu!

Klik ‘public_html’

Lihat proses ROMAWI I no 9:

Catatdatadalamelip,janganhilang

Cari ‘wp-config-sample.php’ dan KLIK ‘Rename’

Setelah kamu klik ‘Rename’ menjadi ‘wp-config.php’

Klik tanda centang UNTUK MENYIMPAN FILE

KEMUDIAN KLIK PADA BAGIAN EDIT

MAKA AKAN MUNCUL SEPERTI INI

GANTI YANG SAYA LINGKARI DENGAN DATA KAMUSEPERTI PADA PROSES ROMAWI I NO 9!!!JANGAN SAMPAI SALAH, LAKUKAN COPY+PASTE DARINOTEPAD PADA SAAT KAMU MENCATAT DATA

KEMUDIAN KLIK SIMBOL “DISKET” DI POJOK KIRI ATASUNTUK MELAKUKAN ‘SAVE’KLIK TANDA PANAH UNTUK KEMBALI JIKA ‘SCREEN’TERSEBUT TIDAK KEMBALI SECARA OTOMATISINGAT PASTIKAN KAMU SUDAH MENYIMPAN DATASEBELUM KEMBALI!!!

KEMUDIAN, KETIK DI BROWSER:http://NAMUKAMU.freeiz.com/wp-admin/install.php

DAN AKAN MUNCUL:

Masukkan data-data yang di perlukan. CATAT USERNAMEdan PASSWORD serta masukkan e-mail kamu yang aktif jikakamu lupa username/password, WORDPRESS akanmengirimkan backup info ke e-mail kamu.

SETERUSNYA, KLIK ‘Log in’

KLIK POST

DAN mulailah POSTING pertamamu!

KEMUDIAN KLIK PUBLISH

SELAMAT! BLOG WORDPRESS KAMUSUDAH JADI!WWW.blogkamu.comoj.com

*KETIK: www.blogkamu.comoj.com/wp-adminUntuk melakukan login ke dalam WORDPRESS dalamrangka posting blog kamu yang pertama!

HASIL SETELAH THEME WORDPRESS DI GANTI:SEPERTI INI http://www.tomygumilar.freeiz.com :

SEMOGA SUKSES

Dibuat oleh:

Tomy Gumilar, S.S.http://www.toko-onlineblogspot.info

Copyright:Materi ini gratis kami sediakan untuk customerkami yang telah membeli produk template atau script dariwww.toko-onlineblogspot.info dan bukan untukdi jual belikan

tutorial toko online php my sql

Education