Tutorial joomla kali ini adalah bagaimana membuat menu pada website atau blog joomla. Sebelumnya mari kita review pada tutorial awal tentang cara install joomla secara offline.

Sebelum anda membuat menu di joomla ini, sebaiknya anda buat dulu section dan kategori serta beberapa artikel.

Silahkan baca di artikel saya sebelumnya, yaitu : cara mebuat section dan kategori dan cara membuat artikel di joomla

Gambar di atas merupakan tahapan menginstall joomla secara offlinel dengan menyertakan data sampel (Install Sample data), ingat tidak langkah tersebut ?

Nah nanti hasilnya, website atau blog yang anda buat tidak kosong sekali. Tetapi sudah ada isinya dan anda tinggal merubah saja, lihat gambar berikut. Gambar berikut adalah hasil install jika kita mengklik tombol install sample data.

Tapi, jika anda tidak mengklik tombol Install Sample Data, maka website anda akan kosong sama sekali. Seperti gambar berikut :

di joomla, untuk membuat manu dibutuhkan modul. Hampir semua keperluan yang akan di buat di joomla memerlukan yang namanya MoDUL. kalu di wordpress namanya Plugin. Contoh modul dijoomla :

1. Modul untuk membuat Menu

2. Modul untuk membuat Polling (jajak pendapat)

3. Modul untuk input kode html (biasanya untuk memasukkan status YM)

4. Modul untuk menampilkan pencarian (search)

5. Modul untuk menampilkan Statistik pengunjung

6. Modul untuk menampilkan artikel terkait

7. Modul untuk menampilkan banner iklan

8. Modul untuk menampilkan latest post (artikel yang terakhir ditulis)

9. Modul untuk menampilkan artikel popular

10. Modul untuk membuat kolom komentar

11. Modul untuk merubah joomla menjadi toko online

12. dll, banyak sekali modul joomla, intinya semua yang anda mau insya Allah tersedia di joomla dengan cara memasang modul yang sesuai dengan keinginan

 

Modul joomla ada yang tersedia di pack CMS joomla, dan banyak juga modul joomla yang tidak di bundle di cms joomla, jika tidak ada, kita harus mendownload modul tersebut lalu kita instal

 

Modul joomla kebanyakan gratis, tapi ada juga yang berbayar.

 

Modul joomla memerlukan tempat untuk di pasang. Tempat untuk dipasang modul joomla itu tergantung dari theme yang dipakai.

 

Misalnya kita ingin memasang Menu dengan bantuan modul menu. kita harus melihat dulu tempat yang disediakan oleh theme joomla tersebut. JIka melihat gambar di atas, terlihat bahwa Menu terletak di atas dan disamping sebelah kiri.

 

Untuk lebih jelasnya lihat gambar berikut :

Sebelum lebih jauh, sangat penting kiranya kita mengatahui posisi modul joomla di setiap theme. Caranya gampang, anda tinggal mengetik : http://nama_domain/index.php?tp=1

Jika Blog anda diinstal secara offline (menggunakan local server) anda bisa ketikan :

http://localhost/folder_joomla_diinstal/index.php?tp=1

Semuanya diketikan di address bar browser anda. maka akan muncul tampilan sebagai berikut :

Jadi posisi modul untuk theme/template seperti ini adalah :

1. Top
2. Left (side bar sebelah kiri)
3. Right (side bar sebelah kanan)
4. User 1
5. User 2
6. User 3
7. User 4
8. Breedcrumb
9. Sindycate
10. Debug

Ok sekarang kita mulai tutorial membuat menu di joomla

A. Membuat menu di joomla untuk Blank Joomla

Maksud dari blank joomla adalah menginstall cms joomla tanpa menginstal sample data sewaktu install cms joomla, kira kira bentuk dari blank joomla adalah sebagai berikut :

Kira kira seperti gambar di atas, jadi cms joomla yang kita install benar benar kosong tanpa artikel contoh sedikitpun, hanya ada satu menu di sebelah kiri. dan itupun cuma menu home saja.

Di artikel ini saya akan membahas membuat menu di joomla untuk menu yang ada di atas (dengan posisi modul user 3), lihat gambar berikut untuk lebih jelasnya posisi menu yang akan menjadi proyek kita kali ini :

Nah lihat gambar di atas, pada posisi modul yang saya lingkari adalah posisi User 3 untuk template ini. Ditempat inilah kita akan membuat menu.

Langkahnya adalah sebagai berikut :

1. Di area administrator joomla (back end) klik Menus lalu klik menu manager, lihat gambar :
   
2.  Maka akan tampil tampilan sebagai berikut :
   
3. Lalu kliktombol New, tombol ini ada di sebelah kanan, lihat gambar berikut :
   
