tauhid membuat website dengan mudah

(1)

1

Mudah & Praktis Membuat Website

Berbasis CMS. Gratis!

learning by doing

Domain, Hosting, CMS & Webmail

Ahmad Tauhid

ahmad.tauhid.cp@gmail.com


(2)

2

Kata Pengantar

Website merupakan media Pemberi dan penyebar Informasi yang banyak digunakan di Internet. Selain itu, pemanfaatanya dewasa ini sudah sangat Pesat. Mulai dari eCommerce, Jejaring Sosial dan lain sebagainya. Tidak Hanya Perusahaan atau Pemerintah, Website juga digunakan oleh sebagian orang untuk berbagi pengetahuan bahkan untuk sekedar mengungkapkan curahan hati (CURHAT) dalam hal ini Blog menjadi Pilihan utama.

Banyak Orang ingin membuat Website tapi tidak mengerti tentang Bahasa Pemrograman. Entah itu PHP, Javascript, ASP atau JSP. Ebook ini Membahas Bagaimana Membuat Website dengan Mudah dan Praktis. Anda Tidak Perlu Menguasai PHP, ASP atau JSP. Cukup Baca dan Praktekan apa yang ada di ebook ini sampai selesai. Maka Saya Jamin Anda akan Memiliki Sebuah Website pribadi yang dapat anda manfaatkan dan kelola sendiri. 100% Free.

Saya Berharap Tutorial singkat tentang membangun Website Gratis ini dapat bermanfaat meskipun Masih jauh dari kesempurnaan. Akhir Kata, Jika ada Hal-hal yang kurang berkenan atau kata-kata yang Slengean dan Masih Blepotan didalam Tutorial ini Saya Mohon Maaf yang sedalam dalamnya.

Selamat Belajar dan Jayalah Indonesiaku. 

Mataram, Juni 2013 Penyusun


(3)

3

Bagian I

Tentang Domain

1.1 Pengertian Domain

Domain Merupakan Bagian yang perlu diketahui sebelum lebih jauh membahas tentang Membangun Website. Selanjutnya Pada Bagian II akan dibahas tentang Hosting. Ok, Kita Fokus ke Domain dulu. Jika Kita Ilustrasikan ke Dunia Nyata, Domain Merupakan Nama Jalan. Ex : Jl. Jendral Sudirman, Jl. Majapahit dll. Bisa disimpulkan Jika Seorang User Hendak Mengunjungi sebuah Website. Maka yang pertama kali harus dia tahu adalah Nama Domainnya.

Pada Dasarnya, Komputer Berkomunikasi satu sama lain menggunakan IP Address. Karena beberapa alasan termasuk sulitnya mengingat angka, Maka dibuatlah sebuah konsep Domain. DNS atau Domain Name Server bertugas memetakan alamat IP menjadi Nama dan sebaliknya (Nama ke Alamat IP). Sehingga Sebuah Website dapat diakses dengan Nama dan IP Addres.

Penggunaan Nama Domain Telah diatur sedemikian rupa, sehingga kita dapat menyesuaikan sendiri nama domain yang akan digunakan dalam membangun website. Suatu misal jika ingin membangun website sekolah gunakanlah domain .sch.id (sch berarti School atau sekolah sedangkan id berarti Indonesia dapat disimpulkan sekolah yang ada di Indonesia), .ac.id (Untuk Akademik/Kampus), .org (Untuk Organisasi), .com (untuk komersil), .go.id (Untuk Pemerintahan) dan lain sebagainya.

Jika kita berbicara struktur, Maka Tingkat Tertinggi dari Domain adalah (.) atau Root. Selanjutnya ada Top Level Domain, Second Level Domain dan Sub domain.

1.2 Struktur Domain

Top Level Domain : wordpress.org, tokobagus.com, blogspot.com

Second Level Domain : mataramkota.go.id, unram.ac.id, stmikbumigora.ac.id

Sub Domain : forum.wordpress.org, pengumuman.unram.ac.id, contoh.blogspot.com

Jika Sobat Sudah Memiliki Weblog (Blog), entah itu wordpress, blogspot, blogdetik atau yang lain. Secara tidak sadar kita telah membuat sebuat sub domain dari domain blog yang kita buat. Suatu misal nama-blog.wordpress.com. Meskipun Kita dapat menghilangkan embel-embel wordpress pada nama blog tersebut.

1.3 Penyedia Layanan Domain

Banyak Penyedia Layanan Domain yang dapat kita manfaatkan. Mulai dari yang berbayar hingga yang gratisan. Jika sobat ingin menggunakan yang berbayar, sobat dapat mengunjungi


(4)

4

website-website berikut :

http://www.jetdino.com atau

http://idwebhost.com Kedua website

