52
TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA Tutorial gratis dari ipung purwono author : [email protected]

Tutorial Membuat Website Dengan CMS Joomla Versi 3

Embed Size (px)

DESCRIPTION

Tutorial Membuat Website Dengan CMS Joomla Versi 3, Tutorial membuat Website Pemula, tutorial Joomla

Citation preview

Page 1: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Page 2: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Tutorial Membuat Website dengan CMS Joomla 3.0

Tutorial Joomla Basic

Joomla Versi : 3.0

Author : Ipung Purwono | [email protected] | [email protected]

Apakah anda pemula dan ingin membuat website sendiri, atau berbisnis website? Mudah Tutorial ini

akan menjawab keluhan anda. Dan beruntungnya tutorial ini gratis buat anda. Anda tidak perlu takut

karena semuanya mudah, jika ada kesulitan anda bis bertanya kepada kami ke

[email protected] dengan Subject {Joomla}

Tutorial ini akan kami buat selengkap mungkin dan secara gratis sebagai media pembelajaran yang

baik dan bermanfaat untuk para IT pemula. Kenapa harus joomla ? karena joomla adalah CMS yang

sangat powerfull dan user friendly.

Semoga tutorial ini dapat menjadi acuan pemula dalam membuat websitenya dan semoga bisa

menjadi jalan rezeki buat yang sudah menguasainya. Jika sudah menguasai materi ini maka anda

dapat membuat website dengan mudah. Dan Alhamdulillahnya tutorial premium ini gratis dan bisa

disebarkan, namun akan mendapat hukuman jika ada projes perdagangan dari tutorial ini. Tutorial

ini murni share dari Tim banyuhosting.

Doakan kami tim penyusun tutorial ini agar terus berkarya dan bisa terus berbagi ilmu, serta

mendapatkan pahala dari Sang Pencipta Allah SWT. Amiin.

Banyuhosting adalah parner resmi dari idwebhost , jojacamp. Banyuhosting berdiri sebagai media

penyewaan domain dan hosting milik idwebhost jogjacamp dalam bentuk kerjasama.

Materi yang akan disampaikan :

Download CMS Joomla

Proses Pembelian Hosting dan Domain di banyuhosting.com

Instalasi Joomla di web hosting

Membedah Seluk-beluk Administrator

Browsing Template Terbaik

Mengamankan Situs Joomla dari Serangan Hacker

Optimasi SEO pada Website Joomla

A. Download CMS Joomla

Page 3: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Perlu diketahui telah banyak CMS yang beredar untuk membuat website dengan mudah,

selai ada drupal, wordpress, auracms dan berbagai CMS laiinya, pada kesempatan kali ini

akan kami berikan tutorial CMS joomla terlebih dahulu, kenapa demikian ? karena joomla

sangat powerfull dan mudah di kustomisasi

Untuk mendownload bahan web atau CMS (Content Management System) anda harus

menuju ke link berikut yaitu situs resmi joomla adalah :

http://www.joomla.org/

Menariknya adalah joomla 3 ini sudah responsive, yaitu bisa kompatible dengan berbagai

device seperti handphone, Tabs, Ipad, dll.

Klik Download Versi 3.1 Full Package, tunggu hingga proses download selesai.

Page 4: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Page 5: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Page 6: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

File CMS sudah terdownload dikomputer anda.

B. Menyewa Hosting dan Domain Internet

Apa itu hosting ? hosting adalah tempat menaruh file-file website kita termasuk script,

image dan laiinya. Nah File yang sudah kita download diatas adalah file CMS Website yang

akan kita jadikan engine website. Nah nanti file tersebut akan di upload di hosting yang akan

kita sewa di http://www.banyuhosting.com

Kenapa kami menganjurkan banyuhosting ? karena banyuhosting pelayanannya

memuaskan, harganya jauh lebih murah dari tempat hosting laiinya, dan juga support 24 jam

