Anda di halaman 1dari 71

1.

Aturan Main Dasar Joomla


Joomla merupakan salah satu CMS atau Content Management System yang sering
digunakan untuk membuat website pribadi atau website bisnis. Saat ini Joomla digunakan
oleh lebih dari 3 persen dari semua situs yang ada di internet. Joomla biasanya dipakai
untuk website forum, toko online, reservasi tiket, dan web yang butuh sistem inventaris
data yang rapi
Dalam panduan ini, kami akan memberikan tutorial install Joomla, membuat website
menggunakan Joomla, beserta penjelasan beberapa fitur yang sering digunakan di
Joomla.
Apa itu Joomla?
Joomla adalah CMS gratis dan open source untuk publishing konten website. Joomla
digunakan untuk membuat website dengan model-view-controller. Joomla termasuk
CMS paling populer kedua di dunia setelah WordPress. Joomla digunakan untuk
membangun situs web apapun, contoh untuk membuat web pribadi, blog, e-commerce,
game, dan lain-lain.
Joomla memiliki 35 ekstensi dan di dalamnya terdapat ratusan kategori di setiap
ekstensinya. Ekstensi Joomla digunakan untuk manajemen website atau peningkatan
performa website. Ekstensi-ekstensi tersebut terbagi menjadi beberapa kategori yaitu:
 Component: dapat membantu Anda untuk mengolah main elements, content, dan
menu items.
 Modules: membantu Anda untuk menambahkan widget di setiap komponen
website, contoh seperti pada footer atau info tentang artikel terbaru di sidebar.
 Plugin: fungsi plugin dapat membantu Anda untuk menambahkan music player,
atau icon share media sosial untuk meningkatkan kinerja situs Web Anda.
 Template: digunakan untuk set design website dan tata letak untuk membuat situs
web Anda lebih bagus.
 Bahasa: menawarkan paket terjemahan untuk membuat situs website Anda multi-
bahasa.

1. Install Joomla
Berikut ini adalah proses instalasi Joomla di LocalHost Xampp:
Langkah 1: buat file baru di XAMPP\htdocs (Nama Sesaui Project web yang akan di
buat)
2. extract joomla tadi kepada file yang telah di buat tadi

3. setelah itu,buka localhost/namafolder. ingat nama folder tadi.jika sudah, tampilan awal
seperti ini
4. isi satu-satu.site name untuk nama situs.dan description untuk pendeskripsian dari situs
tersebut. Admin email bisa di isi acak.username dan password harus diisi dengan benar buat
login nantinya.jika sudah, klik next
5. selanjutnya, database akan tampil seperti ini
6. Untuk type database kita pilih dulu MySQL.untuk mengetahui perbedaan
MySQL,MySQLi,dan PDO,bisa di lihat di bawah ini

7. Host name jgn di ubah dan usernamenya harus root.password bisa di lewat.database namenya
diambil dari database yang telah kita buat sebelumnya.lalu klik next
8. Setelah itu, tampilan depan seperti ini.di finalisation, kita pilih Blog English (GB) Sample
Data. lalu klik install
9. lalu tampilan seperti ini. klik Remove instalation folder

10. jika ingin masuk admin,tinggal tambahkan administrator. jadi


localhost/namafolder/administrator. lalu isi username dan password yang sudah di buat tadi
11. jika sudah, klik login. Jika username dan password benar,maka tampilan awalnya seperti ini