tersebut menyediakan layanan Hosting dan Domain. Masalah harga, dapat sobat cek sendiri di

website tersebut.

1.4 Mendaftarkan Domain

Selanjutnya, Mari Kita Mendaftarkan sebuah Domain. Disini akan saya contohkan mendaftar Domain ke sebuah penyedia Layanan Domain Gratis yang menjadi Favorit pemirsa dunia maya yaitu Dot TK.

a). Silahkan Akses URL berikut pada browser sobat,

http://www.dot.tk/. Penampakannya seperti

gambar dibawah ini :

b). Sebelum mendaftarkan domain, kita harus Registrasi dulu pada server dot TK, silahkan akses URL ini pada browser Sobat : http://my.dot.tk/tweak/?show=signup


(5)

5

c). Isikan Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa juga tidak. Kemudian Klik Tombol Lanjut. Jika Penampakannya Seperti dibawah ini, Artinya Anda Telah Berhasil Register Ke Server dot TK :

d). Nah, Sekarang Kita Sudah Bisa Mendaftarkan Domain karena Registrasi Sudah Sukses. Biasanya Informasi akan dikirimkan pada email yang anda gunakan saat Registrasi.

e). Silahkan Klik Menu Domain Panel -> Add a Domain -> Isikan Fieldnya -> Add New Domain. Nama Domain Inilah yang akan anda gunakan untuk mengakses website Anda nanti. Perhatikan Gambar dibawah ini. Saya Membuat Domain dengan Nama belajar-buatweb.tk Pada Pilihan, Pilih Free Domain Kemudian Next :

f). Untuk Option Selanjutnya. Pada Option 1, Pilih saja TK Mailias Only (Pengaturan Selanjutnya akan kita lakukan setelah mendaftar di Hosting dan akan dibahas Pada Bagian Selanjutnya). Pada Option 2, Pilih 12 Mounth (Lama Domain digunakan). Pada Option 3, Ketikan Captha Pada Field sesuai Gambar yang ada Kemudian Next. Perhatikan gambar dibawah ini :


(6)

6

g). Selesai.. Anda Sudah Berhasil Mendaftarkan Sebuah Domain Ke Server dot TK. Untuk Hasil akhir, Silahkan klik Menu Domain Panel dan penampakan hasil saya seperti ini :

NB). Domain Belum dapat Anda Akses Karena Belum Terpointing dengan Hosting. Website akan dapat diakses Seutuhnya setelah anda mempraktekan isi Tutorial ini sampai Bagian IV.


(7)

7

Bagian II

Tentang Hosting

2.1 Pengertian Hosting

Pada Bab Sebelumnya Kita telah belajar tentang Domain dan Mendaftarkan Domain Gratis. Saya yakin sobat sudah paham betul tentang domain. Jika Belum, Silahkan dibaca dan dipraktekan lagi agar benar-benar paham.  Pada Bagian kedua ini kita akan membahas tentang Hosting, Mulai dari pengertian, Penyedia Layanan Hosting serta Proses Registrasi ke Layanan Hosting.

Untuk Definisi, sebenarnya saya lebih suka mengilustrasikan ke dunia nyata. Jika pada pembahasan sebelumnya kita mengilustrasikan Domain sebagai nama jalan, maka Hosting Dapat diilustrasikan sebagai Tempat atau lokasi. Itu saja ? Ya Itu saja. Suatu Misal Jika Sobat Ingin Membangun sebuah website Toko Online maka yang dibutuhkan adalah Domain (Nama Website) dan Hosting (Lokasi atau tempat file-file website ditampung). Coba Deh diilustrasikan kedunia nyata. Jika kita hendak membangun rumah maka kita butuh lokasi bukan ? Begitulah kira-kira peran penting dari hosting.

Berikut Definisi Hosting yang saya peroleh dari Wikipedia, Web Hosting adalah salah satu bentuk layanan jasa penyewaan tempat di Internet yang memungkinkan perorangan ataupun organisasi menampilkan layanan jasa atau produknya di web/situs Internet. Tempat dapat juga diartikan sebagai tempat penyimpanan data berupa megabytes (Mb) hingga terabytes (Tb) yang memiliki koneksi ke internet sehingga data tersebut dapat direquest atau diakses oleh user dari semua tempat secara simultan. Inilah yang menyebabkan sebuah website dapat diakses bersamaan dalam satu waktu oleh Multi User.

2.2 Penyedia Layanan Web Hosting

Sama Halnya dengan Domain, Penyedia Layanan Hosting saat ini sudah tak terhitung jumlahnya mulai yang berbayar ataupun yang gratis. Untuk layanan Hosting Gratis, Sobat dapat memanfaatkan Layanan dari http://000webhost.com, http://idhostinger.com atau