4. Setelah tombol New di klik, maka akan muncul tampilan sebagai berikut :
   
   ikuti langkah di atas, jika sudah terus klik tombol save (ada di sebelah kanan). Lihat gambar berikut :
   
5. Setelah tombolSave di klik maka menu akan bertambah menjadi 2, lihat gambar di bawah ini :
   Sampai tahap ini kita sudah membuat wadah untuk menu baru dengan nama Top Menu, langkah selanjutnya adalah kita tinggal mengisi menu untuk Top Menu dengan modul menu.
6. Untuk mulai menginstal modul menu untuk diisikan pada wadah Top Menu adalah klik Extensions, lalu klik Module Manager, lihat gambar berikut :
   
7. Setelah Module Manager di Klik, maka akan muncul tampilan seperti ini, lalu klik tombol New :
   
8. Setelah mengklik Tab New, maka akan muncul tampilan sebagai berikut :
   
   Pilih dan klik Menu.
9. Setelah mengklik Menu, maka akan muncul form isian seperti gambar berikut :
   
   Title : Beri nama Top Menu (atau terserah anda)
   Show Title : yes
   Enabled : Yes
   Position : ingat posisi dimana kita akan meletakan menu ini (user3)
   Access Level : Jika menu anda ingin terlihat untuk umum pilih Public
   Menus : pilih All
   
   
   
   
   IKuti langkahnya seperti gambar di atas, kalau sudah beres, klik Apply lalu klik Save.
   
   Nah sampai langkah ini, Modul Menu untuk Top Menu dengan Posisi Modul User3 sudah terinstall, Saatnya mengisi Top Menu
10. Untuk mengisi top Menu, Klik Menus lalu Pilih dan Klik Top Menu, lihat gambar berikut :
    
11. Setelah Top Menu di Klik, maka akan muncul tampilan sebagai berikut :
    
    Masih KOsong, cara mengisinya, Klik Tombol New (ada disebelah kanan), lihat gambar berikut :
    
12. Setelah Tombol New di klik, maka akan muncul tampilan sebagai berikut :
    
    Gambar di atas merupakan pilihan tautan (link) yang akan dibuka jika menu yang kita buat di klik oleh orang. Ada 4 macam tautan, yaitu :
    1) Internal Link, yaitu kita akan membuat link internal (link kedalam blog kita sendiri. Internal link dibagi ke 8 jenis: apakah akan menuju sebuah artikel, ataukah menuju kontak, atau poll, atau yang lainnya.
    2) External Link, yaitu tautan ke luar blog kita, misal kalau ada orang lain mengklik maka akan menuju website atau blog yang lain.
    3) Separator (belum saya coba)
    4) Alias (belum saya coba)
    
    Nah pada proyek kali ini saya akan buat agar menu yang nantinya kita buat menuju ke sebuah artikel, Misalkan, Saya akan membuat Menu " Tentang Saya "
    
    Di internal link - articles pun akan terbagi bagi lagi kedalam beberapa pilihan, lihat gambar berikut :
    
    
    • Pilih Article Layout, Jika anda ingin menu itu ngelink (menuju) suatu artikel tertentu.
      Contoh pada blog ahmadyunus.com adalah Menu About Me
      
      
      Narsis dikit ah, hehehe..
    
    
    • Pilih Category Blog Layout, jika anda ingin menu ngelink ke artikel dengan kategori tertentu, dimana tampilannya seperti blog. Pada blog ahmadyunus.com contohnya pada menu Bisnis Online, tutorial internet, Tutorial komputer, Info terkini, Tahukah anda ?, Kisah aneh dan lucu
      
    • Dan untuk yang lainnya bisa anda coba coba sendiri ya.. itung itung latihan aja.
13. Nah di artikel ini, saya akan membuat menu ini ngelink ke suatu artikel tertentu, jadi saya pilih Article Layout, Setelah di klik Article Layout, maka akan muncul Format isian yang harus dilengkapi, sebagai berikut :
    
    
    Nah untuk Parameter, yang paling penting adalah Select Article, lihat gambar berikut:
    
    
14. Nah jika sudah beres, jangan lupa klik Apply dan klik Save, Lalu untuk melihat hasilnya klik Preview. Lihat gambar berikut ini :
    
15. Jreeeng hasilnya adalah seperti ini :
    
    Jika menu di atas di klik maka akan menuju artikel dengan judul " Tentang Saya "
    
16. Nah proyek kita membuat menu di joomla untuk joomla yang masih kosong sama sekali sudah beres, jika anda ingin menambahkan lagi selain tentang saya, ulangi saja langkah 10 sampai dengan 14. OK.

Comments

Add New Search

