Membuat Ecommerce Toko Online dengan Hosting dan Domain Gratis

Jika kita sudah mengenal internet kita pasti tau tentang E-Commerce atau biasanya disebut toko online. Makin banyak toko online yang sekarang telah ada di internet, selain memperluas jaringan penjualan hingga luar kota toko online bisa juga digunakan sebagai sarana promosi bagi anda untuk bisa menjual produk produk yang anda miliki secara mudah dan praktis.

Pernahkan anda terpikir untuk membuatnya dan bermaksud untuk menjual produk atau jasa yang anda miliki. Jika anda berminat kali ini saya akan membuat sebuah tutorial yang ringan dan simple dalam membuat toko online bagi anda dengan fasilitas "domain gratis" serta "hosting gratis". Jika anda telah memiliki uang untuk membeli domain .com, .net atau yang lainnya dan membeli hosting mungkin tutorial ini bisa bermanfaat untuk sarana latihan bagi anda dalam mengenal lebih jauh bagaimana anda membuat sebuah toko online.

Pada tutorial kali ini saya akan menggunakan domain dari penyedia domain gratsi co.cc dan menggunakan hosting dari penyedia domain gratis 000webhost.com. Selain gratis fasilitas yang ditawarkan kedua penyedia ini mereka juga menyediakan banyak tools yang nanti sangat bermanfaat bagi anda untuk membuat sebuah toko online atau website yang berbasis Database (menggunakan program PHP).

Langsung saja, untuk membuat sebuah toko online yang bisa digunakan anda bisa menggunakan CMS ( Content Management System) atau Sebuah paket website  yang telah disediakan dengan gratis untuk keperluan anda. pada kali ini saya menggunakan sebuah cms dari "osCommerce", Open Source Online Shop E-Commerce Solutions. Selain gratis juga fasilitasnya yang ada sudah bisa memenuhi kebutuhan toko online anda. Cara install CMS ini juga tergolong sangat mudah. Sebelum menginstal CMS ini tentunya anda harus menyiapkan domain serta hosting yang nantinya bisa di install CMS ini.

Langkah 1

Daftar domain Co.cc dan setting DNS 000webhost.com

Untuk mendaftar di Co.cc caranya cukup mudah, anda tinggal menuju http://www.co.cc cari domain yang sesuai dengan tokoonline anda. untuk cara daftar silahkan baca disini.

sambil menunggu domain jadi dan hosting dikatifkan pada saat mendaftar co.cc silahkan isi dibagian DNS server isi server 1 dan 2 Dengan ns01.000webhost.com dan ns02.000webhost.com. Jangan lupa untuk mengaktifkan domain dengan mengeklik active domain pada halam setting co.cc.

- Daftar Hosting Gratis di 000Webhost.com

Setelah mendaftar domain di co.cc anda bisa langsung mendaftar / register hosting di http://www.000webhost.com

Setting domain yang telah anda register di co.cc sehingga akan bisa terhubung dengan hosting yang anda daftarkan.

- Setting - membuat online store di hosting 000webhost.com

Jika proses diatas telah dilaknakan dan website telah tampil di internet maka proses selanjutnya adalah menginstall CMS osCommerce pada website anda. Jika anda menginginkan CMS lain anda bisa melakukannya dengan cara menginstall CMS tersebut ke dalam website anda. (Sebagai contoh menginstall CMS Wordpress). Langkah langkah untuk menginstall CMS osCommerce adalah sebagai berikut :

1. Upload File CMS osCommerce ke hosting 000webhost.com

Selain bisa menggunakan dengan cara manual ( menggunakan Control Panel) yang telah di sediakan oleh 000webhost kita bisa akan lebih mudah menggunakan FTP Program seperti CuteFTP, FlashFXP, SmartFTP atau program FTP lainnya. untuk kali ini saya akan memberikan gambaran upload menggunakan Contol Panel yang telah disediakan :

Login mengunakan email untuk masuk ke cpanel pada 000webhost.com dan klik menu Go to CPanel

Pilih File Manager untuk upload file anda.

