Membuat website HTML5 instan Koneksi FTP

Transkripsi

1 Membuat website HTML5 instan Koneksi FTP Hallo semua, Kabar baik dari Qwords.com saat ini kami menyediakan site builder di cpanel Khusus untuk Paket Bisnis Hosting, mulai dari : Premium Hosting Ultimate Hosting Platinum Hosting Site builder ini dengan banyak kelebihan,mudah digunakan,simple,html5 dan mudah dimodifikasi seperti yang anda inginkan. Site bulider ini cocok digunakan untuk Company Profile,Web Pribadi dsb. Kali ini kita akan membahas bagaimana cara memulai menggunakan site bulider ini dan pastinya akan mudah 1. Kita membuat user FTP caranya bisa dilihat di link berikut ini : 2. Kita masuk ke cpanel atau 3. Kita cari menu TRENDY TOOLS

2 4. Setelah Klik menu TRENDY TOOLS,maka kita akan dialihkan ke page berbeda,klik Proceed 5. Setelah itu kita masukan judul untuk website kita :

3 6. Setelah memasukan judul untuk website kita,klik add domain : 7. Setelah di Klik add domain maka akan muncul setting FTP,untuk setting FTP ini jika bapak telah membuat FTP Account sebelumnya bapakm bisa mengikuti tahapannya seperti di screenshot dan website bapak akan tampil dengan URL

4 8. Jika Bapak ingin website tampil dengan URL maka settingnya sebegai berikut : Note : untuk public_html select directory pastikan pilih folder 9. Jika sudah selesai kita tinggal Klik submit dan akan tampil seperti berikut ini :

5 Jika sudah tampil seperti diatas kita sekarang bisa mengedit komponen pada layar tinggal drag edit dan berbagai tools di dalammnya,semakin kita berkreasi maka tampilan web akan semakin bagus. Build your site!! So easy Sekian dulu untuk tutorial management Trendy Tools kali ini,kami akan terus update tentang tutorial pembahasan Trendy Tools lainnya. Untuk pertanyaan tentang penggunaan Trendy Tools ini silahkan menghubungi kami melalui chat atau melalui support ticket. Cara membuat Support Tiket di Qwords (VDS/DS/Colocation) Bagi anda pengguna layanan vds, ds atau colocation, telah kami sediakan interface khusus untuk mengelola informasi layanan dan media komunikasi anda dengan tim teknis melalui situs Client.qwords.com. Jika anda mengalami kesulitan atau membutuhkan standard

6 support atas layanan server yang anda sewa, silakan membuat support tiket ke bagian Technical Departments kami dengan cara berikut: 1. Clear Cache dan cookies browser anda terlebih dahulu 2. Login di Client.qwords.com/clientarea 3. Pilih Support -> Buka Baru Tiket Support

7 4. Pilih Department, dan isi semua kotak isian yang ada. anda juga dapat menambahkan lampiran berupa gambar atau file document pdf, setelah selesai Klik Submit 5. Selesai :). sekarang anda tinggal menunggu balasan dari tim

8 teknis kami. Koneksi CodeIgniter MySQL pada Koneksi MySQL pada CodeIgniter Pada tutorial ini akan dibahas tentang cara konfigurasi database MySQL pada CodeIgniter. Seperti yang kita ketahui, CodeIgniter adalah salah satu dari sekian banyak Framework. Namun CodeIgniter banyak dipilih oleh para developer/programmer website karena memiliki banyak pustaka (library), tampilan antar-muka (Interface) yang sederhana dan struktur logika (pada library) yang mudah diterapkan. Setelah anda mengunggah seluruh file website dan database ke hosting, anda tinggal melakukan konfigurasi pada koneksi databasenya. Cukup buka file konfigurasinya di \application\config\database.php dan cari kode program berikut : $db[ default ][ hostname ] $db[ default ][ username ] $db[ default ][ password ] $db[ default ][ database ] $db[ default ][ dbdriver ] $db[ default ][ dbprefix ] $db[ default ][ pconnect ] localhost ; root ; ; ; ; ; TRUE;