http://byethost.com/. Sebenarnya Layanan Hosting yang disediakan oleh Ketiga Web Hosting

tersebut Free dan Pay. Untuk Pembelajaran, Kita dapat memanfaatkan Layanan Free yang mereka

sediakan. Ketiga Webhosting Tersebut juga menyediakan layanan Subdomain Gratis yang dapat kita

manfaatkan sehingga kita tidak perlu mendaftar di Penyedia layanan Domain.

Sedangkan Untuk Domain Berbayar, Sobat Dapat Mengunjungi

http://jetdino.com atau

http://idwebhost.com Seperti yang telah dijelaskan sebelumnya Kedua Layanan Hosting tersebut

juga menyediakan Layanan Domain yang berbayar.


(8)

8

2.3 Mendaftar di Layanan Web Hosting

Dalam memilih Web Hosting, Saya Lebih condong memilih Web Hosting Server Indonesia. Alasannya tentu saja karena proses pembayarannya dan Registrasi yang mudah (Mungkin karena menggunakan bahasa Indonesia) hehe. Dari ketiga Web Hosting yang telah disebutkan diatas, Web hosting milik Indonesia adalah http://idhostinger.com. Jadi, untuk praktek mendaftar dilayanan Web Hosting kita akan menggunakan Layanan IDHostinger.

a). Seperti Biasa, Sebelum dapat menggunakan Layanan milik IDHostinger, kita harus Registrasi dulu, silahkan buka URL ini pada browser sobat : http://www.idhostinger.com/order

b). Isikan Informasi yang diperlukan pada form pendaftaran Seperti contoh diatas kemudian klik tombol Buat Akun. Jika Tidak ada kesalahan, maka anda akan diarahkan kehalaman seperti dibawah ini. Silahkan buka eMail yang anda gunakan pada saat registrasi untuk melakukan Aktivasi akun yang anda daftarkan.


(9)

9

c). Berikut Adalah Isi Pesan untuk melakukan konfirmasi pendaftaran dari IDHostinger. Silahkan klik Link yang diberikan agar akun anda aktif.

d). Jika Muncul Halaman Seperti dibawah ini, maka akun yang anda daftarkan Telah Aktif.

e). Silahkan Klik Menu Kontrol Panel -> Buat Akun Baru (Proses Ini untuk membuat Akun untuk website yang akan kita buat nanti).

f). selanjutnya akan muncul halaman dimana anda harus memilih layanan milik IDHostinger yang akan anda gunakan. Dalam hal ini kita pilih Layanan Gratis -> Order


(10)

10

g). Seperti yang telah dijelaskan sebelumnya, layanan hosting ini juga menawarkan sub domain gratis. Silahkan centang Domain karena kita akan menggunakan Domain yang telah kita daftarkan di dot TK. selanjutnya Anda akan diminta mengisi Beberapa Filed -> Buat. Perhatikan gambar berikut :


(11)

11

h). Berikut adalah sebuah Halaman yang akan anda jumpai jika tidak ada kesalahan dalam membuat akun.

i). Selesaii.. Akun Anda berhasil dibuat. Seperti yang di informasikan pada halaman diatas, akun akan aktif dalam waktu 24 jam. Hehe (yang sabar ya.. namanya juga gratis) wkwk.. berikut penampakan hasil akhir yang saya buat

NB). Website Belum dapat Anda Akses Karena Domain Belum Terpointing dengan Hosting. Website akan dapat diakses Seutuhnya setelah anda mempraktekan isi Tutorial ini sampai Bagian IV.


(12)

12

Bagian III

Content Management System

3.1 Tentang CMS

Seperti Kata Pepatah, “Banyak Jalan Menuju Roma”. Banyak Cara yang bisa kita lakukan untuk membangun website. Salah satunya dengan memanfaatkan Content Management System atau CMS. Dengan kemampuan yang powerfull, waktu yang singkat dalam pembuatan serta kemudahan dalam penggunaannya CMS menjadi pilihan utama dalam membangun website. Maka Anda yang ingin membangun website sedangkan tidak paham bahasa pemrograman gunakanlah CMS. 

CMS saat ini sudah banyak dikembangkan oleh para Developer hingga hampir semua kebutuhan dalam membangun website dapat dilakukan oleh CMS. Adapun beberapa CMS yang sering digunakan adalah : wordpress http://wordpress.org, drupal http://drupal.org, dan joomla http://www.joomla.org. Semuanya dapat anda download secara gratis dalam situs resmi mereka. Berbagai Plugin dan Thema untuk CMS tersebut telah banyak dikembangkan sehingga anda tak perlu khawatir dengan masalah Tampilan yang menarik.