2. Folder Media
Joomla adalah salah satu CMS populer untuk membuat berbagai tipe website dengan cepat
dan mudah. Joomla mengalami perkembangan yang cukup pesat dengan hadirnya
berbagai fitur baru yang kompleks dan stabil sehingga lebih mudah digunakan. Dengan
Joomla, website tidak hanya menampilkan konten teks saja, tetapi juga gambar, video dan
suara (file multimedia). Konten gambar, video dan suara dapat dikelola lebih mudah dan
dijalankan dengan baik di Joomla.
Di Joomla, file gambar, video dan suara perlu disiapkan dan diunggah ke folder Media
digunakan. Ada baiknya bila Anda membuat folder baru terlebih dahulu untuk menyimpan
berbagai tipe file berbeda, misalnya folder khusus untuk menyimpan file gambar, video
atau suara. Untuk tipe file yang sama, Anda juga dapat membuat folder untuk maksud
pengelompokan agar mudah dikelola atau dicari saat digunakan.
Joomla menyediakan area khusus yang disebut Media untuk mengunggah dan mengelola
file-file pendukung seperti gambar, video dan suara. File-file tersebut dapat diunggah
untuk dikelompokkan di dalam folder. Bila belum ada folder yang mewakili sebagai
tempat penyimpanan file-file tersebut, Anda dapat membuat folder baru dengan mudah di
area Media. Berikut ini adalah cara membuat folder baru di area Media dari Joomla.

Masuk terlebih dahulu ke area administrator (backend) Joomla dan kemudian klik menu
Content > Media.

Di laman Media yang muncul, klik tombol Create New Folder yang terletak di bagian atas
untuk mulai membuat folder baru.
Di dalam kotak teks yang kosong, di samping kiri tombol Create Folder, tuliskan nama
folder baru yang ingin dibuat, misalnya contoh123 dan kemudian klik tombol Create
Folder.

Apabila proses pembuatan folder baru berjalan lancar, Folder baru (contoh123)
ditampilkan di area Media sebelah kanan.
4. Article
Mari kita mulai dengan beberapa pengertian. Di Joomla, sebuah Artikel adalah beberapa
informasi tertulis yang ingin anda tampilkan di situs. Biasanya, ia mengandung teks dan
dapat juga berisikan gambar-gambar maupun jenis-jenis konten lainnya. Umumnya di
situs Joomla, artikel-artikel itulah yang membentuk informasi terbesar yang tampil di
situs web.

Penting untuk dipahami bahwa di Joomla, konten situs (contohnya Artikel) itu adalah
proses yang benar-benar terpisah dari pembuatan situs - tentang bagaimana bentuknya di
suatu halaman. Jadi, untuk memahami Artikel, yang terbaik adalah memikirkannya
sebagai Konten murni, terlepas dari bagaimana ia ditampilkan. Sebagai contoh, artikel
yang sama mungkin akan ditampilkan dengan jenis dan bentuk huruf, warna, tajuk dan
latar belakang yang berbeda dari artikel lainnya, dan ia bisa saja tampil di tempat yang
berbeda-beda pada suatu halaman. Syarat artikel :

1) Minimal 2000 kata


2) Isi Content Rapi dibaca nyaman
3) Rata Tengah (HOME dan PROFIL)
Ini merupakan contohnya hasil dan cara pembuatanya :
Contoh Tampilan Home
Contoh Tampilan Profil

Untuk cara pembuatanya sebagai berikut :

Pertama => klik content lalu pilih article setelah itu => klik new pada kiri atas lalu isikan
title sesuai dengan perusahaan yang di buat
Setelah itu isikan gambar dan juga deskripsi perusahaan yang di buat kurang lebihnya
seperti di bawah, dan jika sudah blok semua tulisan deskripsi ubah menjadi rata tengah
seperti pada gambar dengan mengeklik tools pada tepat di bawah tools view, untuk font
disini menggunakan 12 untuk paragraph dan sub judul yaitu 18 dan juga di bold atau
cetak tebal
Setelah itu klik pada image and link isikan gambar penunjang di perusahaan yang di buat
seperti di bawah ini, sebelumnya aplod terlebih dahulu gambar yang akan diisikan di
halaman home tersebut.

Pada halaman Profil juga sama namun untuk isi deskripsi sesuaikan seperti di bawah ini
Rata Kiri (LAYANAN, PORTOFOLIO dan BLOG)

Pada Layanan,Portofolio,Blog isi deskripsinya setiap paragraph menjorok ke kiri dan


juga menngunakan ukuran font 12 Untuk contohnya sebagai berikut

Memiliki Gambar didalam Content Ukuran 100%

