Session I & II

Written by : Naraya Telematika

masuk ke halaman administrator Extensions > Install/Uninstall untuk menginstall template 2.co/.com/joomlatemplates. Sedangkan untuk admin joomla telah menyediakan template Khepri untuk tampilannya.Mempercantik Tampilan pada Situs Joomla Seperti yang telah dijelaskan sebelumnya pada bab awal pengenalan joomla. http://joomlatp. Joomla Menyediakan berbagai macam template yang dapat di unduh secara gratis maupun berbayar. Setelah berada pada halaman Install/Uninstall. Pada bab ini kami akan menerangkan cara mempercantik template dengan joomla. Klik Tombol Browse pada Upload Package File untuk mencari template yang akan di install Klik Open Copyright 2011 |Naratel Software Dev. Menginstall Template 1. Division 2 . http://joomlathemes. untuk menambah fitur dalam situs anda. 1. bahwa joomla merupakan salah satu CMS yang menawarkan kemudahan bagi para designer untuk mempercantik situsnya.htm. Setelah anda mengunduh template.com. Joomla telah menyediakan 3 pilihan template untuk situs anda yaitu : Beez.com/. Anda dapat mengunduh template di situs www. www.siteground. Menginstal dan Mempercantik Template Pada awal Instalasi Joomla.1. Joomla juga menyediakan fitur-fitur berbentuk module ataupun component. I. dan masih banyak lainnya. Template-template yang telah disediakan joomla ini masih sangat sederhana. Dan kitapun dapat mempercantik kembali template yang sudah kita unduh.joomla24. jika anda menginginkan untuk mencari template yang sesuai joomla telah menyediakan berbagai macam template yang dapat di unduh. JA_Purity dan Rhuk_milkyway.

Aktifkan Template yang telah di install melalui Extensions > Template manager Centang Check Box pada Template lalu klik Default Klik Default 5.3. Division 3 . jika file berhasil di upload maka aka nada peringatan bahwa File Upload Sukses KLik Start Upload 4. Maka situs anda telah memiliki Tampilan Template yang baru Copyright 2011 |Naratel Software Dev. Setelah open klik Start upload untuk mengupload file.

php anda akan menemukan code untuk nama situs seperti . Mengubah Bagian-bagian Template Sekarang anda telah memiliki tampilan website baru.1. Untuk Mengganti nama Situs anda harus mengubahnya pada folder situs anda misalnya : xampp/htdocs/”nama situs”/template/”nama folder template(siteground-j15-84)”/index. Copyright 2011 |Naratel Software Dev.php. Pada index.2. tapi tampilan anda masih seperti default Background belakang Nama situs Kotak menu Mengganti Nama Situs 1. Division 4 .

beri nama header baru anda seperti nama header yang dulu 2. Hapus Kode tersebut jika tidak ingin menampilkan nama situs . Untuk Mengganti nama Copyright anda harus mengubahnya pada folder situs anda misalnya : xampp/htdocs/”nama situs”/template/”nama folder template(siteground-j15-84)”/index. Pada index.php anda akan menemukan code untuk Copyright seperti . Copyright 2011 |Naratel Software Dev. Begitupun juga dengan kotak menu. Biasanya nama situs pada kode di tandai dengan adanya ‘sitename’ 3. Apabila sudah Replace Header situs yang berada pada xampp/htdocs/”nama situs”/template/”nama folder template(siteground-j15-84)”/image 3. Dan Replace pada Folder situs xampp/htdocs/”nama situs”/template/”nama folder template(siteground-j1584)”/image 4. Buat header sesuai ukuran header pada situs. Division 5 .Kode nama situs 2. anda harus membuat Background yang ukurannya sesuai dengan background asli. Dan Replace pada Folder situs xampp/htdocs/”nama situs”/template/”nama folder template(siteground-j1584)”/image Mengganti Copyright 1. atau mengubahnya Mengganti bagian-bagian Pada situs 1.php. anda harus membuat kotak menu yang ukurannya sesuai dengan kotak menu asli. Untuk mengganti warna background atas.