Terkadang dalam mencari informasi di internet kita merasa Waww melihat beberapa website keren yang kita kunjungi. Sekilas terlihat mewah dan terkesan sulit untuk dibuat. Namun Tahukah Anda jika website-website tersebut menggunakan CMS (Kebanyakan Wordpress dan Joomla). Hal ini dapat kita buktikan dengan melihat source code web tersebut. Klik Kanan Browser Pada Website yang sedang kita kunjungi -> View Page Source (Lihat Sumber Laman) jika ada file semacam wp-content atau wp-theme, bisa dipastikan Website tersebut dibangun dengan flatform Wordpress.

Setahu saya, Ada Beberapa Situs Penting di Lombok yang menggunakan CMS : unram.ac.id

(wordpress), amikom-asm.ac.id (joomla), lombokbaratkab.go.id (wordpress). Bahkan Kampus saya (Kampus IT) menggunakan CMS Wordpress; Heran juga sih, mungkin karena udah berkali-kali di hack sama Mahasiswa sendiri jadi adminnya gak mau repot buat dari awal. Jadi Tak Perlu Menanggung Malu atau gengsi menggunakan CMS. Haha :D

Nah, Pada Pembelajaran kali ini kita akan fokuskan untuk membangun website dengan Content Management System milik Wordpress untuk CMS yang lain seperti Joomla, Drupal, Wolf dan lain sebagainya, silahkan dipelajari sendiri. Konsepnya tidak jauh beda kok. Dan untuk tahap Awal sebelum melanjutkan ke Bagian IV Silahkan sobat Download CMS-nya di situs ini : http://wordpress.org. Silahkan Download Juga Beberapa Theme keren untuk Wordpress pada Menu yang ada di situs tersebut Theme.


(13)

13

Bagian IV

Instalasi CMS Wordpress

4.1 Integrasi Domain ke Hosting

Bagian ini akan menjelaskan Bagaimana mempointing Domain yang telah kita buat di Dot TK dengan Hostingan yang telah kita Daftarkan di IDHostinger karena Domain dan Hosting harus terhubung agar website dapat diakses. Perihal bagaimana Mempointing Domain dot TK dengan IDHostinger silahkan ikuti langkah-langkah berikut ini. Pertama-tama Silahkan Masuk ke akun dot TK dan IDHostinger Anda.

A). Pada Akun dot TK anda, klik menu Domain Panel kemudian Modify domain yang telah anda buat sebelumnya -> Dot TK DNS Service. Perhatikan gambar berikut :

B). Sampai pada gambar diatas, tahan dulu. Silahkan Masuk ke akun IDHostinger anda kemudian klik menu Kontrol Panel. Pada Akun Web yang sudah anda buat silahkan klik tombol Kelola. Perhatikan Bagian Informasi Akun. Copy Alamat IP yang ada pada Informasi Akun.


(14)

14

C). Kembali Ke Akun dot TK Anda. Isikan Field Hostname Sesuai dengan Nama Domain yang anda buat sebelumnya dan IP address sesuai dengan IP address yang ada di Hostingan Anda kemudian

Save Changes

D). Sampai disini Domain dan Hostingan anda sudah terpointing dengan benar. Silahkan cek dengan mengkases nama Domain Anda Pada Browser. Jika Tampilan yang muncul seperti dibawah ini artinya Pointing sudah benar. Jika tidak, Anda harus menunggu 24 jam. 

4.2 Upload CMS ke Layanan Hosting

Setelah mempointing Domain dengan Hosting kita akan lanjutkan dengan mengupload CMS yang telah anda download ke Hosting. Jadi Pastikan anda sudah mendownload CMS nya. Jika belum silahkan download dulu. Untuk tahap pointing, Saya Asumsikan anda sudah berhasil mempointing Domain dengan Hostingan Anda.

A). Jika Persiapan Sudah Selesai. Mari Kita Mulai. Untuk tahap pertama silahkan extrack CMS yang anda Download.


(15)

15

B). Pastikan Aplikasi Winzip Sudah Terinstal di Komputer Anda. Tahap kedua masuk ke Folder hasil extrack. Kemudian ctrl+a klik kanan -> Winzip -> Add to Zip file.

C). Buat Sembarang Nama. Pada Contoh gambar dibawah ini saya memberi nama upload. Kemudian tekan tombol Add. File Hasil Kompres itulah yang akan kita upload nantinya. Kenapa harus Zip ? Jawabannya agar kita tidak mengupload filenya satu persatu. File zip tersebut nantinya akan otomatis di extract setelah proses upload selesai.

D). Silahkan login ke akun IDHostinger anda. Klik Menu Kontrol Panel -> Kelola. Silahkan cari bagian File. Pilih File Manager 3


(16)

16