Pada setiap article ukuran gambar yaitu 100% yang berfungsi ketika dilihat pada tampilan
smartphpne gambar mengikuti ikuran layar ponsel tersebut tidak kekecilan dan juga tidak
kebesaran. Untuk caranya yaitu tambahkan gambar ke dua di bagian content lalu gambar
tersebut di klik kanan yang akan muncul sebagai berikut,sesuaikan seperti di bawah ini
Caption di gambar body setiap article dibuat rata tengah, pake huruf kecil semua kecuali
awal kalimat dan huruf pertama kata baku
Terdapat CTA yang bisa dihubungi

CTA tersebut di buat menngunakan module yang berfungsi sebagai buttom klik menuju
whatsapp agar memudahkan pengunjung jika berminat dengan jasa yang di tawarkan

Memiliki Slogan Websitnya (HOME)


Beri Read More (LAYANAN, PORTOFOLIO dan BLOG)

Read More adalah sebagai penampil kalimat pada saat sebuah article sebelum di buka
pada tampilan yang full. Caranya yaitu yang pertama letakan cursore pada akhir kalimat
yang akan di tampilkan lalu klik => tools Read More dan akan muncul garis putus putus
untuk sekilas caranya sebagai berikut :

Meta Description dan Meta Keyword diisi (Publising)


Isikan semua pada setiap halaman di website yang dibuat, sebagai contoh pada halaman
layanan copy judulnya lalu => klik publishing akan muncul seperti pada gambar ke dua
Lalu buka pada browser alamat https://keywordtool.io/ masukan judul artikel yang kan di
cari meta keywordnya lalu search, ketika muncul => klik kanan bawah yang ada tanda
panah lalu pilih copy setelah itu buka word paste kata yang sudah di copy dari browser,
lalu klik replace pada kanan atas dan isikan code seperti contoh pada gambar ke 3 “Find
what : ^p dan Replace with : , (koma dan spasi) kata yang di paste sebelumnya akan
rumah lalu hapus sepasi terakhir dan copy, isikan pada halaman publishing yang dimana
“Meta description : Judul article dan lalu Meta keyword : (pastekan kata yang sudah di
copy pada wordnya sebelumnya).
Alamat Website Maksimal 3 Kata (Alias)
Judul H2
Sub Judul H3
Tambah Table of Content Jika Artikel lebih Dari 3000 Kata

Sekilas contoh pembuatan artikel pada halaman Layanan, Portofolio dan Blog :Artikel
sendiri merupakan isi atau kontek dari beberapa menu seperti :
Menu Layanan
Menu Portofolio

5. Category
Di Joomla, Kategori-Kategori menyediakan suatu metode opsional yang berguna untuk
menyusun artikel. Begini cara kerjanya, satu Kategori mengandung banyak artikel dan
Kategori-Kategori lainnya. Satu Artikel bisa saja hanya berada di dalam satu Kategori.
Jika suatu kategori berada di bawah kategori yang lainnya, maka ia disebut Subkategori.

Sebagai contohnya, anda mungkin memiliki sebuah Kategori yang dinamakan


"Peliharaan", dan di dalam kategori itu, terdapat subkategori yang dinamakan "Anjing"
dan "Kucing". Artikel-artikel tentang anjing ditetapkan ke Kategori "Anjing", dan
demikian pula dengan kucing ditetapkan ke Kategori "Kucing". Anda tidak dapat
meletakkan suatu Artikel ke kedua kategori sekaligus, "Kucing" dan "Anjing". Jika anda
menginginkan hal itu, anda harus (1) membuat sebuah Kategori baru yang dinamakan
"Kucing dan Anjing", atau (2) membuat Artikel kedua untuk diletakkan di Kategori
kedua.

Mengapa menggunakan Kategori-Kategori?