jika ada kendala tekhnis dengan server. Dan ini adalah hosting unggulan terbaik yang dapat

mengonline kan website kita.

Banyuhosting.com selain hosting juga menyewakan domain. Domain adalah alamat website

contohnya : pandupelopr.com, yesdesain.com dll. Itulah yang dimaksud dengan alamat

website atau domain.

Nah saatnya kita menyewa hosting dan domain di banyuhosting.com

Buka mozzila firefox anda atau google chrome browser anda

Ketikan http://www.banyuhosting.com

Lalu kita akan masuk pada halaman website banyu hosting.

Page 7: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Klik enter dan kita akan mendapati halaman banyuhosting.com

Nah sekarang anda sudah berada pada situs penyewaan hostimng yaitu banyuhosting.com

Banyuhosting adalah partner resmi idwebhost yang support 24 jam.

Step Pertama

Periksa nama alamat website kita, apakah sudah ada yang menggunakan atau masih

tersedia.

Page 8: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Coba lihat keterangan yang ada di box hijau tersebut, jika keterangan menunjukan

“Available” berarti nama alamat website anda tersedia. Namun jika ada box merah dan ada

keterangan “not available” maka anda harus mengganti nama alamat website anda.

Step 2

Jika sudah tersedia “available” kita langsung klik “Beli Domain & Hosting”

Anda akan diarahkan ke halaman pembelian dan pemilihan hosting.

Nah, disini anda bisa memilih :

Lama Kontrak Domain bisa di pilih di link edit

Paket Hosting (Jumlah Space)

Lama Kontrak Hosting

Dan anda akan menemukan Estimasi Biaya yang harus di bayarkan ke pihak banyuhosting

Page 9: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Oke, jika sudah selesai akan dilanjutkan

Kosongkan form berikut

Tapi wajib mengisi Form berikut dengan data valid, karena tanpa data valid transaksi akan

susah dan akan terkendala.

Masukan semua data dengan baik dan benar. Jangan lkupa klik {ya} pada agreement atau

perjanjian dengan pihak hosting.

Lalu pilih Check Out

Page 10: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Step 3

Anda sudah selesai melakukan pembelian hosting, kemudian pihak banyuhosting.com akan

mengirimkan form pembelian ke email anda, anda diharapkan menyetor uang (transfer ke

beberapa alamat rekening)

Silahkan cek inbox email anda, dan lakukan pembayaran penyewaan hosting.

Berikut screenshot tampilan email notifikasinya

Page 11: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Page 12: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Page 13: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Bacalah dengan saksama dan teliti sebelum melakukan pembayaran kepada alternatif

rekening. Lakukan pembayaran ke salah satu rekening yang ada di email anda. Jika sudah

lakukan konfirmasi pembayaran. Seperti petunjuk yang ada di email anda.

Setelah pembayaran anda berhasil dan dianggap valid oleh pihak banyuhosting, maka anda

akan menerima email kembali sebagai bukti bahwa akun anda sudah aktif dan bisa

menggunakan hosting dan domain website anda.

Step 4

Menerima email aktivasi hosting anda

Step 5

Akun anda sudah aktif dan anda akan diberikan CPANEL

Page 14: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Page 15: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Dari pengaktivan tersebut maka akan diberikan alamat CPANEL (alamat untuk mengakses

semua file hosting dan domain)

Namun bersabarlah tunggu 1 x 24 jam untuk pengaktifan ^_^

C. Instalasi Joomla di banyuhosting

Nah ini adalah masa-masa terindah , karena kita akan melakukan instalasi CMS website kita.

Setelah menerima akun aktivasi CPANEL dari website kita, kita akan mendapatkan alamat

untuk mengakses halaman hosting kita.

Nah, buka alamatnya. Misalnya :

www.alamatwebsiteanda.com/cpanel

Masukan alamat user anda di email dan passwordnya lalu klik Login

Jika berhasil maka anda akan menemukan halaman berikut

Page 16: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Pilih menu File Manager