Agenda. Anda dapat mengunduh file extension joomla pada http://extensions. Lalu Klik New dan Pilih Category HDV FLV Player.2. Menambah Fitur untuk Situs Anda Jika anda menginginkan agar tampilan situs anda tidak monoton anda dapat menambahkan fitur-fitur seperti video.joomla. Division 6 . Untuk membuat menu Gallery Video masuk dalam halaman Administrator > Top Menu (Jika ingin menampilkan pada top menu) / Main Menu (Jika ingin menampilkan di main menu) 5. Hapus Kode tersebut jika tidak ingin menampilkan nama situs . lalu beri Nama Untuk menu Gallery Video 6. Biasanya Copyright pada situs berada pada bagian footer 3.org/extensions/multimedia/multimedia-players/videoplayers-a-gallery/10149. 2. anda dapat masuk dalam halaman Component > HDV FLV Player Berikut ini adalah Toolbar Untuk Konfigurasi Video Publish : Untuk Menampilkan Video Copyright 2011 |Naratel Software Dev. Repository. galeri foto. Pada bab ini kami akan membahsa tambahan fitur-fitur untuk situs anda 2. II. Install pada Menu Extensions > Install / Uninstall (caranya seperti menginstall template) 3.org/extensions. Setelah Install Selesai maka akan muncul peringatan bahwa component Video berhasil di Install dan anda akan langsung masuk pada halaman konfigurasi Component Video Menu Toolbar 4. Download Video HDV FLV Video http://extensions.joomla. Menambah Video pada Situs Joomla telah menyediakan Komponen untuk menambah Video anda dapat memilih Component HDV FLV Video Cara menambah Video 1. atau mengubahnya.1. Untuk Mengelola video pada situs.

Description .Display Playlist . Isi form untuk konfigurasi video .Order . Lalu klik Toolbar save 5.Preroll ads . Maka Video anda telah masuk dalam Gallery Video Copyright 2011 |Naratel Software Dev. Klik Toolbar New Video 2.Access .Postroll ads .Unpublish : Untuk Menyembunyikan Video Delete : Menghapus Video Edit : Mengubah Konfigurasi Video New Video : Membuat atau Menambah Video Baru Default Viewed Reset • Menambah Video : 1.Target Url .Title . Division 7 . Setelah Video telah terbuka.Download .Published 4. Klik Tombol Browse pada upload video 3.

2.Tombol Browse 2. Menambah Gallery Foto Joomla juga menyediakan fitur untuk slide foto dan gallery foto. Sedangkan Module DJ Image Slider digunakan untuk pengaturan.design-joomla.html . Download DJ Image Slider http://www. 1.eu/downloads/dj-imageslider.2. contohnya : DJ Image Slider dan JW Image Rotator Konfigurasi DJ Image Slider DJ Image Slider Merupakan Sebuah Component dan Module. Division 8 . Component DJ Image Slider digunakan hanya untuk memasukkan foto. Install pada Menu Extensions > Install / Uninstall (caranya seperti menginstall template) Copyright 2011 |Naratel Software Dev.

Untuk Pengaturan Module masuk dalam Extensions > Module Manager > DJ Image Slider Copyright 2011 |Naratel Software Dev.Published : Untuk menampilkan atau menyembunyikan .Description : Untuk Deskripsi/keterangan foto 8.Title : Untuk judul foto . Ada 2 menu dalam konfigurasi Component yaitu Slide : Berisi file foto Category : Kategory dari setiap Foto pada Slide 6. Untuk Menambah Foto Klik Toolbar New pada Menu Slide 7.3. Untuk menampilkan Gallery Foto Enable-kan Module DJ Image Slider pada Module Manager 4. Isi form untuk menambah foto .Image : untuk mengupload gambar atau foto . Untuk menambah foto masuk ke dalam halaman Administrator > Component > DJ Image Slider 5. Division 9 .Alias : Untuk nama alias . Lalu klik Toolbar Save 9.