9 $db[ default ][ db_debug ] $db[ default ][ cache_on ] $db[ default ][ cachedir ] $db[ default ][ char_set ] $db[ default ][ dbcollat ] $db[ default ][ swap_pre ] $db[ default ][ autoinit ] $db[ default ][ stricton ] TRUE; FALSE; ; utf8?; utf8_general_ci ; ; TRUE; FALSE; Yang perlu anda perhatikan cukup 5 baris pertama di atas. Berikut penjelasannya : 1. $db[ default ][ hostname ] : berfungsi untuk mendefinisikan server di mana database berada. Isilah dengan Localhost 2. $db[ default ][ username ] : berfungsi untuk mendefinisikan username (nama user) untuk koneksi ke database yang dituju. 3. $db[ default ][ password ] : berfungsi untuk mendefinisikan password dari username (nama user) yang telah dibuat pada Databases > MySQL Databases. 4. $db[ default ][ database ] : untuk mengisi nama database yang telah dibuat. 5. $db[ default ][ dbdriver ] : untuk mendefinisikan driver dari database yang kita gunakan. untuk koneksi ke mysql biasanya driver yang digunakan adalah mysql (Default). Sehingga script lengkapnya menjadi : $db[ default ][ hostname ] $db[ default ][ username ] $db[ default ][ password ] $db[ default ][ database ] $db[ default ][ dbdriver ] $db[ default ][ dbprefix ] $db[ default ][ pconnect ] $db[ default ][ db_debug ] $db[ default ][ cache_on ] $db[ default ][ cachedir ] localhost ; nama_user ; password ; nama_database ; mysql ; ci_; TRUE; TRUE; FALSE; ;