Klik pada menu Public HTML untuk masuk ke folder tersebut. karena nantinya file file online store anda akan di simpan di folder ini

untuk memulai uploadnya klik menu upload dibagian atas di rektori.

Jika semua file telah terupload kini giliran kita menginstall CMS tersebut. untuk Penginstalan CMS saya akan bahas di Membuat Ecommerce Toko Online dengan Hosting dan Domain Gratis sesi II. selain itu juga saya akan selaskan mengenai penggunaan program FTP untuk lebih mempermudah anda mengupload file ke 000webhost.

Read More..

• 7 comments »

Cara Register - Daftar domain di Co.cc

Bagi anda yang berminat untuk membuat domain bagi blog atau website anda dengan Gratis, anda bisa Daftar domain di Co.cc untuk mendapatkannya. caranya selain simple (domain juga tidak terlalu panjang) domain co.cc ini juga gratis. Anda bisa menghubungkan blogspot anda atau 000webhost.com, freehostia.com anda atau dengan hosting anda dengan domain yang telah anda daftarkan. Selain mudah, penamaan website dengan domain yang menarik akan membuat orang mudah mengingat dan berkunjung ke website anda.

Pilihlah atau cari nama domain yang unik dan tidak panjang dan mudah di ingat. "anda bisa mengecek nama domain yang bisa anda daftar di bagian akhir tutorial". Selanjutnya anda bisa mengkoneksikan domain dengan hosting anda. di tutorial ini akan saya berikan Cara Register Daftar domain di Co.cc mudah di pahami.

pertama-tama carilah domain yang bagus di :

setelah mendapatkan domain yang bagus, lanjutkan dengan pengisian data diri :

dan apabila anda sudah terdaftar anda tinggal menunggu 48 dari selesai pendaftaran.

simple bukan? jadi tunggu apa lagi silahkan Daftar disini

Check secara langsung ketersediaan domain yang anda inginkan dari blog ini. Silahkan cek dengan menuliskan nama domain dan klik Button Check untuk mengetahuinya.

Semoga bermanfaat. amien.

*Update:
Untuk tutorial mengkoneksikan Domain Co.cc dengan hosting Silahkan baca " Daftar domain Co.cc dan setting DNS 000webhost.com " Di bagian Langkah-langkah.

Read More..

• 0 comments »

Mengedit Header pada Wordpress dan Mengganti Themes

Apabila anda menggunakan Conten Managemen System Wordpress di Situs atau Blog anda, tentu anda sering mendengar atau pernah menggunakan sebuah fitur dalam wordpress yaitu Themes. Themes bisa dianggap sebagai “Baju” untuk tampilan website/weblog, Baju tersebut dapat saja berganti-ganti tanpa merubah isi dari weblog tersebut. Biasanya di CMS Wordpress yang kita install sudah ada bawaan themes standar atau klasik, tapi kita bisa merubah tampilan atau mengeditnya, dengan Themes yang bisa kita download secara gratis di penyedia “Free Themes Wordpress” untuk bisa di aplikasikan kedalam Themes Wordpress kita.

Kita juga bisa membuat tampilan standar wordpress sesuai dengan keinginan kita, atau dengan kata lain Mengedit Header pada Wordpress dan Mengganti Themes (mengcustom tampilan Themes Wordpress). Tidak terlalu sulit untuk sekedar mengcustomi tampilan pada wordpress, yang harus perhatikan adalah pada saat mengedit tampilan / custom, kita harus sabar dan sedikit teliti untuk merubah file dari themes agar bisa menjadi sesuai dengan apa yang di inginkan.

Apabila anda memiliki website yang di buat menggunakan wordpress dan masih menggunakan Themes Standar anda bisa Mengedit Header pada Wordpress dan Mengganti Themes sebagai berikut :

Cara yang paling mudah adalah dengan mengedit gambar bagian header. Caranya dengan melihat alamat header tersebut yang nantinya akan kita edit. Jika menggunakan Mozilla Firefox anda cukup melihat dengan perintah :