Show description : Menampilkan atau menyembunyikan deskripsi gambar .Pengaturan DJ Image Slider Detail .Slides category : Kategori dari DJ Image Slider yang akan di tampilkan .Image Folder : Nama folder untuk image .Link : Link untuk image Component As A Source Settings .Show Title : Menampilkan atau menyembunyikan nama gambar .Position : Untuk letak module .10.Order : Untuk urutan letak module Module Parameter .Slider source : Memilih apakah gambar yang ditampilkan diambil dari folder atau dari DJ Image Slider Component .Link title : Link untuk nama gambar Copyright 2011 |Naratel Software Dev.Slider type : Memilih tampilan gambar Folder As A Source Settings (settingan apabila gambar diambil dari folder) . Division 10 .Show readmore : Menampilkan atau menyembunyikan Readmore .Title : Untuk Judul .

.Description limit : Batasan karakter untuk deskripsi gambar Basic Slider Settings : .Slide Width : Lebar Slide .Show custom navigation : Menampilkan Costum Navigation atau tidak 11.Show next/prev : Menampilkan tombol Next/Prev . Untuk membuat menu Download masuk dalam halaman Administrator > Top Menu (Jika ingin menampilkan pada top menu) / Main Menu (Jika ingin menampilkan di main menu) Copyright 2011 |Naratel Software Dev. Install pada Menu Extensions > Install / Uninstall (caranya seperti menginstall template) 3.Show play/pause : Menampilkan tombol Play/Pause .Slide effect : Efek slide .Autoplay : Memilih apakah slide secara otomatis bergerak atau tidak .Slide Height : Panjang Slide .Max images : Banyak gambar .5software/remository-components/ .com/downloads/softwarephp5/joomla-1.Visible Images : Gambar yang di tampilkan setiap slide .Link description : Link untuk Descripsi . Download Component Remository http://remository. Lalu klik Save 2.Sort by : Urutan gambar berdasarkan . Menambah Menu Download Joomla Menyediakan Component untuk menu download yaitu Component Remository Konfigurasi Remository 1.3.Fit a size of image to : Menyesuaikan ukuran gambar . Division 11 . 2.Space between images : Jarak antar gambar .

Untuk menambah file pada kategory masuk kedalam control panel Remository > Manage File Copyright 2011 |Naratel Software Dev. Deskripsi. pilih Icon dan Centang Check box pada Publishing 9. Lalu Klik Toolbar Save 10. atau mengubah form untuk mengubah kategori 8.4. Alias. Lalu Klik New dan Pilih Category Remository. lalu beri Nama Untuk menu Download 5. Isi nama Folder. Untuk menambah category baru baru atau mengubah klik pada toolbar manage container Untuk menambah klik toolbar Add Untuk mengubah klik pada judul artikel 7. Isi form untuk membuat kategori baru. Masuk Kedalam halaman Administrator Component > Remository 6. Division 12 .

Klik toolbar Add untuk menambah kategory 12. Division 13 .11.Lalu isi form untuk menambah file baru Pilih Suggest Location (kategori) Isi nama File Title (judul/nama file) Isi File version Pilih Icon file Centang Check Box Publishing Browse atau upload file pada Physical File Copyright 2011 |Naratel Software Dev.

