Download - Panduan Joomla
-
8/8/2019 Panduan Joomla
1/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 1
PANDUAN MEMBUAT WEBSITE
MELALUI JOOMLA
-
8/8/2019 Panduan Joomla
2/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 2
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.
-
8/8/2019 Panduan Joomla
3/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 3
Petunjuk Pemakaian:
1. Buat temen-temen semua, bacalah modul ini denganCermat dan teliti agar kita tidak bingung pada saat
mengerjakannya.
2.Gambar yang terdapat dalam Modul adalah contohinstruksi agar kita mudah memahami nya.
3.Nama-nama Konten yang terdapat di modul ini mau dimasukan 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 mintabayaran, 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
-
8/8/2019 Panduan Joomla
4/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 4
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:
-
8/8/2019 Panduan Joomla
5/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 5
Username: admin
Password : changeme
3.Setelah berhasil login akan tampil control panel pada joomla. Controlpanel tersebut berguna untuk meng-edit website kita.
4. Setelah control panel terbuka, sebaiknya kita menonaktifkankomponen-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 ArticleManager (lihat gambar di bawah)
-
8/8/2019 Panduan Joomla
6/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 6
Setelah di klik Articel Manager, maka akan munculgambar seperti di bawah ini:
-
8/8/2019 Panduan Joomla
7/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 7
Jika gambar di atas telah tampil, ceklist pada kolomyang 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 halamanterakhir.
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 padaModule Manager. (lihat gambar di bawah)
-
8/8/2019 Panduan Joomla
8/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 8
Setelah di klik pada Module Manager, maka akan tampilhalaman seperti gambar di bawah ini:
-
8/8/2019 Panduan Joomla
9/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 9
Jika telah tampil gambar seperti di atas, maka ceklistlah pada Module yang akan kita Disable kan. Ceklist pada
kolom Banners, Resources, Key Concept, dan padaAdvertisement.
Setelah di ceklist pada module tersebut, maka langsungkita 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 MainMenu. (lihat gambar di bawah)
-
8/8/2019 Panduan Joomla
10/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 10
Setelah halaman Main Menu di tampilkan, terlebih dahulukita 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 submenu 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.
-
8/8/2019 Panduan Joomla
11/40
-
8/8/2019 Panduan Joomla
12/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 12
Setelah di ceklis semua, lalu klik pada Unpublish. (lihatgambar di atas)
Menonaktifkan Section ManagerSection 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 SectionManager. (lihat gambar di bawah)
-
8/8/2019 Panduan Joomla
13/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 13
Setelah Halaman Section Manager di tampilkan, ceklistlah seperti biasa semua kolom yang di tunjukan oleh
gambar di bawah.
-
8/8/2019 Panduan Joomla
14/40
-
8/8/2019 Panduan Joomla
15/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 15
Setelah Halaman Category Manager di tampilkan, ceklistlah seperti biasa semua kolom yang di tunjukan oleh
gambar di bawah.
-
8/8/2019 Panduan Joomla
16/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 16
Apabila telah terceklist semua lanjutkan klik padaUnpublish. (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 UserManager. (lihat gambar di bawah)
-
8/8/2019 Panduan Joomla
17/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 17
Setelah di klik maka akan tampil halaman User Managerseperti gambar di bawah, klik pada Administrator (yang
telah ditunjukan tanda panah pada contoh gambar di
bawah)
-
8/8/2019 Panduan Joomla
18/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 18
Apabila Administrator telah di Klik, maka akan tampilhalaman User Edit. (lihat gambar di bawah)
-
8/8/2019 Panduan Joomla
19/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 19
Pada kolom Username dan Password gantilah yang barusesuai 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 BaruAgar 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)
-
8/8/2019 Panduan Joomla
20/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 20
Setelah masuk pada halaman Section Manager, klik lahNew. (lihat gambar di bawah)
-
8/8/2019 Panduan Joomla
21/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 21
Jika telah di klik, maka kita kan masuk pada halamanNew 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 BaruSelain Section, kita juga harus membuat Category baru untuk
Article kita. Category berhubung dengan Section.
Langkah-langkah membuat New Category adalah:
-
8/8/2019 Panduan Joomla
22/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 22
Langsung Arahkan pointer pada tab Content, dan klikpada Category Manager. (lihat gambar di bawah)
Jika telah masuk pada halaman Category Manager,kliklah New. (lihat gambar di bawah)
-
8/8/2019 Panduan Joomla
23/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 23
Apabila telah di klik New, maka kita kan masuk padahalaman 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)
-
8/8/2019 Panduan Joomla
24/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 24
Apabila telah di isi dan di pilih Section nya, maka kitalangsung klik Save. (lihat gambar di atas)
Membuat Article Baruuntuk 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 ArticleManager. (lihat gambar di bawah)
-
8/8/2019 Panduan Joomla
25/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 25
Setelah halaman Article Manager telah tampil, langsungkita klik New. (lihat gambar di bawah)
-
8/8/2019 Panduan Joomla
26/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 26
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 geserscrool bar ke bawah lalu cari tulisan Image yang contoh
gambar nya seperti di bawah ini:
-
8/8/2019 Panduan Joomla
27/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 27
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, langsungkita 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 tampiltampilan seperti di bawah ini:
-
8/8/2019 Panduan Joomla
28/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 28
Pada kolom gambar, klik gambar yang telah kita uploadtadi. Setelah di klik, lalu langsung kita klik Insert. (lihat
gambar di atas)
Maka setelah kita klik Insert, otomatis gambar yangtadi kita insert akan tapil dalam isi Article. (lihat
gambar di bawah)
-
8/8/2019 Panduan Joomla
29/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 29
Jika telah selesai menulis Article tersebut, barulah kitaklik 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 MenuManager. (lihat gambar di bawah)
-
8/8/2019 Panduan Joomla
30/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 30
Apabila telah di klik, maka akan tampil halaman MenuManager. Langsung lah kita klik New. (lihat gambar di
bawah)
-
8/8/2019 Panduan Joomla
31/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 31
Setelah di klik New, maka akan tampil halaman IsianNew Menu. (lihat gambar di bawah)
-
8/8/2019 Panduan Joomla
32/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 32
Apabila telah tampil gambar seperti di atas, IsikanlahNama 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 kitalangsung klik Module Manager pada Tab Extensions.
(lihat gambar di bawah). Hal ini digunakan untuk meng-
aktifkan dan mengedit Menu Manager yang telah kita
buat.
-
8/8/2019 Panduan Joomla
33/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 33
Jika telah tampil halaman Module Manager, carilah NamaMenu 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 terdapatpada edit menu. (lihat gambar di atas)
-
8/8/2019 Panduan Joomla
34/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 34
Apabila telah di tampilkan gambar seperti di atas, klikpada 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 dibuat.
Setelah kita membuat Menu Manager, maka menu tersebut
harus di isi Menu item. Nah Menu Item lah yang akan berguna
untuk menampilkan Article kita.
-
8/8/2019 Panduan Joomla
35/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 35
Langkah-langkah untuk membuat menu Item adalah:
Arahkan pointer pada tab Menus, dan klik pada Menuyang tadi telah kita buat. Contohnya tadi saya membuat
Menu Manager Tugas Mulok HTML, maka klik lah padaMenu Manager Tugas Mulok HTML. (lihat gambar di
bawah)
Untuk membuat Menu item yang baru, yaitu Apabilatelah tampil halaman Menu Manager Tugas Mulok, maka
Klik lah New. (lihat gambar di bawah)
-
8/8/2019 Panduan Joomla
36/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 36
Setelah di klik New maka akan tampil gambar seperti dibawah ini:
-
8/8/2019 Panduan Joomla
37/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 37
Jika kita ingin membuat Menu Item tersebut untukmenampilkan 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 menampilkanArticle pada halaman website kita. (lihat Gambar di
Atas)
Apabila telah kita klik Article Layout, maka secaraotomatis akan tampil opsi-opsi untuk membuat Menu
Item. Opsi-opsi tersebut seperti gambar di bawah ini:
-
8/8/2019 Panduan Joomla
38/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 38
Setelah Halaman seperti gambar di atas telah tampil,isilah kolom isian Title dan kolom isian Alias. Nama Titletersebut 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 akantampil halaman seperti gambar di bawah ini:
-
8/8/2019 Panduan Joomla
39/40
PANDUAN WEB HOSTING JOOMLA| By: Hari Mulyono, TKJ 1 39
Apabila telah tampil halaman seperti di atas, maka kliklah 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:
-
8/8/2019 Panduan Joomla
40/40