E). Untuk Informasi User FTP dapat anda lihat di Akses FTP. Anda Dapat merubah password akun dengan mengklik Link Ubah Password Akun. Silahkan Ubah Password FTP Kemudian Masuk Ke File Manager 3 menggunakan Password tersebut.

F). Berikut Tampilan File Manager 3 (net2ftp). Silahkan Buka directory public_html Kemudian Klik Button Upload

G). Pada Gambar diatas silahkan Browse File yang tadi anda Compress dengan Zip. Kemudian Klik

Tombol Submit Centang (Warna Hijau). Tunggu Proses Upload Sampai selesai Kemudian Klik Lagi

Tombol Submit Centang (Warna Hijau) Setelah Itu Tombol Back (Warna Biru). Seperti Gambar dibawah ini :


(17)

17

H). Sampai disini Proses Upload CMS Sudah Selesai. Jika Proses Upload Gagal, Kemungkinan Ukuran File Terlalu Besar. Hal ini bisa kita akali dengan memecah file cms menjadi beberapa bagian (Konsep yang dipake IDM). Selanjutnya kita akan melakukan sedikit konfigurasi atau bisa dikatakan Instalasi. Namun Sebelumnya Mari Kita Membuat Database.

4.3 Membuat Database

Sebelum Melakukan Proses Konfigurasi atau Instalasi Pada CMS yang sudah kita upload tadi, kita membutuhkan sebuah database untuk menampung data Website kita. Berikut saya jabarkan hal-hal yang dibutuhkan :

1. Sebuah Database 2. Username Database 3. Password Database 4. Host/Server

a). Masih didalam Kontrol Panel Akun IDHostinger Anda. Silahkan Pilih Database MySQL. Kemudian Isikan Field yang dibutuhkan -> Klik Button Buat. Perhatikan Gambar dibawah ini.


(18)

18

b). Sampai disini Database Sudah Berhasil Kita Buat. Seperti yang telah dijelaskan sebelumnya Yang harus Anda Catat Adalah Informasi Tentang : Nama Database, Username Database, Password Database Serta Host/Server MySQL.

4.4 Instalasi CMS Wordpress

Ini adalah Tahap Akhir Sebelum Website Anda Dapat diakses dengan Sempurna. Silahkan akses nama domain anda melalui Browser. Jika Tampilan yang muncul seperti ini maka Proses Upload Sudah Sukses. Silahkan Klik Tombol Create Configuration File Pada Gambar dibabawah :


(19)

19

B). Seperti yang telah dijelaskan sebelumnya. Silahkan Inputkan Informasi database Pada Field tersebut. Gunakan informasi yang anda peroleh setelah membuat database kemudian Submit.

C). Klik Run The Install Untuk Menuju ke Proses Instalasi Selanjutnya.

D). Silahkan Inputkan Informasi yang dibutuhkan. Username dan Password Tersebut yang akan anda gunakan untuk mengakses Dashboard Website Anda nantinya Kemudian Klik Install Wordpress


(20)

20

E). Selesaii.. Berikut adalah Informasi yang Muncul Jika Proses Instalasi Berhasil

F). Selanjutnya Terserah Anda. Silahkan Login Untuk Masuk Ke Halaman Admin dan Mengedit Theme, Posting dan MenSetting Web Anda. Untuk Melihat Hasil, Silahkan Akses Domain Anda Pada Browser. Hasil Akhir Saya Seperti Ini :


(21)

21

Bagian V

Webmail

5.1 Tentang WebMail

Email adalah suatu surat dalam bentuk elektronik. atau bisa juga di

sebut e-mail. e-mail singkatan dari Elektronik Mail yang berfungsi untuk

mengirimkan pesan baik berupa teks maupun gabungan gambar yang

dikirimkan dari satu alamat ke alamat lain yang melewati jaringan internet.

Untuk Mengakses eMail banyak aplikasi yang dapat kita gunakan. Salah

satunya dengan menggunakan aplikasi Webmail.

Adapun Pengertian Webmail yang saya dapatkan dari internet adalah sebagai berikut :

WEBMAIL adalah klien email yang menggunakan halaman Web sebagai media untuk mengelola

email di sisi klien. Sesuai dengan sifat AplikasiWeb, pemakai Webmail tidak perlu melakukan instalasi

perangkat lunak dan cukup mengisi sangat sedikit konfigurasi. Dengan kemudahan akses halaman

Web dari banyak tempat, Webmail menjadi lebih disukai lagi terutama bagi mereka yang sering

berganti-ganti komputer untuk akses Internet. Penyedia jasa Webmail gratis pun cukup banyak

tersedia karena mereka dapat menyediakan halaman Web yang akan sering dikunjungi pemakainya,

dengan imbal balik berupa pemasukan dari iklan.