Klik kanan tepat pada Header Website / Blog pilih menu View Background Image maka akan tampil seperti ini :

Gambar diatas adalah sebuah file header dengan nama kubrickheader.jpg yang nantinya anda simpan menggunakan save image dan nantinya akan di edit. atau anda bisa mengedit header lainnya.

Simpan / Unduh kubrickheader.jpg dari folder yang telah ditunjukan, lalu rubah tampilan image tersebut dengan cara mengeditnya dengan image editor (seperti Photoshop, Paint, Corel, dll) dan simpan file kembali dengan ukuran yang sama dan jenis file yang sama (dalam hal ini file .jpg). Apabila anda tidak memiliki Image Editor anda bisa menggunakan Images Editor Online seperti pixlr.com. perintahnya sama persis dengan Adobe Photoshop seperti yang akan saya ajarkan di bawah ini.

Untuk pengeditan menggunakan Adobe Photoshop dalam menyimpan sebaiknya menggunakan mode Save for Web agar gambar yang kita simpan menjadi layak tampil di website dengan tidak mengurangi kecepatan membuka pada website/blog kita. Edit File yang telah kita simpan tadi menggunakan Adobe Photoshop seperti dibawah ini.

Edit file kubrickheader.jpg menggunakan PhotoShop

Letakkan kembali ke folder dimana file itu berada. Untuk lebih aman sebelum mengganti dengan yang baru usahakan file lama di rename (semisal kubrickheader.jpg menjadi kubrickheader-asli.jpg) baru anda ganti file tersebut dengan yang baru, maka anda telah bisa merubah tampilan website anda secara praktis.

Hasil Pengeditan Header pada CMS Wordpress.

Jika anda ingin merubah themes pada blog / website anda tetapi tidak menginginkan secara praktis, anda bisa langsung mengunduhnya dari situs penyedia Free Themes Wordpress / Theme Gratis dan langsung memasangnya diblog. Untuk langkahnya sebagai berikut :

A. Mengupload Themes

• Pilih dan download themes yang diinginkan, kemudian extract (di buat menjadi utuh) file-filenya dengan memperhatikan struktur bawaannya, baca readme atau instruksi yang biasa tersedia dari pembuat themes untuk bisa memasang themes dengan benar.

• Upload file-file tersebut ke web server hostingan dengan menggunakan FTP Client, (seperti FileZilla, CUTEFTP, dll) atau jika anda menggunakan localhost anda bisa mengcopy ke folder wp-content\themes, tetapi jika menggunakan webserver (hosting) anda bisa Upload semua isi dari folder themes di dalam directory bawaan Wordpress yaitu dibagian wp-content/themes, jadi semisal folder themes yang diupload namanya adalah “themesbaru” maka nantinya akan terbentuk directory wp-content/themes/themesbaru.

B. Mengaktifkan Themes

Sebelum bisa tampil, themes harus diaktifkan terlebih dahulu, pastikan semua filenya sudah diupload ke directory wp-content/themes/

• Log in ke Admin Panel, pilih menu Appearance ( jika Wordpress lama gunakan menu Presentation)

Login WP baru dan menu Appearance



Aktifkan jika anda telah memilih themes yang di inginkan.

• Pilih themes baru yang gambarnya sudah tampil di panel tersebut dengan mengkliknya,

• Sekarang theme pilihan sudah aktif, bisa di lihat dengan meng-klik “View Site” di bagian atas panel.

Gambar-gambar bawaan, warna background dan juga templatenya bisa dimodifikasikan sesuai selera kita, tapi sebaiknya demi menghargai si pembuat themes, link menuju ke situs author tidak perlu dihapus.

Bagi anda yang ingin bisa membuat website Wordpress di Localhost atau Komputer Pribadi tanpa harus Connect internet bisa membaca tutorial Cara membuat Website di Localhost - Web Server Local sehingga anda lebih mahir lagi dalam menggunakan CMS Wordpress. atau CMS lainnya.

Semoga bisa bermanfaat.

Read More..

• 0 comments »