Sabtu, 09 Februari 2013

CARA MEMBUAT WEBSITE MENGGUNAKAN JOOMLA


Dalam membuat web menggunakan joomla, terlebih dahulu kita harus mempunyai:
1.      Aplikasi joomla
2.      Aplikasi XAMP
3.      File Zilla


CARA MENGINSTAL XAMPP
Sebelum menginstal Joomla, kita memerlukan sebuah server, sehingga Joomla dapat diinstal dan dijalankan di Komputer local tanpa harus terhubung ke Internet.
Cara menginstalnya adalah sebagai berikut ;
  1. Klik dua kali icon XAMPP yang anda miliki atau klik kanan open pada file nya XAMPP.
  1. Pilih Bahasa Indonesia pada pilihan bahasa yang digunakan.
  1. Klik OK.
  2. Klik next pada halaman setup wizard
  1. Klik Install
  1. Proses Instalasi akan berjalan. Jika sudah selesai, klik Finish. Setelah klik Selesai, akan muncul pesan seperti berikut :
  1. Klik No agar XAMPP tidak masuk kedalam proses servis pada system operasi komputer kita. Dengan demikian, komputer tidak terbebani akibat dari XAMPP yang berjalan terus-menerus.
  1. Klik Yes, jika Anda ingin langsung menjalankan control panel XAMPP server.
  1. Dengan demikian, proses instalasi XAMPP server telah selesai.
Begitulah cara menginstal XAMPP. Kemudian kita akan melanjutkan dengan menginstal Joomla. Namun sebelumnya kita harus menjalankan XAMPP server terlebih dahulu.
MENJALANKAN XAMPP SERVER
Setelah menginstal XAMPP, langkah berikutnya adalah menginstal Joomla. Namun sebelumnya kita harus menjalankan service Apache dan MySql terlebih dahulu.
Caranya adalah sebagai berikut :
  1. Buka XAMPP melalui Start – All Program – Apachefriends- XAMPP – Control XAMPP Service Panel.
  2. Klik Start pada bagian Apache.
  3. Klik Start pada bagian MySql. Maka XAMPP telah berjalan.
CARA MENGINSTAL JOOMLA
Setelah menjalankan service Apache dan MySql, selanjutnya kita bisa menginstal Joomla. Berikut adalah cara menginstal Joomla:
  1. Buat folder di C – Program Files – XAMPP – Htdocs. Pada contoh kali ini, buat folder joomla.
  1. Copy seluruh isi folder Joomla dari Internet.
  2. Buka browser, lalu ketik localhost/joomla. Kemudian tekan Enter. Secara otomatis akan membuka file index.php di folder joomla/instalation. Kemudian klik next.
  1. Isi formulir yang disediakan.
  1. Lengkapi isian formulir
- Database Type : mysql
- Host Name : localhost
- Username : root
- Password : (kosongkan)
- Database Name : zaelanidb (contoh)
  1. Klik next. Kemudian klik OK jika semua isian telah benar.
  1. Masukkan nama situs (nantinya akan muncul di Title bar). Misalnya saja www.zaelaniakbar.com
  2. Kemudian isi alamat email dan ganti pasword yang diberikan (nantinya akan menjadi pasword admin).
  3. Klik Install Sample Data.
  1. Klik next.
  1. Klik view site untuk melihat halaman website yang telah Anda buat. Anda diminta untuk menghapus folder Instalation untuk bisa mengakses situs yang telah dibuat. Buka kembali windows explorer dan hapus folder Instalation di folder joomla.
  1. Refresh internet explorer (tekan tombol F5). Tampilkan halaman utama Joomla.
  1. Untuk mengubah/mengatur tampilan beserta isinya, dapat dilakukan di bagian administrator.
