Vol
SSE
ERRIIA
ALLE
EBBO
OOOK
K JJO
OOOM
MLLA
A
Panduan Website Dinamis
author
LUCKY PERMANA
published by
EbookJoomla2012
page
www.Facebook.com/EbookJoomla
email
info@EbookJoomla.com
WHAT: Website seperti apa yang ingin dibangun? apakah personal profile? atau
company profile? atau bisnis? atau komunitas? atau social network? atau lainnya?
misal jawabannya adalah: “Melalui website, Saya ingin orang mengenal Saya sebagai
penulis buku teknologi informasi, dan mengetahui karya-karya Saya. Saya juga
ingin berbagi pengetahuan dan pengalaman dengan menuliskannya dalam bentuk
artikel. Sayapun ingin memberi kesempatan kepada mereka yang ingin berbagi
pengetahuan dan pengalaman dengan menuliskannya di website yang Saya
bangun”.
1
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
menampilkan artikel tulisan. Saya ingin menyediakan Form Login dan halaman
khusus pengguna yang diberi hak untuk mengirim artikel dan mengirim informasi
link ke website lainnya yang bermanfaat. Satu lagi, Saya ingin mengelola website
Saya secara dinamis dengan menggunakan teknologi Content Management System
(CMS)”.
Berdasarkan jawaban dari tiga pertanyaan di atas pembaca sudah dapat membuat
skema perencanaan website, kira-kira seperti berikut:
Halaman Publik
Menu Utama
Profil Saya
Biodata/CV
Karya Saya
Artikel Komputer
Direktori Website
Contact
Form Login
Halaman User
Menu User
Profil User
Kirim Artikel
Kirim Weblink
Langkah perencanaan di atas hanyalah satu cara untuk menyusun rencana website
yang akan dibangun. Apabila pembaca memiliki langkah sendiri dalam
merencanakan website, silahkan saja diterapkan... yang perlu digarisbawahi disini
adalah, RENCANAKAN DULU WEBSITE ANDA sebelum mulai
membangunnya.
2
2
Notes
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
Skema tersebut terdiri dari dua macam halaman web yaitu Halaman
Publik dan Halaman User. Halaman Publik merupakan jenis halaman web
yang disiapkan untuk dapat diakses oleh siapapun pengunjung website,
sedangkan Halaman User merupakan jenis halaman web yang hanya dapat
diakses oleh pengunjung yang telah terdaftar sebagai user.
Halaman Publik
Secara umum, jenis Halaman Publik ini terdiri dari dua macam fitur yaitu fitur-
fitur di dalam Menu Utama, dan Form Login. Fitur-fitur di dalam Menu
Utama disiapkan untuk menampilkan halaman web berupa informasi berjenis
artikel (Profil Saya, Biodata/CV, Karya Saya, dan Artikel Komputer), Direktori
Website untuk menampilkan informasi link website yang dikirim oleh user, serta
Form Contact untuk mengirim email. Fitur Form Login disiapkan bagi
pengunjung untuk masuk ke dalam Halaman User.
3
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
{Main Menu}
Profil Saya {item-menu untuk menampilkan artikel mengenai profil pemilik web}
Karya Saya {item-menu untuk menampilkan artikel mengenai hasil karya pemilik
web}
{Weblink}
{Contact Form}
{Login Form}
Halaman User
Halaman User disiapkan untuk pengunjung yang telah terdaftar sebagai user di
website Joomla. Fitur-fitur di halaman ini tersedia pada Menu User, sesuai skema
perencanaan website, yaitu Profil User, Kirim Artikel, dan Kirim Weblink. Fitur
Profil User untuk menampilkan dan mengubah informasi user. Fitur Kirim
Artikel untuk menulis dan mengirimkan artikel. Fitur Kirim Weblink untuk
mengirim informasi berupa link ke website tertentu.
Lebih jelasnya, skema HALAMAN USER yang akan pembaca siapkan nantinya
adalah seperti berikut ini:
4
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
{User Menu}
{user profile}
Profil User {item-menu untuk menampilkan dan mengubah informasi profil user}
{create article}
{submit a weblink}
Kirim Weblink {item-menu untuk menulis dan mengirim link ke website tertentu}
5
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
6
3
Notes
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
S
kema perencanaan website sudah pembaca buat, sekarang saatnya mulai
membangun website menggunakan Joomla. Secara berurut mulai dari Notes
3 ini sampai dengan Notes 11 ke depan, penulis akan berupaya menjelaskan
cara membangun website sesuai dengan skema perencanaan website yang
telah dibuat sebelumnya. Adapun topik pembahasan pada notes tersebut adalah
seperti berikut ini:
Notes-3. Menambahkan kategori artikel
Notes-4. Menambahkan artikel
Notes-5. Menambahkan kategori Direktori Website
Notes-6. Menambahkan Direktori Website
Notes-7. Menambahkan Contact
Notes-8. Membuat Menu User
Notes-9. Menambahkan item-menu pada Menu Utama dan Menu User
Notes-10. Pengaturan module website Joomla
Notes-11. Preview website Joomla
Pada skema perencanaan website di Notes 1 dan Notes 2, pembaca
mengelompokkan artikel di website Joomla ke dalam dua jenis kategori yaitu
[About Me] yang disiapkan untuk tulisan-tulisan mengenai informasi pribadi
(Profil Saya, Biodata/CV, Karya Saya) dan [Artikel Komputer] yang disiapkan
untuk tulisan-tulisan mengenai komputer/teknologi informasi.
Kedua jenis kategori tersebut dapat pembaca siapkan dengan memanfaatkan fitur
[Category Manager] yang tersedia pada menu [Content] di dalam halaman
backend Joomla. Adapun langkah-langkahnya adalah seperti penjelasan berikut:
1. Login ke dalam backend Joomla (halaman Administrator),
7
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
8
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
9
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
10
4
Notes
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
Menambahkan artikel
artikel/tulisan pada kedua jenis kategori tersebut dapat Pembaca siapkan dengan
memanfaatkan fitur [Article Manager] yang tersedia pada menu [Content]
P embaca sudah membuat dua macam kategori artikel yaitu [About Me] dan
[Artikel Komputer]. Sebagaimana skema perencanaan website yang telah
disiapkan sebelumnya, tulisan/artikel mengenai informasi pribadi (Profil
Saya, Biodata/CV, Karya Saya) akan disimpan pada kategori [About Me],
sedangkan artikel/tulisan mengenai komputer/teknologi informasi yang dikirim
oleh Pembaca dan/atau User yang diberi hak akan disimpan pada kategori
[Artikel Komputer].
Sebagai Administrator, artikel/tulisan pada kedua jenis kategori tersebut dapat
Pembaca siapkan dengan memanfaatkan fitur [Article Manager] yang tersedia
pada menu [Content] di dalam halaman backend Joomla. Adapun langkah-
langkahnya adalah seperti penjelasan berikut:
1. Login ke dalam backend Joomla (halaman Administrator),
2. Klik menu [Content|Article Manager|Add New Article], atau klik menu
[Content|Article Manager] dan lanjutkan klik New,
11
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
3. Pada halaman Article Manager: Add New Article, isikan judul artikel pada
Title (misal: Profil Saya). Kemudian pada Category, pilih kategori artikel
yang sesuai (pada contoh ini artikel Profil Saya masuk kategori [About Me]).
4. Selanjutnya pada Article Text, ketikkan isi artikel. Pembaca dapat juga
menentukan format tulisan pada artikel sesuai fitur yang tersedia, diantaranya
yaitu menebalkan huruf (Bold), memberi efek miring pada huruf (Italic),
menggarisbawahi huruf/kata/kalimat (Underline), menengahkan tulisan
(Center), dan lain sebagainya.
5. Akhiri dengan meng-klik Save & Close untuk menyimpan tulisan yang baru
saja dibuat.
Artikel apa saja yang telah Pembaca tambahkan, akan terlihat di halaman Article
Manager: Articles seperti pada gambar di bawah ini.
12
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
13
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
14
5
Notes
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
D
irektori Website merupakan salah satu item-menu pada Menu Utama.
Sebelum mulai membuat item-menu Direktori Website tersebut,
Pembaca perlu mempersiapkan terlebih dahulu website apa saja yang
ingin ditampilkan pada Direktori Website.
Pada contoh di EbookJoomla ini, Direktori Website yang disiapkan tersebut akan
dikelompokkan ke dalam beberapa kategori yang dibedakan menurut jenisnya
yaitu: kategori [Pemrograman], [Pengembangan Web], dan [Tips & Tricks].
Pembaca dapat menambahkan kategori Direktori Website dengan memanfaatkan
fitur [Weblinks] yang tersedia pada menu [Components] di dalam halaman
backend Joomla. Adapun langkah-langkahnya adalah seperti berikut ini:
1. Login ke dalam backend Joomla (halaman Administrator),
2. Klik menu [Components|Weblinks|Categories] dan lanjutkan klik New,
15
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
3. Isikan nama kategori Direktori Website pada Title, lalu akhiri dengan klik
Save & Close.
16
6
Notes
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
D
irektori Website yang dimaksud disini merupakan kumpulan link ke
alamat URL dari website yang menyajikan informasi terkait teknologi
informasi.
Pembaca akan menambahkan link website sesuai kategori Direktori Website yang
telah dibuat sebelumnya yaitu [Pemrograman], [Pengembangan Web], dan
[Tips & Tricks].
Sebagai contoh, link website yang akan ditambahkan adalah seperti tersebut di
bawah ini:
[Pemrograman]
- PHP Scripting Language. http://php.net/manual/en/index.php
- Visual Basic Development Skills. http://msdn.microsoft.com/en-
us/vstudio/hh388568
[Pengembangan Web]
- Webmaster Resource Center. http://www.ilmuwebsite.com/
[Tips & Tricks]
- Tips dan Trik Komputer. http://www.tipstrikkomputer.com/
- Tips n Trick. http://www.tipsntrick.net/
Sebagai Administrator Joomla, Pembaca dapat menambahkan link website
tersebut di atas dengan memanfaatkan fitur [Weblinks] yang tersedia pada menu
[Components] di dalam halaman backend Joomla.
Caranya adalah seperti berikut ini:
1. Login ke dalam backend Joomla (halaman Administrator),
2. Klik menu [Components|Weblinks|Links] dan lanjutkan dengan klik
New,
17
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
3. Kemudian pada halaman Web Links Manager: Web Link, isikan judul
Website pada Title, isikan URL website pada URL, pilih kategori yang sesuai
pada Category, dan akhiri dengan klik Save & Close.
Direktori Website yang telah dibuat mengikuti langkah-langkah di atas, akan tampil
di halaman Web Links Manager: Web Links seperti pada gambar berikut ini.
18
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
19
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
20
7
Notes
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
Menambahkan Contact
Pembaca perlu membuat data Contact terlebih dahulu sebelum membuat halaman
Contact, agar pesan dari pengunjung dapat terkirim ke alamat email yang ditentukan.
21
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
5. Pada halaman Contact Manager: Contact, isikan nama Contact pada Name
(misalkan: Lucky Permana), kemudian pada Category pilihlah kategori
Contact yang sesuai (contoh pada tulisan ini adalah kategori Owner), lalu pada
Contact Details isikan data Anda seperti jabatan (Position), alamat email
(Email), alamat (address), dan data lainnya pada kotak yang tersedia.
22
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
Pembaca juga dapat menambahkan foto diri dengan meng-klik tombol Select
pada Image. Akhiri dengan klik Save & Close
23
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
24
8
Notes
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
B erbeda dengan Menu Utama (Main Menu) yang tersedia secara default
sewaktu install Joomla, Pembaca perlu membuat Menu User terlebih
dahulu. Lakukan langkah-langkah berikut ini untuk membuat Menu User:
1. Login ke dalam backend Joomla (halaman Administrator),
2. Klik menu [Menus|Menu Manager|Add New Menu],
3. Pada halaman Menu Manager: Add Menu, isikan nama menu pada Title
(yaitu: User Menu), isikan Menu type dengan usermenu, dan isikan
Description dengan deskripsi dari menu user (misalkan: The user menu for
the site). Akhiri dengan klik Save & Close.
25
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
4. Lanjutkan dengan klik pada link Add a module for this menu type,
5. Pada halaman Module Manager: Module Menu, ketikkan Menu User pada
Title, ketikkan position-7 pada Position, lalu pilih Registered pada Access,
dan akhiri dengan klik Save & Close.
26
9
Notes
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
P embaca sudah memiliki Menu Utama dan sudah membuat Menu User,
tetapi, kecuali item-menu Home yang sudah tersedia pada Menu Utama
(Main Menu) secara default, Pembaca masih perlu menambahkan item-
menu lainnya pada skema perencanaan website (lihat kembali skema perencanaan
website di Notes-1 dan Notes-2).
Masih tersisa satu, yaitu Profil Saya. Item-menu Home yang semula secara
default menampilkan Featured Articles, akan diubah agar menampilkan content
Profil Saya.
Seperti biasa, lakukan langkah-langkah di bawah ini setelah sebelumnya login dan
tetap berada di dalam halaman backend Joomla (halaman Administrator):
27
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
2. Lanjutkan dengan klik tombol Select pada Details-Menu Item Type untuk
menampilkan daftar pilihan Select a Menu Item Type:, kemudian klik
Single Article yang ada di grup Articles,
28
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
4. Lanjutkan klik judul content Profil Saya, dan Akhiri dengan klik Save &
Close.
2. Lanjutkan dengan klik tombol Select pada Details-Menu Item Type untuk
menampilkan daftar pilihan Select a Menu Item Type:, klik Single Article
yang ada di grup Articles,
29
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
3. Isikan judul item-menu Biodata/CV pada Title, dan pastikan pada Menu
Location sudah terpilih Main Menu,
5. Lanjutkan klik judul content Biodata/CV, dan Akhiri dengan klik Save &
Close.
2. Lanjutkan dengan klik tombol Select pada Details-Menu Item Type untuk
menampilkan daftar pilihan Select a Menu Item Type:, klik Category Blog
yang ada di grup Articles,
3. Isikan judul item-menu Artikel Komputer pada Title, dan pastikan pada
Menu Location sudah terpilih Main Menu,
2. Lanjutkan dengan klik tombol Select pada Details-Menu Item Type untuk
menampilkan daftar pilihan Select a Menu Item Type:, klik List All Web
Link Categories yang ada di grup Weblinks,
3. Isikan judul item-menu Direktori Website pada Title, dan pastikan pada
Menu Location sudah terpilih Main Menu,
2. Lanjutkan dengan klik tombol Select pada Details-Menu Item Type untuk
menampilkan daftar pilihan Select a Menu Item Type:, klik Single Contact
yang ada di grup Contacts,
3. Isikan judul item-menu Contact pada Title, dan pastikan pada Menu
Location sudah terpilih Main Menu,
2. Lanjutkan dengan klik tombol Select pada Details-Menu Item Type untuk
menampilkan daftar pilihan Select a Menu Item Type:, klik User Profile
yang ada di grup Users Manager,
3. Isikan judul item-menu Profil User pada Title, dan pastikan pada Menu
Location sudah terpilih User Menu,
2. Lanjutkan dengan klik tombol Select pada Details-Menu Item Type untuk
menampilkan daftar pilihan Select a Menu Item Type:, klik Create Artikel
yang ada di grup Articles,
32
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
3. Isikan judul item-menu Kirim Artikel pada Title, dan pastikan pada Menu
Location sudah terpilih User Menu,
4. Pada Basic Options, pilih Yes di Default category, dan pilih Artikel
Komputer di Choose a category,
2. Lanjutkan dengan klik tombol Select pada Details-Menu Item Type untuk
menampilkan daftar pilihan Select a Menu Item Type:, klik submit a Web
Link yang ada di grup Weblinks,
3. Isikan judul item-menu Kirim Weblink pada Title, dan pastikan pada Menu
Location sudah terpilih User Menu,
33
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
34
Notes
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
10
Pengaturan module website Joomla
Pengaturan module website Joomla dapat dilakukan di halaman Module Manager
yang tersedia di dalam backend Joomla..
P embaca masih ingat apa yang dimaksud module pada Joomla, bukan?
Silahkan baca kembali Notes-9 di serial EbookJoomla Vol.1 tentang
Mengenal frontend Joomla. Pada Notes-10 di serial EbookJoomla Vol. 2
ini, Penulis akan menjelaskan beberapa pengaturan mendasar yang perlu diketahui
Pembaca, pada tiga macam module yang telah disiapkan sebelumnya yaitu: Menu
Utama, Menu User, dan Login Form.
35
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
1. Klik pada judul kolom Ordering sehingga muncul icon bergambar disket,
2. Pada kotak di kolom Ordering, isikan 3 untuk Menu User, 1 untuk Menu
Utama, dan 2 untuk Login Form.
3. Simpan dengan klik icon bergambar disket. Perhatikan, urutan module setelah
Breadcrumbs akan berubah menjadi Menu Utama (1), Menu User (2), dan
Login Form (3).
36
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
37
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
38
Notes
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
11
Preview website Joomla dan
beberapa tips
Caranya mudah, seperti telah Pembaca ketahui, ketikkan saja alamat website Joomla
di browser , atau kalau masih di dalam backend Joomla klik saja link View Site.
S ampai disini, Pembaca telah selesai membuat website Joomla sesuai dengan
skema perencanaan website. Sekarang saatnya melihat seperti apa tampilan
frontend website Joomla yang telah dibuat tersebut. Caranya mudah, seperti
telah Pembaca ketahui, ketikkan saja alamat website Joomla di browser (pada
contoh EbookJoomla ini yaitu localhost/belajarjoomla/), atau kalau masih
berada di dalam backend Joomla klik link View Site di pojok kanan atas.
Selanjutnya, silahkan menjelajahi website Joomla dan mencoba semua fitur yang
sudah Pembaca siapkan mengikuti petunjuk di Notes-1 s/d Notes-10.
39
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
Mendaftarkan user
Pembaca sebagai Administrator Joomla dapat menulis artikel dan menambahkan
link Direktori Website, tetapi tidak demikian halnya dengan pengunjung website
Joomla. Pengunjung yang berminat untuk menulis artikel atau mengirim link
website, harus terdaftar terlebih dahulu sebagai User di website Joomla milik
Pembaca. Ada dua cara pendaftaran user, yaitu melalui backend Joomla dan
melalui frontend Joomla.
3. Isikan nama pada Name, username untuk login pada Login Name, password
untuk login pada Password dan Confirm Password, dan isikan alamat email
pada Email. Akhiri dengan klik Save & Close.
40
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
41
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
3. Pengunjung akan menerima link aktivasi yang dikirim ke alamat email yang
didaftarkannya, dengan meng-klik link aktivasi tersebut maka Pengunjung akan
resmi berstatus sebagai user dan dapat menggunakan Username dan
Password-nya untuk Login di website Joomla.
42
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
Sekarang, cobalah klik item-menu Kirim Artikel dan/atau Kirim Weblink, apa
yang terjadi?.. akan tampil pesan error seperti pada gambar di bawah.
Pesan error tersebut muncul karena, secara default, level user yang diberikan
kepada pengunjung terdaftar adalah level Registered, sedangkan untuk dapat
mengirim Artikel dan/atau Weblink, User harus berada pada level minimal
Author. Pembaca sebagai Administrator dapat mengubah level user dari
Registered menjadi Author mengikuti langkah-langkah berikut ini:
2. Klik menu [Users|User Manager] dan lanjutkan klik pada nama user yang
akan diubah level-nya.
43
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
3. Pada Assigned User Groups, beri tanda centang (check) di Author. Akhiri
dengan klik Save & Close.
44
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
5. Klik tombol Select pada Logo untuk memilih gambar logo yang akan
ditampilkan. Apabila gambar logo yang diinginkan belum tersedia, upload
terlebih dahulu file gambar logo yang diinginkan tersebut dengan meng-klik
tombol Choose File, lalu browse dan pilih file yang diinginkan, dan klik
tombol Start Upload untuk mulai meng-upload-nya. Setelah selesai upload,
pilih (klik) pada gambar logo kemudian klik tombol Insert.
46
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
klik tombol Save & Close. Silahkan preview dengan klik View Site untuk
melihat hasilnya.
Langkah pertama yang harus dilakukan adalah mempersiapkan terlebih dahulu file
image .PNG berukuran (1060 x 288) px.
Cara pertama,
Pada cara pertama ini, Pembaca akan mengubah nama file background yang telah
disiapkan menjadi sama seperti nama file background default yaitu personal2.png.
Langkah selanjutnya, tentu saja Pembaca harus meng-copy file background tsb ke
c:\wamp\www\BelajarJoomla\templates\beez_20\images\personal\
untuk mengganti (replace) file personal2.png yang sudah ada disana sebelumnya.
47
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
Cara kedua,
Cara pertama merupakan cara termudah yang dapat dilakukan untuk mengubah
header website Joomla. Pembaca cukup menyiapkan file background, memberi
nama file dengan personal2.png, lalu meng-copy-nya ke folder yang sudah
ditentukan.
Tetapi bagi Pembaca yang tidak ingin mengubah nama file dan meng-copy-nya ke
folder yang sudah ditentukan, dapat mencoba cara kedua yang dijelaskan berikut
ini:
1. Sama seperti cara pertama, siapkan terlebih dahulu file image untuk
background header. File image bisa dalam format file image lainnya seperti
.JPG, tidak harus dalam fomat .PNG.
4. Pada halaman Media Manager, klik tombol Choose File, browse dan pilih
file background, lalu klik Start Upload. Sampai langkah ini, Pembaca sudah
meng-upload file background ke website Joomla. Ikuti langkah selanjutnya.
48
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
6. Selanjutnya pada halaman Template Manager: Edit File, cari dan temukan
baris code di bawah ini:
49
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
7. Terakhir, seperti biasanya, akhiri dengan klik Save & Close. Silahkan preview,
website Joomla sekarang sudah tampil dengan header yang baru.
50
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
Bacaan Joomla
Graf, Hagen. 2011. Joomla! 1.6 Beginner’s Guide. Ebook: www.cocoate.com:
cocoate.com/2011/02/joomla-16-beginners-guide.
Hayne, Kevin. 2008. Joomla! 1.5 Quick Start Guide. Ebook: www.joomla.org:
http://help.joomla.org/ghop/feb2008/task048/.
51
S E R I A L E B O O K J O O M L A
M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P
52