Ada dua alasan utama mengapa anda ingin menyusun Artikel anda itu ke dalam kategori-
kategori.
Tata Letak Daftar dan Blog
Pertama, terdapat Jenis Butir Menu bawaan di Joomla yang memanfaatkan penyusunan
ini: Blog Kategori dan Daftar Kategori. Jenis Butir ini (juga disebut "tata letak"),
mempermudah menampilkan artikel ke dalam kategori tertentu. Setelah artikel baru itu
dibuat, dan ditetapkan kategorinya, maka mereka akan secara otomatis diletakkan di
halaman-halaman berdasarkan parameter yang anda atur untuk masing-masing halaman.

Sebagai contoh, anggaplah anda memiliki sebuah tata letak Blog Kategori untuk Kategori
"Peliharaan", dan anggaplah anda mengatur artikel berdasarkan urutan pertama kali ia
dibuat. Pada saat anda menambah sebuah Artikel baru ke dalam Kategori "Peliharaan", ia
akan secara otomatis tampil di halaman blog "Peliharaan" sebagai Artikel yang pertama.
Anda tidak perlu melakukan apa-apa lagi selain menambah Artikel dan menetapkannya
ke dalam Kategori "Peliharaan".

Cukup mudah.
Menyusun Artikel di dalam Pengelolaan Artikel
Jika anda memiliki banyak artikel, alasan kedua mengapa kita menggunakan kategori
adalah, ia mempermudah pengelompokan artikel sehingga anda dapat dengan mudah
menemukannya. Contohnya, di Pengelolaan Artikel, anda dapat menyaring artikel-artikel
itu berdasarkan Kategori. Jadi, apabila anda memiliki lebih dari 200 artikel di situs, maka
anda dapat dengan mudah menemukan sebuah Artikel karena anda tahu Kategorinya.

Category Menyesuaikan Menu yang akan dibuat


Misal disini Saya akan Membuat Category untuk Menu PROFIL, didalam Category ini
nantinya mencangkup beberapa Artikel yang akan dimasukan ke Menu PROFIL Jika
Sudah Save Close.

6. Modul
Tahu nggak Sob, kalau Joomla memiliki modul yang bermacam? Nah, modul ini yang
nantinya bisa dipasang di situs kamu sebagai tambahan loh. Salah satunya adalah modul
Login.

Di tutorial kali ini, kamu akan belajar cara membuat modul Slider DJ-ImageSlider
(Banner)- DJ-ImageSlider, by DJ-Extensions - Joomla Extension Directory
DJ- ImageSlider yaitu untuk memperindah tampilan
Caranya :
 Pertama liat dulu di Modul bisa dilihat di bagian Extensions – Modules. Misal
belum ada modulnya bisa download di google
https://extensions.joomla.org/category/photos-a-images/slideshow/ tinggal di pilih sesuai
keinginan.
 Lalu di install modul nya. Caranya masuk dibagian Extensions – Manage – Install
 Klik Or browser for lite

 Pilih file yang mau di install, lalu klik open


 Lalu tunggu sampai ada pesan successful.

 Selanjutnya masuk ke Extensions – Modules cari modul yang di install, lalu di


klik kemudian diatur sesuai dengan keinginan.
 Misal disini mau diisi beberapa foto agar menjadi slide show pertama membuat
folder terlebih dahulu. Masuk di bagian Content – Media kemudian buat folder baru agar
foto yang ingin di tampilkan di slide show muncul

 Lalu masuk lagi ke Extension – Modul pilih modul slidernya


 Lalu ke bagian folder as a source: Setting. Image Foldernya diisi sesuai dengan
tempat penyimpanan fotonya

 Lalu di bagian Basic Slider Settings, disesuaikan saja dengan keinginannya


 Hasilnya seperti ini

7. Plugin

Apa itu Plugins Joomla? Plugins Joomla adalah sebuah software yang memiliki fungsi
tertentu, yang memungkinkan aplikasi atau program menjalankan fitur tambahan sesuai
jenis plugin yang digunakan pada Joomla.
1) EasyImageCaption
Plugin ini digunakan agar ada caption di setiap gambar.
Link Download = https://extensions.joomla.org/extension/easyimagecaption/
Cara membuatnya : (Install terlebih dahulu ( sama seperti install modul sebelumnya ))

 Selanjutnya masuk ke Plugin


 Cari yang EasyImageCaption klik

 Selanjutnya masuk kebagian Caption Styling


 Cari yang copyright Information dan diatur seperti dibawah

 Klik save. Dan hasilnya seperti di bawah