Klik File Manager dan kita akan mengakses file-file website kita

Page 17: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Dan biarkan saja tampilan default dari hosting anda.

Saatnya kita mengupload file joomla yang telah kita download sebelumnya.

Caranya : Klik Upload

Page 18: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Klik upload dan anda akan masuk pada halaman upload.

Klik Browse dan pilih file yang sudah anda download yaitu : joomla anda

Page 19: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Tunggu hingga proses upload selesai

Jika sudah selesai kembali ke halaman public_html pilih reload

Page 20: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Lalu pilih klik kanan – compress

Page 21: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Klik Reload lagi atau refresh

Page 22: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Dan File-file anda sudah ada di hosting, namun jangan senang dulu karena instalasi belum

selesai ^_^. Sekarang anda buka ke brwoser alamat website anda.

www.alamatwebanda.com

Lalu anda akan menemukan halaman installer

Namun kita tidak bisa langsung menginstal karena penyakit umum pada joomla 3.0 adalah

harus mendisable “Magis Quotes GPC Off”

Untuk melakukan hal tersebut silahkan hubungi technical support banyuhosting.com

Silahkan menuju banyuhosting.com lalu pilih chat

Pilih chat dengan customer services

Page 23: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Setelah tekhnisi selesai mendisable magic quotes menjadi off maka proses instalasi bisa

dimulai. Buka kembali alamat website anda dan anda akan mendapatkan halaman instalasi.

Masukan Nama Situs Anda dan deskripsi situ anda.

Jangan lupa masukan alamat email, username admin dan passwordnya.

IMPORTANT!

Simpan nama admin dan passwordnya pada notepad atau sejenisnya agar tidak lupa ^_^

Page 24: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Klik Next button.

Sekarang step configurasi databasenya.

Untuk konfigurasi database kita harus kembali ke halaman CPANEL. Masih ingat kan CPANEL

?

Page 25: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Inilah halaman cpanel. Karena set up dan pembuatan databse harus kita seting disini.

Untuk stel databse harus mengikutio langkah berikut.

Step 1

Klik My SQl Databases

Lalu masuk pada halaman databse

Page 26: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Pilih Create databse

Page 27: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Pilih Go Back

Scroll kebawah lalu buat user name databse

Juga pembuatan Passwordnya

Pilih Create User

Pilih Go Back Kembali

Sekarang Add database yang sudah di buat tadi ke user databse yang sudah dibuat. Karena

saya tadi membuat database pandupe1_latihan dan usernya juga sama maka pada kolom

add to user seperti berikut. Kondisikan sesuai dengan apa yang anda buat.

Klik Add maka anda akan masuk ke halaman ini

Page 28: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Centang ALL PRIVILEGES

Kemudian Make Changes

Kemudian Pilih Go back Kembali.

Step 2

Kembali ke halaman instaler anda yaitu halaman ketika kita menginstal joomla pada hosting.

Yaitu dengan kembali pada tabs browser instalasi.

Page 29: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Sekarang isi dengan kondisi sebgagai berikut

Databse Type : MySQLi

Host Name : localhost

Username : nama user database yang sudah anda buat tadi di my SQL (saya tadi membuat

pandupe1_latihan) anda kondisikan saja

Password : password saat membuat user

Database name : nama database yang dibuat pada langkah diatas.

Page 30: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Jika Sudah kemudian Klik Next.

Step 3

Masuk ke halaman instal

Pada pilihan instal sample data saya gunakan Default English (GB) Sample Data

Page 31: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Klik Instal pada Button di atas kanan

Tunggulah hingga selesai

Page 32: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Step 4

Hapus direktori instalasi dengan klik button kuning ‘Remove Installation Folder”

Sehingga Installasi benar-benar terhapus

Step 5

Test melihat Situs Awal kita

Klik Site.

Page 33: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Dan inilah tampilan website anda. Proses Instalasi Dasar Sudah Selesai.

Page 34: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