Sedangkan macam-Macam Webmail yang sering digunakan adalah :

1.

Yahoo

2.

Gmail

3.

Live Mail

4.

Ovi Mail

Dengan Memiliki Sebuah Hosting. kita juga dapat memasang Aplikasi Webmail sendiri pada Hostingan Kita. Sehingga eMail kita nantinya akan menjadi nama-email@nama-domain.tk. Keren Bukan? Tapi kayaknya lebih keren kalo menggunakan domain Berbayar. Hehe . Pada Bagian ini saya akan menjelaskan bagaimana memasang Aplikasi Webmail Pada IDHostinger. Ada beberapa Aplikasi Webmail yang dapat kita pasang : squirrelmail, Afterlogic, RoundCobeMail. Namun Pilihan saya jatuh pada After logic tidak lain karena konfigurasinya yang lebih mudah.

Sebelum Mulai Melakukan pemasangan Aplikasi Webmail Afterlogic, Anda harus memiliki File Mentah atau master aplikasinya. Anda dapat Mendonwload Webmail Afterlogic pada situs resminya disini : http://www.afterlogic.org/.


(22)

22

5.2 Instalasi Webmail Afterlogic

Sebenarnya tanpa menginstal aplikasi webmail sendiripun kita sudah dapat menikmati layanan webmail yang disediakan langsung oleh IDHostinger (Squirrelmail dan Roundcubemail). Anda dapat mengakses webmail tersebut setelah membuat eMail Pada Kontrol Panel Akun Anda. Namun Jika Anda Penasaran Untuk memasang Aplikasi Webmaill sendiri, mari kita mulai.

A). Saya Berasumsi Anda Sudah Mendownload Aplikasi Webmail Afterlogic. Silahkan Login Ke Akun IDHostinger anda -> akses menu Kontrol Panel -> Kelola. Konsep Pemasangan Aplikasi Webmail ini sebenarnya tidak jauh beda dengan Instalasi CMS wordpress. Untuk Tahap Awal, Kita mulai dari membuat eMail. Masih didalam Kontrol Panel Akun Anda, Silahkan akses email -> Kelola email. Pada Gambar dibawah, Silahkan buat Email dan Password Anda -> Buat

B). Selesai Membuat eMail, Pastikan Layanan SMTP, POP3 Pada Akun anda dalam keadaan Aktif (dijalankan). Silahkan Cek di Email -> Pengaturan Layanan eMail. Pastikan Juga MX Record anda

mx1.idhostinger.com. (terdapat tanda titik dibelakang .com) cek di Edit MX Record. Perhatikan

Gambar berikut.

C). Kita lanjutkan dengan membuat sebuah Sub domain. Masuk Ke Bagian Domain -> Subdomain. Buat sebuah SubDomain dengan Nama Mail -> Buat. Perhatikan Gambar Berikut.


(23)

23

D). Setelah Sub Domain dibuat, secara Otomatis Direktori Website Anda akan bertambah Satu Folder. Perhatikan gambar dibawah ini.

E). Selanjutnya Mari Mengupload File Aplikasi Webmail AfterLogic. Untuk tahap Sebelum Upload anda dapat mengikuti Langkah-Langkah Pada Bagian 4.2. Silakan Lakukan Hal yang sama untuk master File Afterlogic. yang Berbeda hanya lokasi tujuan File di Upload. Jika CMS Wordpress di Upload Pada direktori root public_html, Maka Master Aplikasi After Logic di Upload Pada direktori


(24)

24

F). Jika Proses Upload Sukses, Pada Gambar diatas terlihat directory Mail sudah terisi dengan aplikasi Webmail Afterlogic. Sebelum Melanjutkan Ke Tahap Instalasi, Silahkan Buat Sebuah Database dulu. Langkah Membuat Database Sama dengan Langkah Pada Bagian 4.3. Yang harus Anda Catat Adalah Informasi Tentang : Nama Database, Username Database, Password Database

Serta Host/Server MySQL.

G). Usai Membuat Database mari kita lanjutkan dengan Melakukan Instalasi Webmail Afterlogic. Silahkan Akses URL pada Browser anda : htpp://nama-domain-anda.tk/mail/install/. Penampakan yang muncul akan seperti dibawah ini. Klik Tombol Next (Pojok Bawah).

H). Pada Bagian Ini Silahkan Isi Informasi Tentang database yang telah dibuat sebelumnya pada Proses F (Nama Database, Username Database, Password Database Serta Host/Server MySQL.)

kemudian Next (Anda dapat melakukan tes koneksi database dengan menekan tombol Tes database). Perhatikan Gambar Berikut :


(25)

25

I). Selanjutnya Atur Password yang akan anda gunakan untuk login ke Admin Panel. Untuk User Default (mailadm) kemudian Next. Seperti gambar berikut :

