panduan joomla

8/8/2019 Panduan Joomla

1/40

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

PANDUAN MEMBUAT WEBSITE

MELALUI JOOMLA


2/40


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.


3/40


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


4/40


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:


5/40


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)


6/40


Setelah di klik Articel Manager, maka akan munculgambar seperti di bawah ini:


7/40


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.


Arahkan pointer pada tab Extensions, dan klik lah padaModule Manager. (lihat gambar di bawah)


8/40


Setelah di klik pada Module Manager, maka akan tampilhalaman seperti gambar di bawah ini:


9/40


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.


Arahkan pointer pada tab Menus, dan klik pada MainMenu. (lihat gambar di bawah)


10/40


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.


11/40


12/40


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)


13/40


Setelah Halaman Section Manager di tampilkan, ceklistlah seperti biasa semua kolom yang di tunjukan oleh

gambar di bawah.


14/40


15/40


Setelah Halaman Category Manager di tampilkan, ceklistlah seperti biasa semua kolom yang di tunjukan oleh

gambar di bawah.


16/40


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.


Arahkan pointer pada tab Site, dan klik pada UserManager. (lihat gambar di bawah)


17/40


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)


18/40


Apabila Administrator telah di Klik, maka akan tampilhalaman User Edit. (lihat gambar di bawah)


19/40


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)


20/40


Setelah masuk pada halaman Section Manager, klik lahNew. (lihat gambar di bawah)


21/40


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:


22/40


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)


23/40


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)


24/40


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)


25/40


Setelah halaman Article Manager telah tampil, langsungkita klik New. (lihat gambar di bawah)


26/40


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:


27/40


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:


28/40


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)


29/40


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)


30/40


Apabila telah di klik, maka akan tampil halaman MenuManager. Langsung lah kita klik New. (lihat gambar di

bawah)


31/40


Setelah di klik New, maka akan tampil halaman IsianNew Menu. (lihat gambar di bawah)


32/40


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.


33/40


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)


34/40


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.


35/40


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)


36/40


Setelah di klik New maka akan tampil gambar seperti dibawah ini:


37/40


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:


38/40


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:


39/40


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:


40/40

panduan joomla

Documents