D. Memahami Alur Administrasi Joomla

Nah, kita sudah menginstal Joomla pada hosting kita , tepatnya di banyuhosting.com, lalu

bagaimana dengan admin websitenya? Atau templatenya?

Pada bab ini kita akan mempelajari seluk beluk administrasi joomla yang paling sering

digunakan yaitu :

a. Global Configuration / System

b. Category

c. Article

d. Menus

e. Component

f. Modul

g. Plugins

h. User

Nah ada beberapa hal menu wajib yang harus kita pahami untuk mengolah data di

administrasi joomla.

Sebagai awal kita akan sedikit beri pengertian umum yaitu :

a. Sistem

1. Control Panel: Untuk menampilkan toolbar utama seperti gambar di atas. 2. User Manager: Untuk mengelola pengguna Joomla (administrator, editor,

kontributor dll) 3. Media Manager: Untuk mengelola/ upload/ penghapusan gambar, video,

animasi dll. 4. Global Configuration: menampilkan konfigurasi situs baik time zone, offline/

online, meta tags dll. 5. Logout: Untuk keluar dari sistem back end Joomla.

b. Menus

1. Menu Manager: untuk mengelola menu yang akan ditampilkan pada situs. 2. Menu Trash: untuk menampilkan menu yang telah dihapus. 3. Main menu: untuk menambah, merubah, menghapus, publish/ unpublish

menu utama

c. Content

1. Article Manager: untuk mengelola artikel seperti menambah, mengedit, menghapus, publish/ unpublish artikel.

2. Article Trash: untuk menampilkan artikel yang telah dihapus. 3. Section Manager: untuk menambah section. 4. Category Manager: untuk menambah category. 5. Frontpage Manager: untuk mengatur artikel yang akan ditampilkan pada

halaman depan (Home).

Oke selanjutnya kita akan praktekan satu-satu dari masing-masing fungsi administrator.

Page 35: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Masuklah ke halaman administrasi anda. Anda harus mengetikan alamat admin yaitu

http://www.websiteanda.com/administrator kemudiananda akan disuruh login.

Masukan nama admin dan password yang sudah anda buat. Jika lupa bukalah file admin

yang anda simpan dengan notepad ya ^_^

Nah inilah halaman admin loginnya masukan username dan password yang sudah anda buat

lalu klik Login dan anda akan masuk pada halaman dashboard admin joomla.

Page 36: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Lihatlah pada top navigasi bisa dilihat ada menu

System

Users

Menus

Content

Components

Extensions

Help

Itu adalah menu admin yang akan mengolah management website joomla kita nanti.

1. System

Sistem adalah menu konfigurasi awal, dan yang paling sering digunakan adalah Global

Configuration

Page 37: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Anda dapat mengatur konfigurasi settingan di Global Configuration.

Lalu apa kegunaan Control Panel

Control Panel adalah sebuah halaman shortcut agar kita mudah menggunakan joomla

^_^. Untuk Global Checkin, dll nanti akan dibahas karena belum terlalu penting.

2. Users

Nah di Menu Users ini si super administrator dapat menambahkan anggota admin

laiinya. Ibaratnya menambah karyawn atau rekan kerja untuk mengelola admin.

Jika kita klik user manager maka kita akan melihat siapa saja user yang ada. Anda bisa

menambah atau mengedit dan menghapus user yang ada.

Bisa juga memblok user, delete atau mengeditnya.

Page 38: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

3. Menus

Nah menus ini untuk mengatur menu dalam website kita sebagai contoh menu yang ada

di halaman depan seperti Home, About Us dll

Untuk mengatur menu tersebut kita dapat menambah atau menghapus dan mengedit di

menu – main menu

Sebagai contoh kita akan menambahkan sebuah menu baru disamping Home Page

Menunya adalah about us.

Klik – New – Buat Menu

Pada Menu title adalah nama menu.

Page 39: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Pada Menu item type yaitu menu ini akan merujuk kemana apakah ke sebuah artikel,