J). Selanjutnya Isikan Seperti Email Server Host dengan mx1.idhostinger.com. dan centang semua SMTP, POP3, IMAP kemudian Next.

K). Dan Yeee… Instalasi Complit. Silahkan Klik Button Exit Untuk Keluar dari Proses Instalasi Dan Masuk Ke Admin Panel dengan Username dan Password yang anda Set di Step I.


(26)

26

L). Pada Gambar diatas, Klik Button Save. Kemudian Pada Admin Panel, pilih menu Domain lalu klik

Default domain settings. Ubah setting berikut: Incoming mail = IMAP

server = mx1.idhostinger.com.

port = 143

Outgoing mail

server = mx1.idhostinger.com.

port = 2525

SMTP Authentification = Use incoming mail's login/password of the user


(27)

27

M). Sampai disini Webmail Afterlogic Sudah terinstal dengan Benar dan Dapat digunakan. Silahkan Akses Webmail anda dengan http://nama-domain.tk/mail. Login dengan Email dan Password yang telah anda buat sebelumnya.

Berikut Penampakan pesan yang dikirim ke gmail Saya :

Selesaii… Selamat !! Anda Sudah Memiliki Website Pribadi dan Webmail Sendiri. Sekian dari Saya.


(28)

28

Tentang Penyusun

Bebaskan, Bebaskan dirimu. ambil resiko yang paling tinggi, Agar hidupmu jadi lebih kaya !!

Bermimpilah karena Tuhan akan memeluk mimpi-mimpimu. Teriakan mimpimu agar Tuhan mendengar.

Tertawalah, karena seisi dunia akan tertawa bersamamu, Jangan bersedih karena kau akan bersedih sendirian. Hiduplah untuk memberi sebanyak-banyaknya bukan untuk meminta sebanyak-banyaknya. Jelajahi Indonesiamu yang luas,

Jengkali Afrika yang eksotis, dan Jelajahi Eropa yang megah.

Tak ada selembar pun daun jatuh tanpa sepengetahuan sang pencipta. (Andrea Hirata : Sang Pemimpi)

Sebenarnya Saya bukan Penulis. Saya juga bukan orang yang ahli di bidang IT. Bukan Juga seorang Web Developer atau Web Maker. Atau entah apalagi nama panggilan-panggilan keren itu. Saya Hanya Seorang Newbie. Yupz, Orang Bodoh yang ingin terus belajar dan berkarya.

Nama Saya Ahmad Tauhid. Saya kira gak ada yang special dengan nama itu, jadi tak perlu dibahas. Saya lahir di pulau kecil Bagian Timur Indonesia. Tepatnya di Provinsi NTB. Berdampingan dengan Pulau Eksotis, Bali. Biar Kalian tak penasaran kusebutkan saja namanya, Lombok. 

Masalah Pendidikan. Saat Ini Saya Masih dibangku Kuliah disebuah perguruan Tinggi Swasta

NTB “STMIK Bumigora Mataram”. Jarang Aktif Menulis di Blog “http://delphitutor.blogspot.com”.

Ikut UKM MAPALA “Cantha Pratala” Meskipun Jarang aktif Juga. hehe

Ebook atau mungkin lebih tepat disebut Tutorial ini saya buat atas dasar Suka Sama Suka. Loh Kok ? Haha. Maksud Saya Tutorial ini Sifatnya Free. Bebas digunakan dan disebarluaskan. Mau dimodifikasi Juga gak masalah. Tapi saya akan merasa sangat dihargai jika Sobat Mencantumkan Sumbernya. Akhir Kata, Selamat Belajar dan Berkarya.


(1)

23

D). Setelah Sub Domain dibuat, secara Otomatis Direktori Website Anda akan bertambah Satu Folder. Perhatikan gambar dibawah ini.

E). Selanjutnya Mari Mengupload File Aplikasi Webmail AfterLogic. Untuk tahap Sebelum Upload anda dapat mengikuti Langkah-Langkah Pada Bagian 4.2. Silakan Lakukan Hal yang sama untuk master File Afterlogic. yang Berbeda hanya lokasi tujuan File di Upload. Jika CMS Wordpress di Upload Pada direktori root public_html, Maka Master Aplikasi After Logic di Upload Pada direktori public_html/mail


(2)

24

F). Jika Proses Upload Sukses, Pada Gambar diatas terlihat directory Mail sudah terisi dengan aplikasi Webmail Afterlogic. Sebelum Melanjutkan Ke Tahap Instalasi, Silahkan Buat Sebuah Database dulu. Langkah Membuat Database Sama dengan Langkah Pada Bagian 4.3. Yang harus Anda Catat Adalah Informasi Tentang : Nama Database, Username Database, Password Database Serta Host/Server MySQL.