rifki  - minta tolong     |202.91.14.xxx |2010-12-09 11:14:18 hallo teman, saya mau minta tolong nich... Boleh nggak..??? Begini...saya kan sekarang sedang mengikuti sebuah kompetisi blog. Nah, saya butuh support dari teman agar bisa menang, untuk memberikan komentar pada artikel saya di : http://rifkifauzi.blogdetik.com/index.php/2010/1 1/dari-internet-sehat-jadi-hebat-dari-dunia-maya-j adi-nyata/ TERIMA KASIH BANYAK salam teman blog, Rifki Fauzi (weowe.blogspot.com) Reply | Quote 0   0

ahmad yunus  - to : rifki   |125.163.37.xxx |2010-12-15 14:00:15 Makasih gan sudah berkunjung.. Saya sudah berkomentar di blog agan. Makasih Reply | Quote 0   0

dita  - ho   |219.83.62.xxx |2011-01-11 06:52:45 Reply | Quote 0   0

HARYS  - hoho     |125.163.150.xxx |2011-01-18 03:58:46 akhirnya setelah ngubeg ngubeg 4 hari.. ternyata ini masalahnya...wkwkwkwkw makasih infonya maz??? Reply | Quote 0   0

yunus  - re: hoho   |110.136.105.xxx |2011-01-18 16:39:52 HARYS wrote: akhirnya setelah ngubeg ngubeg 4 hari.. ternyata ini masalahnya...wkwkwkwkw makasih infonya maz??? semoga masalahnya terselesaikan.. makasih sudah berkunjung.. Reply | Quote 0   0

radio baubau  - akhirx ketemu juga     |222.124.82.xxx |2011-01-25 15:27:26 sekian lama ak mencari, akhir ketemu juga artikel yg ak cari2, thanks utk masukannya Reply | Quote 0   0

andi  - nice tutorial   |182.7.95.xxx |2011-02-09 14:24:27 nah tutorial sperti ini2 yg top markotop, bener2 open. seeeepp Reply | Quote 0   0

yunus  - to : Andi   |125.163.47.xxx |2011-02-18 17:07:23 Maksih semoga bermanfaat, emang yang lain pada gak open ya mas ?? kalau terlalu lama di open nanti hangus mas.. wkwkwk Reply | Quote 0   0

Risman   |110.139.202.xxx |2011-03-17 22:34:35 sangat membantu Reply | Quote 0   0

Abidzaki   |223.255.224.xxx |2011-03-18 11:32:08 Terimaksih atas artikelnya, sangat membantu saya dalam mengerjakan project pertama khussunya dengan joomla Reply | Quote 0   0

harisghulam   |180.247.10.xxx |2011-04-27 05:10:04 shiipppz dah tutorialnya... makasih... Reply | Quote 0   0

Yunus  - re:     |180.253.9.xxx |2011-05-04 11:50:48 harisghulam wrote: shiipppz dah tutorialnya... makasih... Sama - sama mas.. Reply | Quote 0   0

kris  - hatur nuhun     |110.139.183.xxx |2011-10-05 07:55:24 hatur nuhun kang tutorialnya,sangat sangat bermanfaat Reply | Quote 0   0

MuhhZain   |114.79.1.xxx |2011-11-09 10:42:10 makasih mas yunus.. tutorialnya sangat jelas ,terperinci dan membantu saya yang sedang ada tugas joomla.. Reply | Quote 0   0

dean  - membuat user menu     |110.136.219.xxx |2011-12-03 06:39:18 mas,, saya mau nanya... kalau untuk membuat user menu di menus bagaimana.?? soalnya kemaren2 saya utak atik administrator.....user menu nya terhapus...website saya jadi error.. tolong minta bantuan nya mas,, trima kasih Reply | Quote 0   0

azgi  - pinali     |114.79.51.xxx |2012-02-16 16:12:48 aduh akhirnya ketemu juga. *baru belajar joomla hehe Reply | Quote 0   0

Nada     |180.251.6.xxx |2012-03-08 07:06:03 wow.. makasih banyak tutorialnya gan, sangat berguna bagi saya yg newbie Reply | Quote 0   0

eq   |118.97.38.xxx |2012-03-21 17:48:35 mau nanya gan.. kenapa di cpanael saya tak ada frotnpage manager, section mnager dan kategori manager..?? dan bagaimana melihat frontpage website yg qta buat d joomla..??|| soalnya setiap view site, yg terliht hanya tmpilah home joomla.. makasih gan sebelumnya Reply | Quote 0   0

Write comment
Name:
Email:	do not notifynotify
Website:
Title:
UBBCode:	-color-aquablackbluefuchsiagraygreenlimemaroonnavyolivepurpleredsilvertealwhiteyellow -size-tinysmallmediumlargehuge
	Please input the anti-spam code that you can read in the image.

Powered by !JoomlaComment 3.26

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."