componen atau blog kategori atau sebaginya, sebagai contoh kita akan membuat menu

single artikel. Yaitu menu yang akan mengarah ke salah satu artikel dalam website.

Pilih Select.

Pilih Article – Single Article

Page 40: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Selanjutnya memilih artikel apa yang kendak kita sambungkan. Saya disini memasukan

artikel asal yah. Dikondisikan saja.

Pada Selct Article pilih select

Saya klik Getting Started

Maka menu about us akan mengarah ke Getting Started.

Kemudian klik Save.

Dan anda sudah memilik menu baru di website anda. Klik save and close

Page 41: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Lihatlah anda sudah memiliki 2 buah menu. Kita bisa melihat di Preview

Lihatlah ada menu ‘About Us kan? Lalu jika kita klik maka akan mengelink ke artikel

Getting Started

Nah bagaimana jika hendak menukar tempat ? misalkan Home dan About Us ditukar?

Page 42: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Mudah saja anda tinggal mendragnya. Caranya sorot pada menu yang akan dipindah ,

setelah muncul tanda plus maka tinggal geser saja ke mana dia akan dipindahkan.

Sorot Sesuai gambar panah. Kemudian pindah ke atas

Dan Hasilnmya adalah

Pertanyaan Selanjutnya. Bagaimana membuat Dropdown Menu ?

Mudah saja tinggal klik Menu yang hendak di edit.

Pada parent item rujuk ke home

Page 43: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Kemudian klik save & close

Lihat hasilnya

Mudah bukan. Anda bisa mengembangkan kreatifitas anda.

4. Content

Nah ini adalah jantungnya , jantung dari content disinilah kita dapat membuat kategori

dan artikel.

a. Membuat kategori

Page 44: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

b. Membuat artikel

Di menu ini anda dapat memilih masuk ke kategori apa ?

Kemudian bisa memasukan gambar yaitu pada menu bawah.

Page 45: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

5. Component.

Komponen ini adalah tambahan atau widget untuk mempermanis web joomla anda.

Anda bisa mengaturnya disini.

Ratusan komponen telah tersedia di joomlanya sendiri anda bisa mengunduhnya dan

menginstalnya.

6. Extensions.

Di menu ini kita dapat menginstal extension baik komponen, plugins, modul atau

template.

Pilih extension Manager

Page 46: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Anda tinggal download bermacam macam komponen, modul dan plugins di

Buanyak sekali dari per categories.

Tinggal download atau instal.

Page 47: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Modul Manager

Untuk mengatur modul yang sudah terinstal.

Modul Merupakan extension yang berfungsi untuk menampilkan informasi dari suatu

website. Module biasanya berupa sekat-sekat ruang kecil (atau ada juga yang menamakan

sebagai blok) dari halaman website Joomla.

Setiap template memiliki jumlah dan letak modul yang berbeda-beda. Untuk mengetahui

letak dan berapa banyak modul yang dipunyai oleh sebuah template Joomla adalah dengan

mengetikkan http://nama-domain-anda.com/?tp=1 pada browser Anda. Kata “?tp=1″ adalah

fungsi untuk mengetahui letak posisi modul dari suatu template sebagai berikut:

Anda bisa memanage modules melalui menu Extensions - Module Manager.

Plugins Manager

Plugins dipakai untuk menangani event tertentu, misalnya untuk menyisipkan movie ke

dalam artikel, menampilkan tooltips dan sebagainya. Nama lain dari plugins adalah

Mambots. Plugin akan menyatu dengan komponen atau modul dan biasa digunakan untuk

memperkaya format tampilan komponen atau modul untuk spesifikasi fungsi tertentu.

Anda bisa mengatur Extension ini melalui Menu Extension - Plug in Manager.

Template Manager

Extension ini dipakai untuk mengatur tampilan dari situs yang meliputi desain dan layout-

nya. Anda bisa mengaturnya melalui menu Extensions - Template Manager.