G). Usai Membuat Database mari kita lanjutkan dengan Melakukan Instalasi Webmail Afterlogic. Silahkan Akses URL pada Browser anda : htpp://nama-domain-anda.tk/mail/install/. Penampakan yang muncul akan seperti dibawah ini. Klik Tombol Next (Pojok Bawah).

H). Pada Bagian Ini Silahkan Isi Informasi Tentang database yang telah dibuat sebelumnya pada Proses F (Nama Database, Username Database, Password Database Serta Host/Server MySQL.) kemudian Next (Anda dapat melakukan tes koneksi database dengan menekan tombol Tes database). Perhatikan Gambar Berikut :


(3)

25

I). Selanjutnya Atur Password yang akan anda gunakan untuk login ke Admin Panel. Untuk User Default (mailadm) kemudian Next. Seperti gambar berikut :

J). Selanjutnya Isikan Seperti Email Server Host dengan mx1.idhostinger.com. dan centang semua SMTP, POP3, IMAP kemudian Next.

K). Dan Yeee… Instalasi Complit. Silahkan Klik Button Exit Untuk Keluar dari Proses Instalasi Dan Masuk Ke Admin Panel dengan Username dan Password yang anda Set di Step I.


(4)

26

L). Pada Gambar diatas, Klik Button Save. Kemudian Pada Admin Panel, pilih menu Domain lalu klik Default domain settings. Ubah setting berikut:

Incoming mail = IMAP

server = mx1.idhostinger.com. port = 143

Outgoing mail

server = mx1.idhostinger.com. port = 2525

SMTP Authentification = Use incoming mail's login/password of the user Klik tombol Save untuk menyimpan setting. Perhatikan Gambar dibawah ini :


(5)

27

M). Sampai disini Webmail Afterlogic Sudah terinstal dengan Benar dan Dapat digunakan. Silahkan Akses Webmail anda dengan http://nama-domain.tk/mail. Login dengan Email dan Password yang telah anda buat sebelumnya.

Berikut Penampakan pesan yang dikirim ke gmail Saya :

Selesaii… Selamat !! Anda Sudah Memiliki Website Pribadi dan Webmail Sendiri. Sekian dari Saya. Sekali lagi Mohon Maaf Kalo Kata-Katanya Masih Blepotan. Wassalam 


(6)

28

Tentang Penyusun

Bebaskan, Bebaskan dirimu. ambil resiko yang paling tinggi, Agar hidupmu jadi lebih kaya !!

Bermimpilah karena Tuhan akan memeluk mimpi-mimpimu. Teriakan mimpimu agar Tuhan mendengar.

Tertawalah, karena seisi dunia akan tertawa bersamamu, Jangan bersedih karena kau akan bersedih sendirian. Hiduplah untuk memberi sebanyak-banyaknya bukan untuk meminta sebanyak-banyaknya. Jelajahi Indonesiamu yang luas,

Jengkali Afrika yang eksotis, dan Jelajahi Eropa yang megah.

Tak ada selembar pun daun jatuh tanpa sepengetahuan sang pencipta. (Andrea Hirata : Sang Pemimpi)

Sebenarnya Saya bukan Penulis. Saya juga bukan orang yang ahli di bidang IT. Bukan Juga seorang Web Developer atau Web Maker. Atau entah apalagi nama panggilan-panggilan keren itu. Saya Hanya Seorang Newbie. Yupz, Orang Bodoh yang ingin terus belajar dan berkarya.

Nama Saya Ahmad Tauhid. Saya kira gak ada yang special dengan nama itu, jadi tak perlu dibahas. Saya lahir di pulau kecil Bagian Timur Indonesia. Tepatnya di Provinsi NTB. Berdampingan dengan Pulau Eksotis, Bali. Biar Kalian tak penasaran kusebutkan saja namanya, Lombok. 

Masalah Pendidikan. Saat Ini Saya Masih dibangku Kuliah disebuah perguruan Tinggi Swasta NTB “STMIK Bumigora Mataram”. Jarang Aktif Menulis di Blog “http://delphitutor.blogspot.com”. Ikut UKM MAPALA “Cantha Pratala” Meskipun Jarang aktif Juga. hehe

Ebook atau mungkin lebih tepat disebut Tutorial ini saya buat atas dasar Suka Sama Suka. Loh Kok ? Haha. Maksud Saya Tutorial ini Sifatnya Free. Bebas digunakan dan disebarluaskan. Mau dimodifikasi Juga gak masalah. Tapi saya akan merasa sangat dihargai jika Sobat Mencantumkan Sumbernya. Akhir Kata, Selamat Belajar dan Berkarya.