Anda di halaman 1dari 40

PANDUAN MEMBUAT WEBSITE

MELALUI JOOMLA

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 1


Kata Pengantar

Pertama-tama marilah kita ucapkan puji dan syukur kehadirat

Allah Swt, karena saya dapat membuat Modul “Panduan Membuat

Website Dengan Joomla”. Saya memang sengaja mengeluarkan modul

Panduan Joomla ini untuk membantu mengerjakan tugas teman-teman

yang belum terselesaikan. Modul ini ini juga di buat karena atas

dukungan teman-teman semua yang ada di SMKN 1 Karawang,

khususnya Jurusan Teknik Komputer dan Jaringan. Tanpa dukungan

teman-teman semua, belum tentu modul ini dapat di buat.

Terimakasih atas partisipasi dan dukungan teman-teman semua.

Walaupun Modul ini masih banyak kekurangannya, tapi saya harap

modul ini dapat membantu untuk menyelesaikan tugas. Jadi saya mohon

maklum jika di dalam Modul ini terdapat ketikan yang kurang jelas dan

ada salah-salah kata dalam penulisannya. Sekali lagi saya Ucapkan

Terimakasih.

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 2


Petunjuk Pemakaian:

1. Buat temen-temen semua, bacalah modul ini dengan


Cermat dan teliti agar kita tidak bingung pada saat
mengerjakannya.

2. Gambar yang terdapat dalam Modul adalah contoh


instruksi agar kita mudah memahami nya.

3. Nama-nama Konten yang terdapat di modul ini mau di


masukan itu terserah atau tidak, tergantung keinginan
dan kebutuhan masing-masing.

4. Apabila masih ada yang kurang jelas dan kurang paham,


dapat di tanyakan langsung kepada saya di sekolah atau
Sebaiknya Datang langsung ke rumah Saya aja.
Alamatnya di Perumnas Bumi Teluk Jambe Blok i no 321,
tenang teman-teman Nggak usah khawatir di minta
bayaran, GRATIS ko. Hahahahahaha.. :D

Kan sesama teman itu harus saling berbagi ilmu.

Oke, hanya segitu mungkin yang dapat saya katakan. Kalo


masih bingung datang aja langsung ke rumah saya.

Terima Kasih

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 3


Setelah kita membuat Auto Installer Joomla pada web hosting, maka

langkah selanjutnya kita harus login sebagai Administrator pada website

yang telah kita buat.

1. Pertama-tama Tuliskan alamat website kalian diikuti oleh

“/administrator”. Contoh:

http://harimulyono.coolpage.biz/administrator

2. Setelah loading selesai akan muncul gambar seperti di bawah:

Login lah dengan memakai account otomatis yang telah di berikan

oleh joomla. Biasanya account otomatis tersebut adalah:

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 4


Username: admin

Password : changeme

3. Setelah berhasil login akan tampil control panel pada joomla. Control

panel tersebut berguna untuk meng-edit website kita.

4. Setelah control panel terbuka, sebaiknya kita menonaktifkan

komponen-komponen yang ada secara otomatis pada website kita.

• Menonaktifkan Article.

Agar website kita kosong dari article yang otomatis ada,

sebaiknya kita non-aktifkan terlebih dahulu. Hal ini dilakukan

agar article tersebut tidak di tampilkan pada halaman website

kita.

Langkah-langkah nya adalah sebagai berikut:

 Arahkan pointer pada tab Content, dan klik pada Article