Page 48: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

E. Templating

Templating adalah kita dapat memodifikasi template baik berupa CSS, mengetahui letak dan

menginstal Template baru. Anda bisa mencari template gratisan seperti :

http://www.globbersthemes.com/

http://www.freshjoomlatemplates.com/

DLL

Untuk mengakses template anda dapat ke Template Manager

Yang ada bintang berarti template default.

F. Security Joomla

Berikut adalah tips dan trik untuk meningkatkan keamanan CMS Joomla 1. Update versi Joomla (core Joomla)/component/plugin/extension/template dengan

update terbaru. Bagi pengguna Joomla 1.5, dapat menggunakan ekstension “Update

Manager for Joomla!” sebagai alat bantunya. Rajinlah berkunjung ke situs joomla.org

untuk melihat ada tidaknya upgrade untuk menambal celah keamanan.

2. Ganti prefix database bawaan Joomla (jos_) dengan prefix lain. Untuk menghindari

peretas melakukan SQL injection ke database joomla, maka perlu mempersulit peretas

untuk menemukan isi table jos_users. Dengan cara mengubah prefix jos_ ke prefix lain.

Component QTablePrefix dapat membantu penggantian prefix menjadi lebih mudah.

3. Selalu hanya menginstall component/plugin/extension yang terpercaya dan langsung

dari pengembangnya. Anda dapat mengakses link

http://docs.joomla.org/Vulnerable_Extensions_List untuk daftar Extension Joomla yang

mempunyai celah bug/bermasalah.

4. Pergunakan CHMOD/File Permission yang sesuai. Untuk file 644, sedangkan untuk

folder 755. Setting File permission bisa dilakukan dari “File Manager” di cPanel

menggunakan menu “Change Permissions”.

5. Ubah password Cpanel dan login ke halaman administrator Joomla secara berkala.

Gunakan password berupa gabungan dari angka, huruf dan tanda.

6. Tidak hanya mendisable component/plugin/extension/template yang tidak

digunakan, tapi juga menghapus component/plugin/extension/template yang tidak

digunakan.

Page 49: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

7. Amankan halaman login administrator Joomla dengan plugin AdminExile. Kita juga

bisa melakukan proteksi folder untuk login ke halaman admin Joomla dengan

memanfaatkan fasilitas “Folder Protection” yang dimiliki oleh CPanel.

8. Mengubah default administrator username. Default username Joomla biasanya adalah

‘admin’. Ganti dengan username yang lain, gabungan dari angka, huruf dan tanda

merupakan gabungan yang baik.

9. Apabila website Joomla anda juga memungkinkan banyak user untuk login,

gunakan captcha untuk login ke website.

10. Backup database dan file secara berkala.

11. Lindungi komputer anda dengan antivirus, antispyware dan firewall. Rajinlah

mengupdate dan melakukan pembersihan secara berkala. - See more at:

http://www.rumahweb.com/journal/tips-dan-trik-meningkatkan-keamanan-cms-

joomla.htm#sthash.ngsLCXEN.dpuf (rumahweb)

G. SEO Joomla

Dunia pemasaran SEO dan internet telah mengalami pergeseran dramatis dan cepat selama beberapa tahun terakhir dan apa yang sebelumnya bekerja luar biasa saat ini tidak efektif dan dalam beberapa kasus akan merugikan website Anda!

Berikut Panduan SEO Joomla yang dapat anda lakukan

Hal pertama yang saya akan sangat mendorong Anda lakukan adalah sepenuhnya mendidik diri sendiri tentang bagaimana SEO telah berubah dalam beberapa tahun terakhir. Saya telah mengumpulkan blog lain yang mencantumkan negara modern SEO dan memiliki beberapa sumber daya benar-benar hebat untuk mendidik diri sendiri. Sekarang Anda memiliki pemahaman yang lebih baik dari pergeseran yang terjadi di dunia SEO, mari kita masuk ke dalam dan melihat beberapa hal yang dapat Anda lakukan untuk membantu mengoptimalkan situs web Joomla Anda untuk SEO. Berikut adalah hanya beberapa dari teknik yang dapat Anda terapkan untuk membantu meningkatkan peringkat SEO Anda.