8. Menu
Menu adalah komponen pada web yang memiliki fungsi navigasi untuk menampilkan ke
masing masing halaman, pada umumnya menu terdiri dari home, profil, layanan,
portofolio, blog serta kontak
Langsung saja yang pertama yaitu :
 Pertama login ke administrator joomla
 Kemudian masukkan username dan password, lalu klik “Log In”
 Setelah masuk ke administrator joomla, lalu klik “Menus” selanjutnya pilih
“Manage” kemudian klik “Add New Menu”

Tampilan Add New Menu


Title : diisi dengan nama menu yang akan dibuat, contoh kali ini diisi dengan
Tutorial.
Menu Type : diisi bebas kali ini diisi dengan tutorial.
Description : Diisi dengan deskripsi singkat menu yang dibuat atau bisa juga
dikosongkan
Client : pilih site.
Apabila telah selesai diisi ada beberapa langkah yang bisa dilakukan yaitu “Save”,
“Save & Close”, “Save & New”, “Cancel”

 Save : Untuk menyimpan menu yang dibuat


 Save & Close : Untuk menyimpan menu yang dibuat dan langsung keluar
dari halaman add menu
 Save & New : Untuk menyimpan menu yang dibuat dan kembali lagi ke
halaman add menu untuk membuat menu yang baru
 Cancel : Jika akan membatalkan membuat menu
Jika di klik “Save” maka akan muncul message “Menu Saved”
\
Kemudian klik “Close”
Jika sudah akan muncul tampilan manage menu seperti gambar dibawah.
2. Cara Membuat
·           Melihat dimana untuk mengubah setiap artikel pada setiap komposisi artikel pada
joomla
 
Ø  Masuk ke tools joomla, lalu pilih menu Content

 
Ø  Kemudian pilih articles
 
Ø  Pilih artikel yang mau diubah ( klik salah satu )

 
Ø  Tampilannya seperti ini
 
 
Ø  Lalu kalo mau lihat ada gambar atau tidak untuk intro lihat di menu image and
link.

 
Ø  Tampilannya seperti ini, lalu klik icon seperti mata untuk melihat, dan di caption
ini untuk memberikan nama image nya.
Into Image yaitu tampilan gambaran yang akan ditampilkan di sebuah halaman,
misal seperti halaman blog
 
Ø  Hasilnya seperti dibawah

 
Ø  Lalu kalo mau lihat ada gambar atau tidak untuk full article image, Tampilannya
seperti ini, lalu klik icon seperti mata untuk melihat, dan di caption ini untuk
memberikan nama image nya.
Full Article Image yaitu tampilan gambaran yang akan ditampilkan bagian
halaman artikelnya jadi misal di klik salah satu blog artikelnya nanti akan muncul
gambarnya.
 
Ø  Hasilnya seperti dibawah

 
Ø  Untuk melihat termasuk dikategori apa, bias dilihat di samping kanan
 
·           Mengubah posisi menu
Ø  Masuk ke tools joomla, lalu pilih menu Menus

 
Ø  Kemudian pilih Main Menu
 
Ø  Tampilannya seperti ini, kemudian ketika mau mengubah posisi menu tinggal klik
tekan (titik 3 nya) lalu tarik sesuai keinginan mau di taruh di posisi mana.

·           Mengganti isian masing-masing artikel


Ø  Pilih artikel yang mau diubah ( klik salah satu )

Ø  Kemudian hapus isi artikel dan diganti dengan yang anda inginkan.
 
·           Cara mengganti gambar pada artikel
Ø  Mengganti gambar di intro artikel lihat di menu image and link.

 
Ø  Tampilannya seperti ini, klik select
 
 
Ø  Kemudian pilih gambar yang diinginkan, klik insert

 
Ø  Untuk mengganti gambar di dalam (body artikel) klik image
 