Lalu klik new pilih categotry Easy Book Reloaded. Download Component Easy Book http://joomla-extensions.4.IP Logging : Menampilkan Fiel IP address . Lalu Beri nama Untuk menu guestbook 4. Konfigurasi Guest Book 1. dan sebaliknya untuk menampilkan pada website tanpa persetujuan admin maka klik Check box YES pada Publish New Entries Untuk menampilkan field apa saja yang terdapat pada form guest book (untuk menampilkan klik check box SHOW.2. Untuk membuat menu Guest Book masuk dalam halaman Administrator > Top Menu (Jika ingin menampilkan pada top menu) / Main Menu (Jika ingin menampilkan di main menu) 3.de/category/download 2.kubik-rubik. Division 14 .Show rating field : Menampilkan Field Untuk Rating . Menambah Fitur Buku Tamu (Guest Book) Fitur Guest Book Ini digunakan agar pengunjung dapat memeberi komentar mengenai website.Show a hint for rating : Menampilkan field petunjuk Rating . Untuk mengelola Guestbook Masuk kedalam Halaman Administrator Component > Guest Book > Settings o Global Configuration Guest Book Menampilkan komentar pada website dengan persetujuan Admin maka klik Check box No pada Publish New Entries . dan untuk menyembunyikan klik check box HIDE) .Show e-mail field : Menampilkan Field E-mail .Show location field :Menampilkan Field Lokasi pengunjung Copyright 2011 |Naratel Software Dev.

Show ICQ field : Menampilkan field alamat ICQ .Show Yahoo field : Menampilkan field alamat Yahoo . Lalu Klik Save Copyright 2011 |Naratel Software Dev.Show MSN field : Menampilkan field alamat MSN ..Show web site field : Menampilkan field situs pengunjung .Show AIM field : Menampilkan field alamat AIM .Show Skype field : Menampilkan field alamat Skype 5. Division 15 .

Untuk membuat menu Agenda masuk dalam halaman Administrator > Top Menu (Jika ingin menampilkan pada top menu) / Main Menu (Jika ingin menampilkan di a main menu) 4. Install pada Menu Extensions > Install / Uninstall (caranya seperti menginstall template) 3. Konfigurasi JEvents 1.net/jevents http://www. Division 16 . Download JEvents http://www.jevents. lalu beri Nama Untuk menu Agenda 5.net/jevents-download 2. Lalu Klik New dan Pilih Category Jevents > Monthly Calender. Menambah Fitur Agenda Jika anda menginginkan situs anda mempunyai kalender agenda kegiatan maka joomla menyediakan component untuk Agenda kegiatan salah satumya JEvents. Masuk kedalam Halaman Administrator Component > JEvent Copyright 2011 |Naratel Software Dev.2.5.jevents.

Isi Form Untuk Membuat kategory baru a.Untuk menambah Agenda Klik Manage Events pada Control Panel 11. Color : Warna Untuk kategori c. Description : Deskripsi kategori 9. Title : Nama kategori b. Lau Klik Save 10.Lalu Klik Toolbar Add Copyright 2011 |Naratel Software Dev. Untuk membuat kategori agenda Klik pada menu Manage Category 7. Division 17 .6. Klik Toolbar New Untuk Membuat Category Baru 8.

Subject : Subjek Agenda b.12. End Date : Tanggal Agenda Diakhiri 14.Lalu Klik Save Copyright 2011 |Naratel Software Dev. Start Date : Tanggal Agenda Dimulai b.Isi Form Untuk membuat Agenda baru a.Lalu Masuk kedalam halaman Calender a. Contact : Kontak yang dapat dihubungi 13. Activity : Aktivitas yang dilakukan d. Select Category : Kategori Agenda c. Location : Lokasi e. Division 18 .

6. Scroll Bar Text Jika Artikel anda terlalu panjang. setelah itu save artikel Copyright 2011 |Naratel Software Dev. width: 550px. Lalu Tuliskan <div style="overflow: scroll. Saat anda membuat artikel baru. Cara mengunakan Scroll Bar text 2.2. pada field artikel klik HTML icon 3. height: 500px. Division 19 ."> Pada awal paragraph 4. anda dapat mengunakan scroll Bar text agar tampilan di situs anda terlihat lebuh rapid an menarik 1. Lalu Klik Tombol Update.

Sign up to vote on this title
UsefulNot useful