10 $db[ default ][ char_set ] $db[ default ][ dbcollat ] $db[ default ][ swap_pre ] $db[ default ][ autoinit ] $db[ default ][ stricton ] utf8?; utf8_general_ci ; ; TRUE; FALSE; Selamat mencoba *Catatan : Pastikan versi CI yang anda digunakan versi 1.9 keatas/last Version. Install phpbb secara manual Sejatinya, kita bisa install phpbb secara otomatis melalui cpanel > Softaculous. Namun jika kamu menyukai tantangan dan ingin belajar phpbb, ada baiknya untuk mencoba install Install phpbb secara manual. Langkah pertama, tentu saja adalah mengunduh phpbb langsung dari situsnya: phpbb.com. ( Pilih Download Latest (.zip) untuk mengunduh versi terakhir dari phpbb. Kedua. Unggah dan ekstrak file tersebut ke dalam public_html Setelah selesai, arahkan web browser kamu ke tempat kamu meletakkan hasil ekstraksi. Jika sukses, maka akan muncul halaman seperti ini:

11 Pilih tab Install > Proceed to next step Pastikan semua hijau (Yes) pada PHP version and settings dan mbstring Extension Check Untuk Supported Database, pastikan setidaknya terdapat 1 jenis database yang Available. Begitu juga pada Files and Directories (Found, Writable) Jika Not writable, ubah permission dari file dan folder tersebut Cek: Mengganti CHMOD Permission Selanjutnya, klik Start Install Ketiga. Database Configuration Nah pada sesi ini, isilah kolom yang tersedia dengan data dibawah ini: Database server Hostname or DSN: localhost Database server port: (kosongkan) Database name: (isi dengan nama database yang sebelumnya telah anda buat. Jika tidak tahu caranya, cek: Cara membuat user dan database MySQL di cpanel) Database username: (isi dengan username database yang sebelumnya telah anda buat) Database password: (isi dengan password database yang

12 sebelumnya telah anda buat) Prefix for tables in database: phpbb_ Jika konfigurasi yang dimasukkan benar, maka ketika klik Proceed to next step anda akan melihat tampilan: Keempat. Kamu akan dihadapkan pada halaman pengaturan username, password, dan alamat dari admin. Masukkan username dan password yang kamu inginkan. Pastikan untuk menggunakan alamat yang valid. Jika sudah benar, maka ketika klik Proceed to next step anda akan melihat tampilan: Check Administrator Setting: Tests Passed Klik Proceed to next step kembali. Pada Advance Settings anda tidak perlu melakukan pengaturan apapun (Kecuali diberitahu atau ada error saat Proceed to next step selanjutnya) Proceed to next step kembali. Maka setup akan mulai membuat database. Selesai membuat, Proceed to next step. Jika telah muncul halaman seperti ini:

13 Maka kamu telah sukses menginstall phpbb. Selamat! Langkah selanjutnya adalah, sesuai dengan yang tertulis yaitu: Please delete, move or rename the install directory before using your board. While this directory exists, only the Administration Control Panel (ACP) will be accessible. Hapus, atau ganti nama dari folder instal. Jika sudah, maka phpbb bisa mulai digunakan. Membuat Toko Online dengan OpenCart Sebuah toko online memang tidak asing lagi kita jumpai di Internet, kali ini saya akan mencoba memberikan tutorial singkat cara membuat toko online sederhana menggunakan CMS OpenCart, langsung saja pertama kita install CMS Opencart melalui menu softaculous di cpanel.

14 1. Pilih CMS OpenCart, dan pilih Install 2. Isi Form software setup dengan data toko online yang akan anda buat. *Pada In Directory dikosongkan saja untuk membuat alamat toko online anda *Disarankan tidak menggunakan tabel perefik oc_ anda bisa membuat sesuka anda misal tkol_ *Untuk username pun disarankan tidak menggunakan user admin untuk keamanan 3.Klik install tunggu sampai proses install selesai.

15 Tampilan Toko online anda yang baru selesai di install Sekarang saatnya memasukan produk kedalam toko online anda. 1. Login ke halaman admin anda, dengan alamat 2. Pertama kita menentukan terlebih dahulu kategori-kategori untuk produk di toko online anda, di menu Catalog > Categories

16 3. Mengupload produk kita, di menu catalog > Product 4. Menambahkan Informasi Toko Online kita atau perusahan kita, cara pemesanan, pembayaran, ketentuan perusahaan dan lainnya, di Catalog > Information 5. Menambahkan mata uang Rupiah (IDR), Pada menu System > Localisation > Currencies > Insert

17 *anda juga bisa mengedit mata uang Dolar dan menggantinya dengan Rupiah, untuk menjadikan Rupiah sebagai mata uang Default. 6. Merubah bahasa katalog toko online ke bahasa indonesia : a. Pertama Download ekstensinya di Sini b. Upload indonesia.zip ke : cpanel > File Manager > public_html > /catalog/language/ c. Extract file indonesia.zip d. Selanjutnya Login ke Admin Opencart, klik Menu System > Localisation >Language, Klik INSERT untuk membuat bahasa Indonesia, : * Language Name : Bahasa Indonesia * Code : id * * * * * * Locale : id_id.utf-8,id_id,id-id,indonesia Image : id.png Directory : indonesia Filename : indonesia Status : Enable Sort Order : 2 Klik Save e. Katalog anda sudah dalam pilihan untuk Bahasa Indonesia. Sekian dulu tutorial singkat Membuat toko online menggunakan CMS OpenCart.

18 Semoga membantu ^_^ Memindahkan Isi File Website dari Subdomain ke Subdomain Lain Anda ingin memindahkan File website dari subdomain lama ke subdomain baru? Seringnya terjadi kesalahan membuat subdomain/tiba-tiba harus mengganti nama subdomain yang sudah di publish merupakan hal yang cukup merepotkan. Pada tutorial kali ini anda tidak perlu melakukan konfigurasi ulang pada database (khususnya untuk CMS), karena anda cukup melakukan 2 hal, yaitu Copy anda Change. Penasaran?,,, Mari ikuti langkah-langkah berikut : 1. Buat Create cpanel>>domains>>subdomain Subdomain baru pada (Silakan lihat Gambar)

19 Penjelasan : Kotak yang berwana merah merupakan sebagai contoh nama subdomain baru (nama subdomain baru bisa di sesuaikan dengan keinginan/kebutuhan. Kotak yang berwarna biru merupakan Document Root (Direktori), biarkan Default (ter-generate sendiri). Setelah dibuat Subdomain baru, nantinya akan ada 2 Subdomain, Subdomain Lama dan Subdomain baru Penjelasan : Folderbaru : Subdomain Baru (Yang akan di isi oleh File Website dari Subdomain Lama) Folderlama : Subdomain Lama (Tempat/folder File Website Lama)

20 2. Copy File Dari Folder Subdomain Lama ke Folder Subdomain Baru. Langkah ini merupakan proses Copy biasa, berikut ilustrasi gambarnya : Penjelasan : Silakan copy seluruh File yang bertanda kotak merah dengan cara di sorot/select All, lalu klik Kanan > Copy.

21 Penjelasan : Isikan folderbaru setelah /public_html, sehingga menjadi /public_html/folderbaru. Langkah selanjutnya adalah Change 3. Change Document Root pada cpanel>> Domains>>Subdomain. Change Document Root agar folder/isi file bisa di kenali saat di akses, berikut ilustrasi gambarnya : Penjelasan : Klik gambar yang diberi tanda kotak waran merah, sehingga menjadi :

22 Penjelasan : Pada tanda kotak yang berwarna merah, ubah folderlama menjadi folderbaru lalu tekan Change. Setelah itu, maka website sudah dapat menggunakan alamat subdomain baru : diakses dengan Ilustrasi gambar di atas menggunakan CMS WordPress, tetapi bisa juga dilakukan untuk Joomla. Jika anda menemui kesulitan atau membutuhkan informasi lanjut untuk file website CMS lain/custom programming, silakan hubungi Tim Teknis Qwords.com, kami 7 x 24 jam siap membantu anda. Terima Kasih..

23 Mengaktifkan Responder Auto- Tutorial kali ini akan membahas mengenai Auto-Responder, mungkin yang akan menjadi pertanyaan adalah apa itu auto-responder? apakah itu merupakan sebuah alat / robot penjawab otomatis? Baik, selanjutnya akan di jelaskan mengenai apa itu Auto-Responder, Auto-responder adalah sistem di cpanel yang secara otomatis mengirim kepada orang / pengirim . Hal ini dapat berguna untuk saat-saat ketika Anda sedang berlibur seperti libur I dul Fitri atau sedang Libur Nasional, ataupun di saaat kantor anda sedang tidak beroperational. Langsung ke tahapan dalam pembuatan auto-responder, berikut tahapan dalam mengaktifkannya : 1. Loginlah ke cpanel account hosting anda 2. Cari menu mails > Auto responders

24 3. Setelah masuk menu auto responders, klik menu add auto responder

25 4. Ada beberapa colom yang harus anda isi pada tahapan selanjutnya yaitu :

26 Interval Di isi dengan jumlah / lama antrian jika pengirim menggunakan yang sama ( dalam jam ) Di isi dengan incoming / alamat yang hendak di aktifkan untuk auto-responder From Nama pengirim pesan yang kirim oleh auto responder, jika tersedia Subjek Subyek pesan dikirim oleh auto responder Body Isi dari auto-responder 5. auto-responder ini dapat di custom, dalam artian anda dapat mengatur kapan auto-responder ini berjalan dan kapan auto-responder ini akan berakhir. 6. Jika semua colom sudah anda isi, klik Create / Modify

27 Sampai disini tahapan untuk pembuatan auto-responder telah selesai, selamat mencoba ^-^ NOTE!!! Pastikan anda sudah membuat account sebelum anda mencoba auto-responder. Melindungi file gambar dari pencurian ( Hotlinking ) Hotlinking adalah penggunaan link gambar langsung dari salah satu situs ke halaman situs lainnya tanpa izin kepada pemilik gambar / owner website. Salah satu kerugian akibat dari hotlinking ini adalah pemakain bandwidth hosting dari situs yang di ambil file gambarnya, selain itu hotlinking dapat berakibat bertambahnya load / beban server dari tempat gambar itu di simpan. Ada beberapa cara yang dapat di lakukan untuk mencegah aktivitas hotlinking ini, di antaranya melalui penambahan script htacess, namun yang akan kita bahas disini adalah melindungi website dari hotlinking dengan menggunakan Hotlink Protection yang terdapat pada cpanel.

28 Bagi anda pengguna layanan shared hosting Qwords.com dengan system control panel cpanel, anda tidak akan perlu repot-repot membuat / menambahkan script htaccess untuk melindungi situs anda dari hotlinking, pada menu cpanel terdapat fasilitas Hotlink Protection, yang dapat dengan mudah anda aktifkan, berikut tutorial untuk mengkatifkan Hotlink Protection di cpanel 1. Loginlah ke cpanel account hosting anda 2. Cari menu security > Hotlink Protection 3. Klik enable untuk mengaktifkan Hotlink Protection

29

30 Sampai disini tahapan untuk melindungi website kita dari aktivitas hotlinking sudah selesai, dan beberapa file gambar yang terdapat pada website anda otomatis akan terlindungi dengan Hotlink Protection Semoga bermanfaat. Tutorial setting account di Mac OS Salam hangat, Kali ini kta akan memberikan tahapan untuk setting client di Mac OS. Membahas sedikt tentang Mac OS itu sendiri, Mac OS adalah singkatan dari Macintosh Operating System. Mac OS adalah sistem operasi komputer yang dibuat oleh Apple Computer khusus untuk komputer Macintosh dan tidak kompatibel dengan PC berbasis IBM. Kita langsung ke tahapan setting account hosting di Mac OS tahapannya sebagai berikut : 1. Kita klik Icon mail pada Mac OS anda :

31 2. Maka akan tampil setting awal untuk account anda isi form seperti berikut ini : 4. Selanjutnya setting incoming,isikan incoming mail server dengan mail.namadomain.xyz bisa langsung dilihat di screenshot dibawah ini :

32 5. Selanjutnya anda setting outgoingnya hampir sama seperti incoming mail server mail.namadomain.xyz Detailnya bisa dilihat di screenshot berikut ini : 6. Untuk tahap selanjutnya klik create :

33 NOTICE : Pastikan sebelumnya anda telah membuat account di cpanel anda. Untuk informasi atau tutorial pembuatan account di link berikut ini : Create account di Qwords.com Reset Password Admin OpenCart Melalui phpmyadmin Lupa password Admin Opencart? Tidak usah kawatir dan bingung, kita bisa meresetnya dengan mudah melalui phpmyadmin di cpanel kita. Langsung saja, 1. Login cpanel 2. Pilih menu phpmyadmin pilih database opencart kita lalu pilih tabel oc_user

34 3. Klik edit, pada baris password masukan password baru kita tapi jangan lupa ganti kolom function mejadi MD5 4. Setelah itu klik Kirim / Go 5. Selamat password kita sudah berhasil direset dan silakan dicoba kembali login ke halaman admin opencart kita. Semoga membantu ^_^

35 Meningkatkan SEO dengan Merancang Menu Navigasi Menu navigasi digunakan pengguna internet untuk memudahkan mereka mengakses bagian yang mereka inginkan dari website anda dengan cepat. anda dapat membuat menu navigasi berdasarkan kategori tulisan atau jenis halaman (kontak,profil, beranda,dsb). Nah, untuk meningkatkan SEO dengan Merancang Menu Navigasi, Anda dapat menggunakan menu dengan animasi naik turun (dropdown) atau tanpa animasi menu listing. Dropdown List Menu

36 Selain kedua diatas, anda dapat menambahkan Breadcrumb, ada persamaan fungsi antara breadcrumb dengan menu, yaitu memudahkan pengguna website anda untuk kembali ke halaman diatasnya atau kembali ke halaman awal (home). khusus Joomla, Sedangkan breadcrumb sudah secara default tersedia. untuk WordPress, Berikut cara instalasi dan pemasangannya: a. Install Plugin Breadcrumb. Dashboard -> Plugins -> Search Really Simple breadcrumb

37 b. Activate Plugin c. klik edit Plugin d. Klik Readme e. Copy Script Seperti di gambar

38 f. Appearance -> Editor g. Klik Page.php/Single.php h. Paste Script seperti gambar berikut lalu save:

39 i. Test dengan membuka salah satu Page/halaman di situs anda, jika terdapat baris seperti dibawah ini berarti anda sudah melakukan tutorial dengan benar: Penjelasan Permalink di CMS WordPress Permalink [permanen link] merupakan URL permanen ke setiap blog/web post, kategori dan semua daftar postingan blog lainnya. Sebuah permalinks inilah yang digunakan oleh website lain untuk me-refer ke artikel kita (atau bagian lainnya), atau bagaimana kita mengirimkan tautan ke salah satu artikel kita melalui pesan elektronik. Terutama ketika digunakan untuk membuat tautan ke artikel tertentu, sejak artikel tersebut dimuat, URL ke artikel tersebut haruslah permanen, dan tidak pernah di rubah, karenanya disebut permalink (tautan

40 permanen). Itu adalah sekilas tentang penjelasan apa yang disebut permalink,permalink ini bisa digunakan untuk meningkatkan SEO dan mempermudah pembaca untuk melihat link tersebut. Kali ini kita akan bahas tentang penggunaan permalink di CMS WordPress. Yang kita butuhkan untuk dasar penggunaan permalink adalah mengaktifkan mod_rewrite di htaccess caranya sebagai berikut : Login di cpanel anda->cari menu File Manager (show file hiden)->cari folder Public_html->cari file htaccess lalu anda edit tambahkan htaccess default WordPress berikut ini : # BEGIN WordPress <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME}!-f RewriteCond %{REQUEST_FILENAME}!-d RewriteRule. /index.php [L] </IfModule> # END WordPress Informasi lengkap untuk htaccess default bisa di lihat di link berikut ini :

41 Memilih struktur permalink Anda Caranya anda login ke setting->permalinks admin WordPress anda->cari menu Notice : Anda tidak pernah menaruh url situs Anda dalam slot permalinks atau dalam bentuk langsung nama link anda. Anda harus menggunakan salah satu tag struktur, atau kombinasi dari tag saja. Berikut ini screenshot untuk pemilihan stuktur permalink anda : Struktur Tag Anda dapat menggunakan tag ini untuk menyesuaikan Cukup atau Hampir Cukup permalinks.

42 Beriku ini petunjuk penggunaan permalink di CMS WordPress: Pastikan untuk mengakhiri struktur Anda dengan baik : [%post_id% or %postname% (contoh: /%year%/%monthnum%/%day%/%po stname%/) ] Sehingga setiap permalink poin ke setiap posting anda. %year% Tahun dalam url postingan,empat digit, contoh 2004 %monthnum% Bulan dalam url postingan, contoh 05 %day% Hari dalam url postingan, contoh 28 %hour% Jam dalam url postingan, contoh 15 %minute% Menit dalam url postingan, contoh 43 %second% Detik dalam url postingane,contoh 33 %post_id% ID Unik # dalam posting, contoh423 %postname% Tag ini paling sering digunakan karena SEO friendly,mudah dibaca dan dalam penggunaanya langsung menampilkan URL dengan nama link yang sama dengan judul pastingan anda contoh nama postingan Penjelasan Permalink di CMS WordPress URL Permalink : %category% Penggunaan Tag ini digunakan biasa nya untuk membuat link menu pengelompokan,misal kategori PUISI maka jika memasukan tag ini di Permalink anda maka URL akan menjadi seperti ini %author%

43 Penggunaan Tag ini hampir sama dengan kategori hanya yang membadakan siapa yang memposting dalam website tersebut. contoh penggunaan nama user example maka URL akan seperti ini : Semoga penjelasan diatas tentang penggunaan permalink CMS Wordperss bisa memperjelas dalam penggunaan permalinks tersebut sehingga tidak membingungkan anda. Semoga Bermanfaat