Ø  Kemudian pilih gambar yang diinginkan, klik insert

 
Ø  Kemudian klik gambar yang telah dipilih, lalu klik image
 
 
Ø  Atur sesuai dengan standar aturan joomla, Dimensions diisi 100% lalu klik Ok

 
·           Mengisi gambar di media
Ø  Masuk ke tools joomla, lalu pilih menu Content
 
Ø  Kemudian pilih Media

 
Ø  Kemudian klik upload, klik choose files
 
Ø  Kemudian pilih gambar yang ingin dimasukan, klik open, lalu kli start upload

 
·           Aturan gambar
Ø  Untuk gambar biasanya menggunakan sesuai dengan kebutuhan, lebih baiknya
agar gambar ukurannya sama bias diedit terlebih dahulu di ppt maupun canva agar
ukurannya sama. Menggunakan ukuran 16 : 9
 
 
Ø  Atur sesuai dengan standar aturan joomla, Dimensions diisi 100%
 

 
·           Management media
Agar di media terlihat rapi, bias membuat folder agar terpisah pisah agar terlihat rapid
dan memudahkan untuk mencari gambarnya.
 
Untuk membuat folder baru klik creat new folder lalu klik creat folder
 
·           Membuat caption
Ø  Install pluginnya caranya seperti install modul, lalu masuk ke bagian Plug in

 
Ø  Kemudian cari yang easyImageCapttion di klik agar berubah tanda centang

 
Kategori pada sebuah website akan sangat berguna jika ingin mengelompokan artikel menjadi
beberapa bagian. Hampir semua Content Management System sudah memiliki fitur ini, termasuk
Joomla. Berikut ini adalah langkah-langkah cara menambahkan kategori pada Joomla.

1.Silahkan login ke halaman administrator Joomla anda.

2.Pilih menu Content > Categories > Add New Categories.


3.Setelah itu anda akan diarahkan ke halaman Add New Categories. Silahkan buat
kategori Joomla anda dengan cara berikut.

 Title: Diisi dengan nama kategori joomla anda.


 Description: Diisi dengan deskripsi kategori.
 Parent: Berguna untuk membuat/menjadikan Sub Kategori atau anak kategori dari kategori
utama yang sudah dibuat sebelumnya.
 Status: Untuk mengatur status publis kategori.
 Access: Mengatur hak akses kategori.
 Language: Pengaturan bahasa.
 Tags: Untuk mengatur tags kategori.
 Note: Diisi dengan catatan pada kategori.
 Version Note: Diisi dengan catatan versi perubahan.

4. Jika sudah selesai membuat kategori Joomla, silahkan klik tombol Save hingga muncul
keterangan bahwa perubahan berhasil dilakukan.

Menambahkan Artikel

Untuk menambahkan artikel pada kontrol panel Joomla, Anda bisa pilih tab menu New Article.
Selanjutnya, Anda akan diarahkan pada halaman membuat artikel baru. Tampilannya seperti
pada gambar di bawah ini.
Pada halaman di atas, Anda bisa menyimpan artikel, melakukan publikasi (publish), menarik
artikel dari publikasi (unpublished), dan mengarsipkan artikel (archive). 

Klik tombol Save & Close untuk kembali ke halaman kontrol panel Joomla.

Setelah postingan artikel yang sudah Anda tambahkan disimpan dan publish, maka akan muncul
artikel baru di website Anda.
Article

4) Minimal 2000 kata


5) Isi Content Rapi dibaca nyaman
6) Rata Tengah (HOME dan PROFIL)

Ini merupakan contohnya hasil dan cara pembuatanya

Pertama => klik content lalu pilih article setelah itu => klik new pada kiri atas lalu isikan
title sesuai dengan perusahaan yang di buat