Membuat & Verifikasi account berikut penting:

Google Webmaster Account Google Analytics Google+ Personal Account Bing Webmaster Account

Instal komponen SH404SEF SH404SEF akan memberikan beberapa kekuatan yang luar biasa dalam mengkonfigurasi SEO pada website anda. Ada banyak pilihan komponen lain, tapi menurut kami ini adalah yang kita inginkan. Beberapa fitur SH404SEF akan memberikan anda :

1. URL website anda semakin ramah terhadap mesin pencari (bahkan lebih dari SEF bawaan joomla)

Page 50: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

2. Memberikan anda 1 titik pusat untuk melakukan update pada judul meta dan deskripsi. Jika anda belum memahami penulisan Deskripsi Meta, baca artikel berikut

3. Melihat semua halaman error 404 dan memudahkan mensetup halaman pengalihan 301 ke url yang baru

Gunakan XMAP dan Submit XMAP sangat mengagumkan dan juga gratis yang dapat anda pasang pada website joomla anda untuk membuat sitemap. Setelah dibuat, anda dapat login ke Google Webmaster dan mengirimkan sitemap website yang akan diindeks oleh Google.

Buat Blog dan Memulai Menulis Memiliki konten berkualitas baik yang mengalir pada website anda adalah penting. Kami sangat merekomendasikan untuk membuat minimal dua kali per minggu dengan tulisan 500 kata atau lebih banyak akan lebih baik lagi.

Cari dan temukan topik menarik yang dapat anda tulis, sebagai referensi anda dapat mencari inspirasi topik dari tulisan yang ada pada blog lain atau bebas sesuai dengan topik yang anda akan angkat.

Optimalkan Halaman Kontak Halaman kontak anda harus memiliki beberapa informasi yang sangat penting yang dapat membantu mengaitkan bisnis Anda dengan daftar website lainnya di internet. Pastikan untuk menyertakan nama bisnis anda, Alamat dan nomor telepon (atau dikenal dengan NAP=Name, Address, Phone Number) kemudian menghubungkan NAP anda ke Google+ lokal dan menggunakan microdata untuk membantu agar lebih mudah dibaca. saya juga menyarakankan gunakan layanan Google Map pada halaman kontak anda untuk membantu menghubungkan bisnis Anda secara lokal.

Perluas Konten Anda Sangat penting anda dapat membuat halaman yang benar-benar terpisah untuk setiap produk, layanan atau lokasi bisnis anda dari pada memasukkannya semua secara bersama-sama dalam satu halaman. Hal ini akan memberikan mesin pencari lebih banyak konten untuk menjelajah yang lebih spesifik untuk bisnis yang anda lakukan.

Optimalkan Footer Anda Sama seperti halaman kontak, sertakan NAP (Name, Address, Phone Number) dan hubungkan ke akun Google+ Anda dengan menyertakan microdata adalah cara yang baik untuk memberi google pembacaan yang sangat kaya dari bisnis dan berbagai halaman yang terkait dengan bisnis anda.

Periksa Kecepatan Website Memiliki sebuah website yang cepat dengan kecepatan 1,5 - 2 detik atau kurang sangat penting untuk kedua pengalaman pengguna tetapi juga SEO. Rand Fishkin dari SEOmoz menjelaskan bagaimana Toko Perlengkapan Outdoor REI berhasil meningkatkan hampir dua kali lipat lalulintas pencarian organik mereka dengan meningkatkan kecepatan website mereka. Hal ini karena bot Google dapat menjelajak lebih banyak halaman dengan sumber daya yang lebih sedikit jika sebuah website cepat.