Masukkan username dan passwordnya.
  1. Tampilan utama administrator yang berisi Control Panel, yang selanjutnya dapat kita ubah sesuai kebutuhan kita untuk membangun sebuah website.
  1. Sebelum mengatur hal lain, sebaiknya atur terlebih dulu Global Configuration.
  1. Tampilan website setelah diubah
     
    Membuat menu serta artikel pada website yang kita buat:
    Di sini saya memberi nama website saya “Catatan Reza Pahlevi”, karena saya ingin membagi berbagai tulisan serta artikel yang saya buat kepada orang-orang melalui website yang saya buat. Di bawah ini adalah tampilan control panel (administrator) pada website saya, di dalam joomla ketika kita mengedit website yang kita buat seperti mengubah template website, mengisi artikel, menambahkan berbagai atribut lain kita harus masuk terlebih dahulu sebagai admin dan mengeditnya melalui control panel, seperti gambar di bawah ini halaman administrator pada website saya.

    Pada joomla ketika kita ingin membuat suatu menu kita mengeditnya dengan cara masuk ke dalam menu lalu memilih dimana kita akan membuat menu untuk website kita, caranya ialah dengan memilih New jika kita ingin membuat menu baru, di sini saya menggunakan Main Menu, Top Menu, User Menu, Situs Saya, Examples Pages, Key Concepts dan Universitas Gunadarma. Pada bagian Main Menu saya membuat lagi beberapa section dari main menu diantaranya ada Home, Pengetahuan, Seputar TI, Sepakbola, FC Internazionale Milano, Islami, Link Joomla serta Hubungi Saya. Pada bagian section inilah saya membuat artikel berdasarkan kategorinya masing-masing.
    Pada joomla ketika kita ingin membuat suatu artikel kita harus membuat section dan kategorinya, oleh karena itu sebelumnya saya membuat section pada bagian menu serta beberapa categorinya, misal pada section Seputar TI saya membuat beberapa categori seperti Internet, Jaringan Komputer dan Tips. Lalu setelah itu saya membuat artikel berdasarkan section dan categorinya yang sudah saya tentukan sebelumnya.
    Tampilan Menu Manager , di sini tempat dibuatnya berbagai Menu pada website yang kita buat
     
    Tampilan Menu Item Manager, di sini tempat dibuatnya berbagai Section dan Categori untuk menulis artikel pada website kita
     
    Mengatur template yang akan digunakan pada website:
    Pada joomla hampir sama seperti pada blog, kita bisa mengatur sendiri template yang akan kita gunakan pada website kita bisa mendownload pada situs yang menyediakan template joomla ataupun kita bisa membuatnya sendiri. Di sini saya menggunakan salah satu template yang disediakan situs penyedia template joomla, setelah filenya kita download kita bisa mengaturnya dengan memilih menu extension-install/uninstall, langkah pertama kita menginstall file templatenya ke dalam joomla setelah itu msuk ke dalam menu template manager dan mengganti template default dari situs joomla dengan template yang sudah kita download sebelumnya.
    Tampilan awal (home) dari website yang saya buat terdapat berbagai Menu dan Section yang saya buat serta template yang saya ubah
    Menambahkan ekstensi dan komponen lain pada website kita
    Untuk mempercantik website yang kita buat, jjomla telah mengaturnya dalam suatu paket yang bernama ekstensi, atau pada blog disebut gadget. Joomla telah menyediakan berbagai macam ekstensi-ekstensi yang bisa kita download. Untuk mengatur ekstensi ini muncul di website kita caranya ialah setelah kita mengupload filenya pada control panel administration kita bisa mengaturnya pada bagian extension kita pilih modul manager lalu kita pilih tanda centag dan publish pada ekstensi yang akan kita tanpilkan pada website yang kita buat, pada website saya, saya menambahkan beberapa ekstensi yaitu google translator, jam biner, serta jcomment yang berfungsi agar pengunjung website kita dapat menambahkan komentar pada artikel yang saya buat. Tampilannya seperti di bawah ini:  

    Tampilan ketika kita ingin memosting artikel pada website:

80 komentar:

  1. mampir blog ya
    www.pedagangkampus.blogspot.com

    BalasHapus
  2. nice pos gan :)
    mampir juga ke blog saya ya www.rahmichairani.blogspot.com

    BalasHapus
  3. yu belajar IT . www.indotcn.blogspot,com

    BalasHapus
  4. Matur suwun kang. sangat jelas artikel yang sampean posting. sungguh bermanfaat dan tidak membingungkan.saya mau nanya kang. cara membuatnya agar online bagaimana kang? terima kasih
    http://www.wongjatim.com

    BalasHapus
  5. masih bingung ane
    http://www.sharingtipstrick.com/

    BalasHapus
  6. terima kasih banyak buat artikelnya, artikel ini berguna sekali untuk saya yang ingin belajar membuat website menggunakan website

    http://www.kaizenconsulting.co.id

    BalasHapus
  7. kerenkeren bro. mampir yuk www.kapanlagi-download.blogspot.com tersedia mp3 lirik lagu dan artikel

    BalasHapus
  8. keren nyok kite coba . .
    mampir nyok ke blog saya :)
    farisachmadbaihaqi@blogspot.com

    BalasHapus
  9. Terima kasih informasinya. Kunjungin balik ya http://www.tamahost.com

    BalasHapus
  10. terima kasih infonya sangat membantu saya yang sedang belajar membuat website

    BalasHapus
  11. terimakasih gan... saya akan coba dulu. mudah-mudahan berhasil

    BalasHapus
  12. Good job..

    Www.kiritoyui.blogspot.com

    BalasHapus
  13. Terimakasih gan,,,saya akan coba dulu,,,klo sya coba,,ngga berahasil,,akn sya yng britau kaka....

    BalasHapus
  14. saya ngeposting tp ko ga muncul di web nya yah

    BalasHapus
  15. very useful and broaden,, thanks for the information ...

    http://goo.gl/kjNcfA

    BalasHapus
  16. thanks iah buat ilmunya
    kunjungi jga www.arlo020714.blogspot.com

    BalasHapus
  17. makasih infonya gan.... kunjungi juga http://myfilmkugratis.blogspot.com/ ...,,,,,,http://www.tv4stream.co.vu/

    BalasHapus
  18. Thanks for this information and cute blog.. visit my blog http://mobilcarworld.blogspot.com

    BalasHapus
  19. Pelatihan Gratis Autocad 3 Dimensi, bentuk kelompok minimal 5 Orang.
    Daftarkan segera di PTC , Alamat Sumurboto Dalam III no.3 Banyumanik Semarang
    atau daftar dengan SMS caranya:
    ketik nama_jurusan_instansi kirim ke 085727818463
    Contoh : Andi_T.Arsitektur_Undip
    Sms akan kami balas untuk waktu pelatihannya.
    info lebih jelas hub : 085727818463
    --Hysis, Matlab, SAP, 3D Max, Sketchup dll juga dilayani

    BalasHapus
  20. Nice info gan
    sukses buat blognya.
    mampir di http://cristoperterapi.blogspot.co.id

    BalasHapus
  21. nice info bro.
    sukses selalu blognya yaa bro
    jangan lupa mampir di http://exo-share.blogpsot.co.id

    BalasHapus
  22. terimakasih atas informasi nya, artikel nya sangat menarik dan bagus dapat di pahami bagi para pemula

    web hosting murah iix

    BalasHapus
  23. beberapa waktu lalu saya sudah pernah nyoba bikin. tapi gagal di tengah proses. nanti mau coba lagi. siapa tahu bisa berhasil.
    terima kasih postingnya. sangat bermanfaat.

    BalasHapus
  24. makasih infonya mampir http://abdullah-sidiq.heck.in

    BalasHapus
  25. mampi jg gan http://mohamadekomeizeniws.blogspot.co.id/

    BalasHapus
  26. mampir mas/mba di https://motivasi-arisuryantoo.blogspot.com

    BalasHapus
  27. Ikut Mampir ya Om..., Terimakasih Tutornya....

    BalasHapus
  28. Oh iya..., barangkali ada yang lagi pingin Beli Baju Batik Tulis Monggo Mampir aja di www.syaffira.com

    BalasHapus
  29. mo ane pelajarin dulu gan..txs

    BalasHapus
  30. gabisa gan gaguna ni blog aha aha aha aha

    BalasHapus
  31. Keren Post nya sangat Bermanfaat
    Jangan lupa mampir juga di Blog Perdagangan saya dan Peluang Bisnis http://akfanjaya.blogspot.co.id

    BalasHapus
  32. Keren Post nya sangat Bermanfaat
    Jangan lupa mampir juga di Blog Perdagangan saya dan Peluang Bisnis http://akfanjaya.blogspot.co.id

    BalasHapus
  33. mampir silahkan, shareinfo9.blogspot.com

    BalasHapus
  34. ajarin tutorialnya lebih detail doong kak, yang bersedia membantu email yaa: rindam.astiti19@gmail.com

    BalasHapus
  35. makasi gan, eyke borkmark aja dulu

    BalasHapus
  36. Berita bola terkini
    dipayuman.blogspot.co.id

    BalasHapus
  37. bisa kak mintal File Joomlahnya,Xamp, dan File Zilla

    BalasHapus
  38. Nice mampir www.zonamusik.id

    BalasHapus
  39. thanks infonya gan

    www.smartkiosku.com

    BalasHapus
  40. thanks.... mampir dong ke 123klikok.com

    BalasHapus
  41. visit my blog : www.otakgajah.blogspot.co.id
    thx :V

    BalasHapus
  42. Mantap...
    Marmergranitbekasi.blogspot.co.id

    BalasHapus
  43. saya mau buat web ada tugas rekayasa web, cuma saya kurang ngrti.
    bisa tolong dibantu gan.
    terima kasiih.

    BalasHapus
  44. tolong diemailkan ke email saya sarieyani@gmail.com.terima kasih

    BalasHapus
  45. baru pengen mulai blajar buat website pake joomla,, thx infonya gan hehe

    www.manadotoday.co.id

    BalasHapus
  46. artikelnya bagus dan sangat membantu,,saya coba dulu om,,, sukses om
    wisata bromo

    BalasHapus
  47. yuk mampir ke website kita banyak promo tiket pesawat dll www.mmbcfifatravel.com

    BalasHapus
  48. mampir juga ya gays di blog saya.

    www.wisatadaerahjawa.blospot.com

    www.infoberita91.blogspot.com

    BalasHapus
  49. Masih belum ngeh, pake cms joomla nanti saya utak atik lagi makasih infonya.

    BalasHapus
  50. http://fajarbatik.blogspot.co.id

    BalasHapus
  51. bisa support appserv tidak soalnya aku pakai webservernya appserv

    BalasHapus
  52. makasih infonya membantu banget
    mampir ya kesinii
    http://www.kigproperty.com/index.php/single-contact

    BalasHapus
  53. Menginformasikan Dealer Toyota di Cianjur melalui website sangat membantu calon konsumen secara lengkap sebelum datang ke dealer.

    Jika di Bandung ada Dealer Daihatsu BandungAtau Tunas Daihatsu Bandung juga menggunakan websitenya sebagai media onformasi kepada calon konsumennya

    BalasHapus
  54. Menginformasikan Dealer Toyota di Cianjur melalui website sangat membantu calon konsumen secara lengkap sebelum datang ke dealer.

    Jika di Bandung ada Dealer Daihatsu BandungAtau Tunas Daihatsu Bandung juga menggunakan websitenya sebagai media onformasi kepada calon konsumennya

    BalasHapus
  55. keren gan. sangat bermanfaat. balas kunjungan yah gan, silaturahim di blog e commerce saya. di dionlineshop.com . silahkan lihat dan beli barangnya jika minat... hehehe

    BalasHapus
  56. Sangat membantu, saya ingin coba web joomla..

    BalasHapus
  57. kalo ngupload websitenya ke google search gimana ya?

    BalasHapus
  58. Infromasi seputar website judi online dan agen poker mampir dimari gan --> www.mahyandi.com

    BalasHapus
  59. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  60. kunjungan baliknya gan www.rayazhar.blogspot.com

    BalasHapus
  61. ada banyak trik di www.kampungtrik.com thanks..

    BalasHapus
  62. mksh infonya
    mau dicopas boleh yah
    buat nanti saya buat juga
    cuman bkn dicopas ke website sya,tp di mic.word sy

    sy mau buat website serba islami,in syaa Allah
    mksh yh admind

    BalasHapus
  63. Terima kasih Informasinya. saya baru tau istilah Joomla setelah membaca artikel soal CARA MEMBUAT WEBSITE MENGGUNAKAN JOOMLA ini.
    Semoga artikel - artikel rofahani bisa membantu saya dalam perkuliahan.

    Kunjungi website kampus saya : http://www.atmaluhur.ac.id

    Kunjungi website saya : https://risma.mahasiswa.atmaluhur.ac.id

    BalasHapus
  64. Mau Main banyak Permainan Pakai 1 USER/ID

    Kini DEWAJUDIQQ 1 USER bisa main 8 Permainan
    *POKER
    *DOMINO QQ
    *ADU Q
    *CAPSA SUSUN
    *BANDAR Q
    *BANDAR POKER
    *BANDAR SAKONG
    *BANDAR 66 (NEW GAME)

    Hanya Dengan Minimal Deposit 15 Ribu anda sudah bisa memainkan 8 permainan sekaligus dalam 1 ID.

    Yuk langsung hubungi Customer Servicenya di layanan LIVECHAT DEWAJUDIQQ.

    Contact -
    WA : 85593827763

    Nikmati pula Banyak bonus Menarik lainnya hanya di DEWAJUDIQQ.

    BalasHapus