Setelah itu isikan gambar dan juga deskripsi perusahaan yang di buat kurang lebihnya
seperti di bawah, dan jika sudah blok semua tulisan deskripsi ubah menjadi rata tengah
seperti pada gambar dengan mengeklik tools pada tepat di bawah tools view, untuk font
disini menggunakan 12 untuk paragraph dan sub judul yaitu 18 dan juga di bold atau
cetak tebal
Setelah itu klik pada image and link isikan gambar penunjang di perusahaan yang di buat
seperti di bawah ini, sebelumnya aplod terlebih dahulu gambar yang akan diisikan di
halaman home tersebut.

Pada halaman Profil juga sama namun untuk isi deskripsi sesuaikan seperti di bawah ini
7) Rata Kiri (LAYANAN, PORTOFOLIO dan BLOG)

Pada Layanan,Portofolio,Blog isi deskripsinya setiap paragraph menjorok ke kiri dan


juga menngunakan ukuran font 12 Untuk contohnya sebagai berikut
8) Memiliki Gambar didalam Content Ukuran 100%

Pada setiap article ukuran gambar yaitu 100% yang berfungsi ketika dilihat pada tampilan
smartphpne gambar mengikuti ikuran layar ponsel tersebut tidak kekecilan dan juga tidak
kebesaran. Untuk caranya yaitu tambahkan gambar ke dua di bagian content lalu gambar
tersebut di klik kanan yang akan muncul sebagai berikut,sesuaikan seperti di bawah ini

9) Caption di gambar body setiap article dibuat rata tengah, pake huruf kecil semua kecuali
awal kalimat dan huruf pertama kata baku
10) Terdapat CTA yang bisa dihubungi

CTA tersebut di buat menngunakan module yang berfungsi sebagai buttom klik menuju
whatsapp agar memudahkan pengunjung jika berminat dengan jasa yang di tawarkan
11) Memiliki Slogan Websitnya (HOME)
Beri Read More (LAYANAN, PORTOFOLIO dan BLOG)

Read More adalah sebagai penampil kalimat pada saat sebuah article sebelum di buka
pada tampilan yang full. Caranya yaitu yang pertama letakan cursore pada akhir kalimat
yang akan di tampilkan lalu klik => tools Read More dan akan muncul garis putus putus
untuk sekilas caranya sebagai berikut :

12) Meta Description dan Meta Keyword diisi (Publising)

Isikan semua pada setiap halaman di website yang dibuat, sebagai contoh pada halaman
layanan copy judulnya lalu => klik publishing akan muncul seperti pada gambar ke dua
Page break digunakan untuk memecah satu artikel yang panjang menjadi beberapa halaman.
Dengan teknik Page break anda dapat membuat daftar konten dalam sebuah tabel dimana bagian
konten halaman ditampilkan dengan link dan mewakili isi bagian dari artikel yang panjang tadi.
Selain dengan tabel konten yang berupa link, page break akan membagi halaman menjadi
beberapa halaman yang menampilkan link Prev dan Next atau pagination dalam format angka
pada artikel yang anda buat. Untuk mengunakan Page break di Joomla anda harus mengaktifkan
plugin “Page Break“. Plugin ini adalah plugin bawaan Joomla. Jadi ketika anda menginstall
Joomla maka secara otomatis Joomla akan menginstallkan plugin ini.

Jika belum aktif, anda bisa mengaktifkannya melalui menu “Plugins” >> temukan Plugin “Page
Break” >> klik pada tombol “Enable“.
Cobalah buatlah artikel yang panjang berisi 10 paragraf dan anda bagi setiap dua paragraf
menjadi BAB I, II, III dan seterusnya.

Tempatkan kursor pada bagian artikel yang ingin anda pecah kemudian klik tombol “Page
Break” yang bisa anda temukan pada bagian bawah teks editor.

Isi “Page Title” dan “Table of Content Alias” kemudian klik pada tombol “Insert Page Break“
Jika sudah cobalah klik icon “Save” untuk menyimpan artikel yang sudah anda pecah menjadi
beberapa halaman.

Sekarang cobalah anda lihat hasilnya seperti contoh pada gambar:

Teknik ini sering digunakan pada portal portal berita yang membagi isi berita ke dalam beberapa
halaman yang ditampilkan dalam format pagination Prev Next atau pagination dalam format
angka. Dengan membagi artikel dalam beberapa halaman, pengunjung lebih nyaman untuk
membacanya.

Pertama Ada Membuat Benner

Mari kita anggap kita akan membuat sebuah bidang dengan opsi-opsi seperti ditunjukkan dalam
gambar berikut.

Pertama Masuk ke modules yang bernama Banner


Lalu Buat dengan Kata2 Penyihir dan harus ada CTA Yang bertujuan langsung ke whatsapp si
pemilik ,lalu kalau sudah semua jangan lupa untuk di save
Cara Menggunakan Module Yang Sudah dibuat dan Penerapan diposisi Template Joomla

Sebagai Contoh Disini Saya Menggunakan Module Main Menu.

Masuk ke
Module Main Men, Untuk Show Title yang sudah digaris bawahi Harus di Show dikarenakan
Navigasi Main Menu Harus Tampil Di Laman Website.
Untuk di Bagian Position Klik Tombol kebawah dan ketikan Menu dikarenakan Kita akan
Memasukan Module Main Menu di Template Website.
Untuk Mengetahui Posisi Dari Template Yang Sudah Kita Install Bisa Meniru Gambar diatas
dengan Mengetikan /?tp=1 di Domain Url, Bisa dilihat Muncul Posisi Module Dari Templat
Yang Sudah Kita Install, Kemudian Praktekan Penempatan Module Sesuai Kebutuhan Anda

Bisa dilihat Hasil dari yang sudah Dipraktekan Dibagian Toolbar Muncul Module Main Menu

Cara Menambahkan Module didalam Artikel


Disini Saya Membuat Module Custom CTA WhatsApp.

Module yang Saya Buat Untuk Menampilkan CTA didalam Artikel.


Kelebihanya yaitu Kita tidak usah Melakukan Hal yang Sama dibeberapa Artikel, Tinggal
Memasukan Module ini didalam Artikel.
Title di Hide
Position Dikosongkan
Diatas Saya Sudah Menuju ke Artikel yang akan ditamahkan Module WhatsApp, Langkah
yang Harus dilakukan dalam Menambah Module di Artikel yaitu;
1. Posisikan dimana kamu akan Menerapkan Module di Artikelmu
2. Kemudian Klik Module yang sudah digaris hitam digambar
3. Pilih Modul yang akan ditambahkan di Artikel
4. Done

Hasil dari Cara Menambahkan Module didalam Artikel

Cara Mengganti Header


Bisa dilihat Header Awal, disini Saya akan Mempraktekan Cara Mengganti Header

Disini Saya Akan Mengganti Header dari Artikel Profil


Gambar Pertama

Cara Mengganti Gamar Header dimenu Profil;


1. Klik Image
2. Pilih Gambar yang akan anda ganti kemudian terapkan
Setelah Diganti Kemudian Klik Kanan dibagian Gambar Lalu Edit seperti diatas lalu Save

Gambar ke-2 Setelah ganti Header

Cara Menambahkan Slider di Artikel


Sebelumnya Instal Module Slider di DJ-ImageSlider, by DJ-Extensions - Joomla Extension
Directory Kemudian Buat Module Slider dan Praktekan seperti yang digaris bawahi diatas

Kemudian Scroll Kebawah untuk Setting Slider yang akan dimunculkan


Lanjut ke Artikel yang akan ditambah Module Slider Kemudian Praktekan;
1. Klik Posisi yang akan di Terapkan Module
2. Klik Module
3. Klik Module Slider yang sudah dibuat
4. Kemudian Save

Hasil dari Cara Menambahkan Slider di Artikel

Cara menambah Video di Website


Pilih Video yang akan di sematkan di Website, Copy codenya..
Masuk ke Module Buat Module Custom Kemudian Copy Codenya

Hasil dan Terapkan Module Video di Posisi Yang kamu Inginkan Kemudian Save

Done

Anda mungkin juga menyukai