Kami mengalami efek yang sama ketika kita beralih ke server yang lebih cepat. Jumlah halaman yang diindeks dinaikkan karena bot Google mampu merangkak lebih cepat. Saya

Page 51: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

akan merekomdeasikan menggunakan GTMertix.com untuk memeriksa kecepatan sebuah website baik dari Google PageSpeed maupun Yahoo YSpeed.

Carilah Duplikat Konten Duplikat konten dapat menjadi pembunuh yang sangat besar dalam optimasi SEO. Masalahnya Gogole tidak dapat dengan mudah menentukan bagian dari konten yang benar untuk diindeks dan dikaitkan dengan kredit link. Inilah yang menyebabkan menurunnya peringkat halaman anda secara keseluruhan.

Anda dapat melihat duplikat konten pada halaman Google Webmaster atau menggunakan aplikasi pihak ketika seperti SEOMoz untuk membantu melakukan audit dan pengelolaan duplikat konten.

Sebagian duplikat konten yang terjadi di joomla kareana kategori, tag, dan lainnya dan dapat dibersihkan dengan menggunakan komponen SH404SEF dan atau penggunaan penulisan ulang file .htaccess.

Judul Sebagai H1 Pastikan judul halaman anda semua ditandai sebagai H1. Hal ini sudah dapat anda peroleh pada template joomla secara langsung, akan tetapi tidak semua template yang ada juga menggunakan H1 untuk judulnya, jadi anda harus pintar-pintar memilih template yang memiliki standar H1 pada setiap judulnya. Tag H1 digunakan oleh algoritma mesin pencari Goolg untuk dengan mudah mendeteksi subjek dari halaman (bersama dengan judul halaman).

Ada hal-hal lain yang tak terhitung jumlahnya yang dapat anda lakukan untuk membantu meningkatkan SEO pada website joomla anda. Kami telah membahas hanya sebagian saja yang sering dibicarakan oleh para pengguna umum.

Sumber (http://magazine.joomla.org/issues/issue-mar-2013/item/1134-seo-optimizing-your-joomla-website)

Page 52: Tutorial Membuat Website Dengan CMS Joomla Versi 3

TUTORIAL MEMBUAT WEBSITE DENGAN JOOMLA

Tutorial gratis dari ipung purwono author : [email protected]

Alhamdulillah, Tutorial basic sudah selesai, sebenarnya masih banyak hal atau ilmu yang

dapat di bahas, namun tangan ini sudah lelih menyusun dan mengetik tutorial. Doakan biar

saya dapat menulis artikel updatenya dalam sesi berikutnya yah ^_^.

Wassalamu’alaikum Wr. Wb.

Yuk Bersedekah Untuk Tahfidz Kami di Banyumas.

Author adalah pemuda IT yang bersekolah di STIKOM CKI, namun ada

niatnya yang belum terlaksana yaitu membangun tahfidz Ar-Razzaq di

daerahnya.

Bagi yang ingin besedekah buat Al-Qur’an dan sebagainya bisa kalian

sedekahkan seikhlasnya. Ke Tahfidz Ar-razzaq.

Untuk Konfirmasinya bisa ke email [email protected] atau

[email protected] untuk tindak lanjutnya. Kirimkan pesan dengan

Subject [SEDEKAH TAHFIDZ]

Hati-hati penipuan!

Alamat Tahfidz Kami

RT.03/04 Desa Tlaga Banyumas 53165

Bisa melihat blog kami di www.motivasispiritual.wordpress.com

Hanya Allah yang Maha Tahu atas Segala Sesuatu.

PDF ini sengaja kami protect agar tidak diperjual belikan atau dijadikan kedoik penipuan.

Bio Author :

Nama : Ipung Purwono

Alamat : RT.03 RW. 04 Desa Tlaga Kecamatan Banyumas

Sekolah : STIKOM CKI Cempaka Putih Jakarta Pusat

Jurusan : Tekhnik Informatika

Email : [email protected]

Website : www.motivasispiritual.wordpress.com