Manager (lihat gambar di bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 5


 Setelah di klik Articel Manager, maka akan muncul

gambar seperti di bawah ini:

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 6


 Jika gambar di atas telah tampil, ceklist pada kolom

yang di tunjukan oleh gambar di atas. Setelah di ceklist

semua, klik lah Unpublish.

 Setelah halaman 1 sudah di unpublish, maka lanjutkan

pada meng-unpublish halaman selanjutnya. Geser Scrool

Bar ke bagian bawah, lalu cari klik Next.

Jika masih bingung, carilah gambar seperti di bawah ini

yang terdapat pada halaman bawah.

Contoh gambar nya:

 Lakukan terus proses seperti di atas sampai halaman

terakhir.

• Menonaktifkan Iklan dan Menu yang tidak di butuhkan.

Supaya website kita kosong tanpa iklan dan kosong dari menu-

menu yang tidak di perlukan, maka kita harus men-Disablekan

pada Module Manager.

Langkah-langkah nya adalah sebagai berikut:

 Arahkan pointer pada tab Extensions, dan klik lah pada

Module Manager. (lihat gambar di bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 7


 Setelah di klik pada Module Manager, maka akan tampil

halaman seperti gambar di bawah ini:

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 8


 Jika telah tampil gambar seperti di atas, maka ceklist

lah pada Module yang akan kita Disable kan. Ceklist pada

kolom Banners, Resources, Key Concept, dan pada

Advertisement.

 Setelah di ceklist pada module tersebut, maka langsung

kita klik pada Disable. (contoh pada gambar di atas).

• Menonaktifkan Sub Menu pada Main Menu.

Pada Main Menu (Menu Utama) ada sebagian sub menu yang

perlu kita nonaktifkan. Hampir semua sub menu yang ada di

nonaktifkan kecuali sub menu Home.

Langkah-langkah nya adalah sebagai berikut:

 Arahkan pointer pada tab Menus, dan klik pada Main

Menu. (lihat gambar di bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 9


 Setelah halaman Main Menu di tampilkan, terlebih dahulu

kita ceklist semua pada kolom yang di tunjukan pada

gambar di bawah. Apabila telah terceklist semua,

hilangkan tanda ceklist pada kolom sub menu Home.

(lihat gambar di bawah)

 Oke, setelah di hilangkan tanda ceklist pada kolom sub

menu Home lalu kita klik pada Unpublish. (lihat gambar di

atas)

• Menonaktifkan Sub Menu yang ada pada Top Menu.

Pada Top Menu (menu di atas) ada beberapa Sub Menu yang

perlu kita non-aktifkan.

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 10


Lankah-langkah nya adalah sebagai berikut:

 Arahkan pointer pada tab Menus, dan klik pada Top

Menu. (lihat gambar di bawah)

 Jika halaman Top Menu telah di tampilkan, maka langkah

nya seperti biasa yaitu ceklist semua pada kolom yang di

tunjukan oleh gambar di bawah.

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 11


 Setelah di ceklis semua, lalu klik pada Unpublish. (lihat

gambar di atas)

• Menonaktifkan Section Manager

Section Manager digunakan untuk menandai atau memilih

Article pada Category tertentu. Sebaiknya kita nonaktifkan

Section tidak penting yang terdapat pada Joomla kita.

Langkah-langkahnya adalah sebagai berikut:

 Arahkan pointer pada tab Content, dan klik pada Section

Manager. (lihat gambar di bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 12


 Setelah Halaman Section Manager di tampilkan, ceklist

lah seperti biasa semua kolom yang di tunjukan oleh

gambar di bawah.

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 13


 Apabila telah terceklist semua lanjutkan klik pada

Unpublish. (lihat pada gambar di atas)

• Menonaktifkan Category Manager

Category Manager adalah sebuah kategori untuk membuat

sebuah article. Category Manager masih behubungan dengan

Section.

Langkah-langkah menonaktifkan Category adalah sebagai

berikut:

 Arahkan pointer pada tab Content, dan klik pada

Category Manager. (lihat gambar di bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 14


 Setelah Halaman Category Manager di tampilkan, ceklist

lah seperti biasa semua kolom yang di tunjukan oleh

gambar di bawah.

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 15


 Apabila telah terceklist semua lanjutkan klik pada

Unpublish. (lihat pada gambar di atas)

5. Setelah kita berhasil menonaktifkan komponen pada Joomla,

selanjutnya kita akan memodifikasi Website joomla kita sesuai yang

kita inginkan.

• Mengganti Username dan Password Administrator.

Agar website kita aman dan tidak di acak-acak oleh orang lain,

sebaiknya kita mengganti Username dan Password Login

Administrator sesuai yang kita inginkan.

Langkah-langkah nya adalah sebagai berikut:

 Arahkan pointer pada tab Site, dan klik pada User

Manager. (lihat gambar di bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 16


 Setelah di klik maka akan tampil halaman User Manager

seperti gambar di bawah, klik pada Administrator (yang

telah ditunjukan tanda panah pada contoh gambar di

bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 17


 Apabila Administrator telah di Klik, maka akan tampil

halaman User Edit. (lihat gambar di bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 18


 Pada kolom Username dan Password gantilah yang baru

sesuai yang kalian inginkan. Setelah itu isikan alamat E-

mail kamu. (lihat gambar di atas)

 Apabila telah selesai, Klik Save. (lihat instruksi pada

gambar)

• Membuat Section Baru

Agar article kita dapat teratur dengan baik, maka perlu di

buatkan Section yang baru.

Langkah-langkah nya adalah:

 Sama seperti pada saat kita menonaktifkan section,

terlebih dahulu kita harus masuk pada halaman Section

Manager. Yaitu: Arahkan pointer pada tab Content, dan

klik pada Section Manager. (lihat gambar di bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 19


 Setelah masuk pada halaman Section Manager, klik lah

New. (lihat gambar di bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 20


 Jika telah di klik, maka kita kan masuk pada halaman

New Section. Isilah Title dan Alias sesuai yang kamu

inginkan. (lihat instruksi gambar di bawah)

 Setelah Title dan alias di isi, langsung kita klik Save.

(lihat gambar di atas), maka section pun telah berhasil di

buat.

• Membuat Category Baru

Selain Section, kita juga harus membuat Category baru untuk

Article kita. Category berhubung dengan Section.

Langkah-langkah membuat New Category adalah:

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 21


 Langsung Arahkan pointer pada tab Content, dan klik

pada Category Manager. (lihat gambar di bawah)

 Jika telah masuk pada halaman Category Manager,

kliklah New. (lihat gambar di bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 22


 Apabila telah di klik New, maka kita kan masuk pada

halaman New Category. Isilah Title dan Alias sesuai yang

kamu inginkan. Selain itu, kita juga harus memilih

Section yang akan dihubungkan dengan Category.

Section nya yaitu yang tadi kita telah buat. (lihat

instruksi gambar di bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 23


 Apabila telah di isi dan di pilih Section nya, maka kita

langsung klik Save. (lihat gambar di atas)

• Membuat Article Baru

untuk mengisi website kita, di butuhkan article yang perlu kita

buat. Isi article tersebut terserah pemilik websitenya. Tapi

sebaiknya isilah Article yang ditugaskan terlebih dahulu. Nah

inilah langkah-langkah membuat Article baru:

 Arahkan pointer pada tab Content, dan klik pada Article

Manager. (lihat gambar di bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 24


 Setelah halaman Article Manager telah tampil, langsung

kita klik New. (lihat gambar di bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 25


 Selanjutnya jika halaman New Article telah di tampilkan,

langsung kita isi Title, Alias dan isi juga Artikel nya.

Jangan lupa pilih Section nya yang telah kita buat tadi.

(lihat gambar di bawah)

 Jika kita ingin menambahkan gambar, kita tinggal geser

scrool bar ke bawah lalu cari tulisan Image yang contoh

gambar nya seperti di bawah ini:

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 26


 Apabila kita telah meng-klik tulisan Image tersebut,

maka secara otomatis akan keluar tampilan seperti di

bawah ini:

 Setelah tampilan seperti gambar di atas tampil, langsung

kita klik Browse. Apabila sudah di temukan gambar yang

kita inginkan, langsung kita klik Upload atau Start

Upload. (lihat gambar di atas). Tunggu beberapa saat,

karena proses upload lumayan lama.

 Jika proses Upload telah selesai, maka akan tampil

tampilan seperti di bawah ini:

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 27


 Pada kolom gambar, klik gambar yang telah kita upload

tadi. Setelah di klik, lalu langsung kita klik Insert. (lihat

gambar di atas)

 Maka setelah kita klik Insert, otomatis gambar yang

tadi kita insert akan tapil dalam isi Article. (lihat

gambar di bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 28


 Jika telah selesai menulis Article tersebut, barulah kita

klik Save. Article pun telah di buat.

• Membuat Menu Baru untuk menampilkan Article Kita.

Setelah kita telah selesai membuat semua Article yang di

tugaskan, sekarang waktunya kita tampilkan Article tersebut

dengan menggunakan menu.

Langkah-langkahnya adalah sebagai berikut:

 Arahkan pointer pada tab Menus, dan klik pada Menu

Manager. (lihat gambar di bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 29


 Apabila telah di klik, maka akan tampil halaman Menu

Manager. Langsung lah kita klik New. (lihat gambar di

bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 30


 Setelah di klik New, maka akan tampil halaman Isian

New Menu. (lihat gambar di bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 31


 Apabila telah tampil gambar seperti di atas, Isikanlah

Nama Menu yang di inginkan.

Contoh nama Menu: Tugas Mulok / Tugas HTML.

Setelah nama menu di isikan, maka langsung kita klik

Save. (lihat Gambar di atas)

 Selanjutnya setelah nama menu di Save, maka kita

langsung klik Module Manager pada Tab Extensions.

(lihat gambar di bawah). Hal ini digunakan untuk meng-

aktifkan dan mengedit Menu Manager yang telah kita

buat.

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 32


 Jika telah tampil halaman Module Manager, carilah Nama

Menu yang telah kita buat tadi. Setelah di temukan, klik

pada nama menu tersebut. (lihat gambar di bawah)

 Setelah di klik, maka akan tampil opsi-opsi yang terdapat

pada edit menu. (lihat gambar di atas)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 33


 Apabila telah di tampilkan gambar seperti di atas, klik

pada kolom Advanced Parameters dan pada kolom isian

Module Class Suffik kita ketik : _menu

Selanjutnya jika telah di ketik perintah tersebut, maka

klik lah Save. (lihat gambar di atas)

Jika telah di Save, maka Menu Manager pun berhasil di

buat.

• Membuat Menu Item pada Menu Manager yang telah di

buat.

Setelah kita membuat Menu Manager, maka menu tersebut

harus di isi Menu item. Nah Menu Item lah yang akan berguna

untuk menampilkan Article kita.

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 34


Langkah-langkah untuk membuat menu Item adalah:

 Arahkan pointer pada tab Menus, dan klik pada Menu

yang tadi telah kita buat. Contohnya tadi saya membuat

Menu Manager Tugas Mulok HTML, maka klik lah pada

Menu Manager Tugas Mulok HTML. (lihat gambar di

bawah)

 Untuk membuat Menu item yang baru, yaitu Apabila

telah tampil halaman Menu Manager Tugas Mulok, maka

Klik lah New. (lihat gambar di bawah)

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 35


 Setelah di klik New maka akan tampil gambar seperti di

bawah ini:

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 36


 Jika kita ingin membuat Menu Item tersebut untuk

menampilkan Article, maka klik lah Article. (seperti

gambar di atas)

 Setelah kita klik Article, maka akan tampil halaman

seperti gambar di bawah ini:

 Pilihlah Article layout, karena kita akan menampilkan

Article pada halaman website kita. (lihat Gambar di

Atas)

 Apabila telah kita klik Article Layout, maka secara

otomatis akan tampil opsi-opsi untuk membuat Menu

Item. Opsi-opsi tersebut seperti gambar di bawah ini:

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 37


 Setelah Halaman seperti gambar di atas telah tampil,

isilah kolom isian Title dan kolom isian Alias. Nama Title

tersebut sesuai dengan isi Article nya.

Jika telah di isi, maka klik lah Select untuk memilih

Article yang akan kita tampilkan. (lihat gambar di atas).

 Jika kita telah meng-klik select Article, maka akan

tampil halaman seperti gambar di bawah ini:

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 38


 Apabila telah tampil halaman seperti di atas, maka klik

lah judul salah satu article yang kita akan tampilkan.

(lihat gambar di atas).

 Setelah di klik Article nya, maka otomatis halaman opsi-

opsi Menu Item akan tampil kembali.

Jika telah tampil kembali, lalu kita klik Save. (lihat

gambar di bawah:

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 39


 Maka setelah di save, Menu Item pun telah berhasil di

buat. Hasilnya dapat di lihat pada Halaman Website Kita.

PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 40