SISTEM YANG DIUSULKAN

BAB IV SISTEM YANG DIUSULKAN

4.1 Proses Instalasi Jommla 1.5

4.1.1 Instalasi Appserv

Untuk install AppSrve caranya cukup klik dua kali file appserv- win32.2.5.9.exe. Setelah di klik maka akan tampil seperti berikut ini:

Gambar 4.1 Selamat Datang AppServ 2.5.9

Selanjutnya pilih Next.

Gambar 4.2 Memilih Lokasi Instal

Pilih Lokasi pengistalan AppServ. Pilihan istalan diatas akan meletakkan AppServ di drive C: . Selanjutnya pilih Next.

Gambar 4.3 Memilih Komponen

Pilih Option yang ada dan selanjutnya pilih Next

Gambar 4.4 Informasi Apache HTTP Server

Isi Server name : localhost

Email Administrator isikan dengan alamat email kalian masing-masing.

Dan biarkan port seperti apa adanya, kemudian tekan Next

Gambar 4.5 Konfigurasi MySQL Server

Masukan password standar untuk proteksi di komputer lokal.

Install

Gambar 4.6 Proses Instalasi

Proses instalasi sedang berjalan, tunggu instalasi sampai selesai, silahkan boleh ditinggal dulu atau mengisi kegiatan lain.

Gambar 4.7 Setup Selesai

Klik Tombol finish

4.1.2 Testing Web Server local

Untuk menguji apakah webserver local kita sudah berjalan dengan normal, bukalan browser favorit kalian.

Misalnya : Mozilla FireFox.

Gambar 4.8 The AppServ Open Project

Ketik di Addres bar : localhost kemudian tekan tombol Enter. Jika tampilan sama dengan diatas maka webserver anda sudah berhasil terinstal dan Aplikasi sudah bisa digunakan.

4.1.3 Instalasi Joomla 1.5

Langkah-langkah instalasi Joomla 1.5 adalah sebagai berikut :

1. Download dan Unzip Jommla 1.5

2. Kita perlu folder Joomla, Buka Appeserv yang telah diinstal C:\AppServ\

Gambar 4.9 Folder C:\AppServ

Buat baru di dalam folder “www” misalnya : latihan

Gambar 4.10 Folder C:\AppServ\www

Buka folder latihan dan Extract File Joomla 1.5 di dalam folder Latihan, bila sudah diextract akan tampil gambar dibawah ini.

Gambar 4.11 Folder C:\AppServ\www\Latihan

3. Buka Internet Browser, misalnya : Mozilla Firefox Ketik : http://localhost/latihan Maka akan tampil gambar di bawah ini :

Gambar 4.12 Pilih Bahasa

Pilih Bahasa : Bahasa Indonesia

Tekan Berikutnya

Gambar 4.13 Pemeriksaan Pra-Pemasangan

Pemeriksaan Pra-Pemasangan : Biarkan apa adanya Tekan Berikutnya

Gambar 4.14 Lisensi

Lisensi : Biarkan apa adanya, Tekan Berikutnya

Gambar 4.15 Pengaturan Basis Data

Pengaturan Basis Data

Type Basis data

: mysql

Nama Host

: localhost

Nama Pengguna

: root

Sandi Lewat : Terserah, misalnya : 12345

Nama Basis Data : Terserah, misalnya : latihan Tekan Berikutnya

Gambar 4.16 Pengaturan FTP

Pengaturan FTP : Biarkan apa adanya, Tekan berikutnya

Gambar 4.17 Pengaturan Umum

Nama situs : Terserah, misalnya : Latihan

Alamat surat anda

: Terserah

Sandi Lewat admin : Terserah (digunakan saat Log In)

Selain itu biarkan apa adanya, tekan Berikutnya

Gambar 4.18 Konfirmasi Pengaturan Umum

Tekan OK

Gambar 4.19 Selesai Penginstalan

Selesai, Jangan lupa hapus instalasi pada Folder

C:\AppServ\www\latihan sebelum digunakan.

Gambar 4.20 Hapus Folder Instalasi

Tekan Yes

Gambar 4.21 Joomla Log In

Log In

Username : admin

Password : (password yang ditulis dipengaturan)

Gambar 4.22 Tampilan Joomla Setelah Log In

4.2 Header

Isi header akan terbagi menjadi tiga yaitu, gambar header dari tamplete joomla itu sendiri, tulisan berjalan yang berisi informasi-informasi yang akan muncul secara acak. Tulisan tersebut dibuat melalui fitur banner yang telah tersedia pada paket program joomla. Lalu yang terakhir adalah search engine yang berfungsi untuk mencari artikel yang diperlukan secara cepat. Tidak berbeda jauh sama banner, search engine dibuat dari fitur yang telah tersedia pada paket pemograman joomla yaitu Modul Manager. Header yang akan dibuat akan seperti gambar dibawah ini.

Gambar 4.23 Header

4.2.1 Instal Template Joomla Didalam pemograman joomla kita hanya diberikan template yang standart. Kita bisa mendapatkan template joomla yang kita inginkan dengan mengunduh di internet, bisa juga dicari melalui google. Banyak situs yang sudah menyediakan template joomla yang gratis maupun berbayar. Lalu bagaimana mengistalnya, ikuti langkah-langkah berikut ini :

1. Download paket template joomla di internet

2. Masuk ke joomla administrator login

Gambar 4.24 Joomla Administration Login

3. Klik menus Extentions ~ Instal/Unistal

Gambar 4.25 Menu Extention Install/Unistall

4. Upload file template yang ingin di instal. Tekan Telusuri, cari dimana file template disimpan. Kemudian tekan open

5. Tekan Upload File & Install

Gambar 4.26 File Upload Template Joomla

6. Bila istalasi sukses akan ada tulisan “Install Template Success”

Gambar 4.27 Konfirmasi Install Template

Untuk mengatur template langkah-langkahnya sebagai berikut :

a. Ketik Menus ~ Extention ~ Template Manager Kemudian akan muncul gambar seperti di bawah ini

Gambar 4.28 Pengaturan Template Gambar 4.28 Pengaturan Template

4.2.2 Banner Informasi (Tulisan Berjalan)

Banner informasi berfungsi memberikan informasi secara acak tulisan berjalan yang terdapat pada header website. Banner akan terbagi menjadi tiga macam yaitu banner category, banner client dan banner banner

1. Banner Category Berfungsi untuk mengelompokkan banner dalam satu kelompok. Langkah- langkah membuatnya adalah sebagai berikut :

a. Klik Menus ~ Component ~ Banner Category

Gambar 4.29 Menu Component Banner Category

b. Klik New

Gambar 4.30 Form Banner Category

IsilahTitle : Terserah kamu Alias : Kosongin saja (Akan terisi otomatis setelah kita save) Published : No = tidak diumumkan Yes = Diumumkan Yang lain Biarkan apa adanya

c. Klik save

2. Banner Client

Fungsinya untuk memberitahukan identitas pembuatnya. Langkah-langkah membuatnya adalah sebagai berikut :

a. Klik Menus ~ Component ~ Banner Client

Gambar 4.31 Menu Component Banner Client

b. Klik New

Gambar 4.32 Form Banner Client Gambar 4.32 Form Banner Client

: Namamu

Contact Name

: Nama Kontak kamu

Contact E-mail : Isikan Alamat E-mail kamu

d. Klik save

3. Banner Banner Fungsinya untuk membuat banner dan menempatkan bahasa pemograman ke dalam aplikasi agar bisa berjalan.

a. Banner Kritik dan Saran Lankah-langkah membuatmya sebagai berikut :

1. Klik Menus ~ Banner ~ Banner

Gambar 4.33 Menu Banner Banner

2. Klik new

Gambar 4.34 Form Baneer Kritik dan Saran

Isikan Name : Kritik dan Saran Alias : Kosong (terisi otomomatis setelah disave) Show banner : Yes Stcky : No Category : Pilih Informasi (yang telah dibuat tadi)

b. Client Name : Nanang Chosin (yang telah kita buat sebelumny) Banner Code : Bahasa Pemograman

Yang lain biarkan seperti adanya.

4. Klik Save

c. Banner Informasi Lankah-langkah sama dengan diatas yang membedakan hanya pada isiannya, yaitu : Name : Informasi Alias : Kosong (terisi otomomatis setelah disave) Show banner : Yes Stcky : No Category : Pilih Informasi (yang telah dibuat tadi) Client Name : Nanang Chosin (yang telah kita buat tadi) Banner Code : Bahasa Pemograman

d. Banner Voting Lankah-langkah sama dengan diatas yang membedakan hanya pada isiannya, yaitu : Name : Voting Alias : Kosong (terisi otomomatis setelah disave) Show banner : Yes Stcky : No Category : Pilih Informasi (yang telah dibuat tadi) Client Name : Nanang Chosin (yang telah kita buat tadi) Banner Code : Bahasa Pemograman d. Banner Voting Lankah-langkah sama dengan diatas yang membedakan hanya pada isiannya, yaitu : Name : Voting Alias : Kosong (terisi otomomatis setelah disave) Show banner : Yes Stcky : No Category : Pilih Informasi (yang telah dibuat tadi) Client Name : Nanang Chosin (yang telah kita buat tadi) Banner Code : Bahasa Pemograman

4. Membuat Module Banner header Langkah-langkah membuat Module Banner yaitu, sebagai berikut

a. Klik Exstention ~ Module manager

Gambar 4.35 Menu Extention Module Manager

b. Klik New ~ Pilih Search ~ Next

Gambar 4.36 Menu Module Manager

c. Isikan Title : PENGUMUMAN Show Title : No Enabled : Yes Position : User 3 Acces Level : Public Banner Client : Nanang Chosin Banner Category : Informasi Randomise : Sticky, Randomize Yang lain biarkan apa adanya

Gambar 4.37 Form Module Manager

d. Klik save

4.2.3 Search Engine

Fungsinya untuk mempercepat pencarian aritkel yang diperlukan. Langkah - langkah membuat search engine pada Joomla adalah sebagai berikut :

1. Klik Exstention ~ Module manager

2. Klik New ~ Pilih Search ~ Next

3. Isikan Title : Search Show Title : No Enabled : Yes

Position : User 4 Acces Level : Public Yang lain biarkan apa adanya

4. Klik save.

4.3 Body

Setelah header, kita bahas selanjutnya adalah body (bagian tubuh) website. Body website akan terbagi menjadi tiga tempat. Pertama, sebelah kiri digunakan sebagai tempat menu link yang akan membawa pengunjung ke artikel yang diperlukan. Kedua adalah tengah body yaitu sebagai tempat memuat artikel atau bacaan setelah link diklik. Terakhir bagian kanan akan terdiri dari banner thanks to, banner forum dan banner sponsor. Untuk lebih detailnya bisa lihat gambar di bawah ini.

Gambar 4.38 Body

Gambar 4.39 Daftar menu Link

4.3.1 Menu

Menu disini berfungsi untuk menyusun daftar link yang berisi artikel- artikel dan untuk mempermudah mencari artikel yang diperlukan oleh pengunjung. Untuk menbuat menu diperlukan tahapan-tahapan yang panjang yang akan di bahas pada sub bab ini. Langkah-langkah tahapan tersebut adalah sebagai berikut :

1. Section Section ini berfungsi untuk mengelompokkan kategori yang sejenis dalam satu kelompok.

a. Section Present Langkah-langkah membuatnya :

1. Klik Menus ~ Content ~ Section Manager

Gambar 4.40 Menu Content Section Manager

2. Klik New

Gambar 4.41 Form Section Manager

3. Isikan Title : Present Published : Yes Acces level : Public Yang lain biarkan apa adanya.

4. Klik Save

Keterangan : Untuk section yang berikutnya langkah-langkahnya sama hanya berbeda pada form isian. Form Isian yang berbeda hanya pada title yang lain termasuk published dan Acces level semua sama.

b. Section Past: Title : Past

c. Section Future Title : Futur

d. Section To Be Title : To be

e. Section To Have Title : To Have

f. Section Possesive Title : Possesive

g. Section Adjective and Adverbs Title : Adjective and Adverbs

h. Section Object Title : Object

i. Section Going to Title : Going to

j. Section Gerunds and Invinitive Title : Gerunds and Invinitive

k. Section Also/Too/Either/Neither Title : Also/Too/Either/Neither

l. Section Some/Any Title : Some/Any

m. Section There/It Title : There/It m. Section There/It Title : There/It

o. Section Sentences Title : Sentences

p. Section Lain-lain Title : Lain-lain

q. Section Conditional Sentences Title : Conditional Sentences

r. Section Present Continous Title : Present Continous

2. Category

Kategori berfungsi untuk mengelompokkan artikel yang saling berkaitan dalam satu kategori yang sama.

a. Category Adjective dan Adverbs Langkah-langkah membuatnya :

1. Klik Menus ~ Content ~ Category Manager

Gambar 4.42 Menu Content Category Manager

2. Klik New

Gambar 4.43 Form Category Manager

3. Isikan Title : Adjectives and Adverbs Published : Yes Section : Adjectives and Adverbs Access Level : Public Yang lain biarkan apa adanya.

4. Klik Save

Keterangan : Untuk category yang berikutnya langkah-langkahnya sama hanya berbeda pada form isian. Form Isian yang berbeda hanya pada title dan section yang lain termasuk published dan Acces level semua sama.

b. Category Also/Too/Either/Neither Title : Adjectives and Adverbs Section : Adjectives and Adverbs

c. Category Conditional Sentences Title : Conditional Sentences Section : Conditional Sentences

d. Category Future Tense Title : Future Tense Section : Future

e. Category Gerunds and Infinitives Title : Gerunds and Infinitives Section : Gerunds and Infinitives

f. Category Going to Title : Going to Section : Going to

g. Category Lain-lain Title : Lain-lain

Section : Lain-lain

h. Category Object Title : Object Section : Object

i. Category Past Tense Title : Past Tense Section : Past

j. Category Possessive Title : Possessive Section : Possessive

k. Category Prepositions Title : Prepositions Section : Prepositions

l. Category Present Tense Title : Present Tense Section : Present

m. Category Present Continous Title : Present Continous Section : Present Continous

n. Category Sentences Title : Sentences Section : Sentences

o. Category Some/Any Title : Some/Any

Section : Some/Any

p. Category There/It Title : There/It Section : There/It

q. Category To be Title : To be Section : To be

r. Category To have Title : To have Section : To have

3. Artikel

Berfungsi sebagai tempat menuliskan artikel yang akan ditempatkan ke website. Dibawah ini adalah susunan artikel yang akan ditempatkan ke website.

1. Artikel Download Langkah-langkah membuatnya :

a. Klik Menus ~ Content ~ Article Manager

Gambar 4.44 Menu Content Artikel Manager

b. Klik New

Gambar 4.45 Menu Form Artikel Gambar 4.45 Menu Form Artikel

Gambar 4.46 Letak Toggle editor

Yang lain biarkan seperti apa adanya, tetapi jika ingin mengubah parameter silahkan sesuai kamauan kalian.

d. Klik save

Keterangan : Untuk Artikel yang berikutnya langkah-langkahnya sama hanya berbeda pada form isian. Form Isian yang berbeda yaitu title, section, category dan toggle editor.

2. Artikel Listening Title : Listening Section : Uncategorised Category : Uncategorised Togle Editor : Bahasa Pemograman

3. Artikel Reading Title : Reading Section : Uncategorised Category : Uncategorised Togle Editor : Bahasa Pemograman

4. Artikel Special Difficulties Title : Special Difficulties Section : Uncategorised Category : Uncategorised Togle Editor : Bahasa Pemograman

5. Artikel Article Title : Articles Section : Uncategorised Category : Uncategorised Togle Editor : Bahasa Pemograman

6. Artikel Punctuation (Comma Semicolon) Title : Punctuation (Comma Semicolon) Section : Uncategorised Category : Uncategorised Togle Editor : Bahasa Pemograman

7. Artikel Causative Form Title : Causative Form Section : Uncategorised Category : Uncategorised

Togle Editor : Bahasa Pemograman

8. Artikel Direct and Indirect Speech Title : Direct and Indirect Speech Section : Uncategorised Category : Uncategorised Togle Editor : Bahasa Pemograman

9. Artikel Tag Ending Title : Tag Ending Section : Uncategorised Category : Uncategorised Togle Editor : Bahasa Pemograman

10. Artikel Passive Voice

Title : Passive Voice Section : Uncategorised Category : Uncategorised Togle Editor : Bahasa Pemograman

11. Artikel Sequence Of Tenses

Title : Sequence Of Tenses Section : Uncategorised Category : Uncategorised Togle Editor : Bahasa Pemograman

12. Artikel Reflexive Pronouns

Title : Reflexive Pronouns Section : Uncategorised

Category : Uncategorised Togle Editor : Bahasa Pemograman

13. Artikel Auxiliary Verbs Title : Auxiliary Verbs Section : Uncategorised Category : Uncategorised Togle Editor : Bahasa Pemograman

14. Artikel Short Answer Title : Short Answer Section : Uncategorised Category : Uncategorised Togle Editor : Bahasa Pemograman

15. Artikel Contraction Title : Contraction Section : Uncategorised Category : Uncategorised Togle Editor : Bahasa Pemograman

16. Artikel Regular/Irregular Verb (Past Tenses) Title : Regular/Irregular Verb (Past Tenses) Section : Uncategorised Category : Uncategorised Togle Editor : Bahasa Pemograman

17. Artikel Imperative Form Title : Imperative Form

Section : Uncategorised Category : Uncategorised Togle Editor : Bahasa Pemograman

18. Artikel This/That ; These/Those Title : This/That ; These/Those Section : Uncategorised Category : Uncategorised Togle Editor : Bahasa Pemograman

19. Artikel Plural Nouns Title : Plural Nouns Section : Uncategorised Category : Uncategorised Togle Editor : Bahasa Pemograman

20. Artikel a/an

Title : a/an Section : Uncategorised Category : Uncategorised Togle Editor : Bahasa Pemograman

21. Artikel Position Of Adverbs Title : Position Of Adverbs Section : Adjective and Adverbs Category : Adjective and Adverbs Togle Editor : Bahasa Pemograman

22. Artikel Adjectives (Superlative Degree)

Title : Adjectives (Superlative Degree) Section : Adjective and Adverbs Category : Adjective and Adverbs Togle Editor : Bahasa Pemograman

23. Artikel Adverbs (Comperative Degree) Title : Adverbs (Comperative Degree) Section : Adjective and Adverbs Category : Adjective and Adverbs Togle Editor : Bahasa Pemograman

24. Artikel Adjectives (Comperative Degree) Title : Adjectives (Comperative Degree) Section : Adjective and Adverbs Category : Adjective and Adverbs Togle Editor : Bahasa Pemograman

25. Artikel Adjectives and Adverbs Title : Adjectives and Adverbs Section : Adjective and Adverbs Category : Adjective and Adverbs Togle Editor : Bahasa Pemograman

26. Artikel Either/Neither Title : Either/Neither Section : Also/Too/Either/Neither Category : Also/Too/Either/Neither Togle Editor : Bahasa Pemograman

27. Artikel Too/So Title : Too/So Section : Also/Too/Either/Neither Category : Also/Too/Either/Neither Togle Editor : Bahasa Pemograman

28. Artikel Also/Too/Either Title : Also/Too/Either Section : Also/Too/Either/Neither Category : Also/Too/Either/Neither Togle Editor : Bahasa Pemograman

29. Artikel Coditional Sentences (Past-Unreal) Title : Coditional Sentences (Past-Unreal) Section : Coditional Sentences Category : Coditional Sentences Togle Editor : Bahasa Pemograman

30. Artikel Coditional Sentences (Present-Unreal) Title : Coditional Sentences (Present-Unreal) Section : Coditional Sentences Category : Coditional Sentences Togle Editor : Bahasa Pemograman

31. Artikel Coditional Sentences (Future-Possible) Title : Coditional Sentences (Future-Possible) Section : Coditional Sentences Category : Coditional Sentences

Togle Editor : Bahasa Pemograman

32. Artikel Future Perfect Continuous Tense Title : Future Perfect Continuous Tense Section : Future Category : Future Tense Togle Editor : Bahasa Pemograman

33. Artikel Future Perfect Tense Title : Future Perfect Tense Section : Future Category : Future Tense Togle Editor : Bahasa Pemograman

34. Artikel Future Continuous Tense Title : Future Continuous Tense Section : Future Category : Future Tense Togle Editor : Bahasa Pemograman

35. Artikel Simple Future Tense Title : Simple Future Tense Section : Future Category : Future Tense Togle Editor : Bahasa Pemograman

36. Artikel Infinitives Title : Infinitives Section : Gerunds and Infinitives

Category : Gerunds and Infinitives Togle Editor : Bahasa Pemograman

37. Artikel Gerunds and Infinitives Title : Gerunds and Infinitives Section : Gerunds and Infinitives Category : Gerunds and Infinitives Togle Editor : Bahasa Pemograman

38. Artikel Gerunds Title : Gerunds Section : Gerunds and Infinitives Category : Gerunds and Infinitives Togle Editor : Bahasa Pemograman

39. Artikel Going To Past Title : Going To Past Section : Going To Category : Going To Togle Editor : Bahasa Pemograman

40. Artikel Going To Future Title : Going To Future Section : Going To Category : Going To Togle Editor : Bahasa Pemograman

41. Artikel Negative Questions Title : Negative Questions

Section : Lain-Lain Category : Lain-Lain Togle Editor : Bahasa Pemograman

42. Artikel Word Order Title : Word Order Section : Lain-Lain Category : Lain-Lain Togle Editor : Bahasa Pemograman

43. Artikel Who/Whom/Which Title : Who/Whom/Which Section : Lain-Lain Category : Lain-Lain Togle Editor : Bahasa Pemograman

44. Artikel Good/Well Title : Good/Well Section : Lain-Lain Category : Lain-Lain Togle Editor : Bahasa Pemograman

45. Artikel Much/Many Title : Much/Many Section : Lain-Lain Category : Lain-Lain Togle Editor : Bahasa Pemograman

46. Artikel For/Since

Title : For/Since Section : Lain-Lain Category : Lain-Lain Toggle Editor : Bahasa Pemograman

47. Artikel Yet/Already Title : Yet/Already Section : Lain-Lain Category : Lain-Lain Togle Editor : Bahasa Pemograman

48. Artikel Say/Tell Title : Say/Tell Section : Lain-Lain Category : Lain-Lain Togle Editor : Bahasa Pemograman

49. Artikel May Title : May Section : Lain-Lain Category : Lain-Lain Togle Editor : Bahasa Pemograman

50. Artikel As…As Title : As…As Section : Lain-Lain Category : Lain-Lain Togle Editor : Bahasa Pemograman

51. Artikel Supposed To Title : Supposed To Section : Lain-Lain Category : Lain-Lain Togle Editor : Bahasa Pemograman

52. Artikel Used To Title : Used To Section : Lain-Lain Category : Lain-Lain Togle Editor : Bahasa Pemograman

53. Artikel Would Rather Title : Would Rather Section : Lain-Lain Category : Lain-Lain Togle Editor : Bahasa Pemograman

54. Artikel Still/Anymore Title : Still/Anymore Section : Lain-Lain Category : Lain-Lain Togle Editor : Bahasa Pemograman

55. Artikel Wish Title : Wish Section : Lain-Lain Category : Lain-Lain

Togle Editor : Bahasa Pemograman

56. Artikel Should/Ought To Title : Should/Ought To Section : Lain-Lain Category : Lain-Lain Togle Editor : Bahasa Pemograman

57. Artikel Subject Questions Title : Subject Questions Section : Lain-Lain Category : Lain-Lain Togle Editor : Bahasa Pemograman

58. Artikel Inderect Object (Position) Title : Inderect Object (Position) Section : Object Category : Object Togle Editor : Bahasa Pemograman

59. Artikel Object Pronouns Title : Object Pronouns Section : Object Category : Object Togle Editor : Bahasa Pemograman

60. Artikel Past Perfect Continuous Tense Title : Past Perfect Continuous Tense Section : Past

Category : Past Tense Togle Editor : Bahasa Pemograman

61. Artikel Past Perfect Tense Title : Past Perfect Tense Section : Past Category : Past Tense Togle Editor : Bahasa Pemograman

62. Artikel Past Continuous Tense Title : Past Continuous Tense Section : Past Category : Past Tense Toggle Editor : Bahasa Pemograman

63. Artikel Simple Past Tense Title : Simple Past Tense Section : Past Category : Past Tense Togle Editor : Bahasa Pemograman

64. Artikel Posssessive Pronouns Title : Posssessive Pronouns Section : Posssessive Category : Posssessive Togle Editor : Bahasa Pemograman

65. Artikel Posssessive Form of Nouns Title : Posssessive Form of Nouns

Section : Posssessive Category : Posssessive Togle Editor : Bahasa Pemograman

66. Artikel Posssessive Adjectives Title : Posssessive Adjectives Section : Posssessive Category : Posssessive Togle Editor : Bahasa Pemograman

67. Artikel Prepositions Title : Prepositions Section : Prepositions Category : Prepositions Toggle Editor : Bahasa Pemograman

68. Artikel Position Of Prepositions Title : Position Of Prepositions Section : Prepositions Category : Prepositions Togle Editor : Bahasa Pemograman

69. Artikel Present Tense After If, When Until etc. Title : Present Tense After If, When Until etc. Section : Present Category : Present Tense Togle Editor : Bahasa Pemograman

70. Artikel Present Perfect Continuous Tense

Title : Present Perfect Continuous Tense Section : Present Category : Present Tense Togle Editor : Bahasa Pemograman

71. Artikel Present Perfect Tense Title : Present Perfect Tense Section : Present Category : Present Tense Togle Editor : Bahasa Pemograman

72. Artikel Simple Present Title : Simple Present Section : Present Category : Present Tense Togle Editor : Bahasa Pemograman

73. Artikel Present Continuous Tense (Future Tense) Title : Present Continuous Tense (Future Tense) Section : Present Continuous Tense Category : Present Continuous Tense Togle Editor : Bahasa Pemograman

74. Artikel Present Continuous Tense Title : Present Continuous Tense Section : Present Continuous Tense Category : Present Continuous Tense Toggle Editor : Bahasa Pemograman

75. Artikel Emphatic Sentences Title : Emphatic Sentences Section : Sentences Category : Sentences Toggle Editor : Bahasa Pemograman

76. Artikel Exclamatory Sentences Title : Exclamatory Sentences Section : Sentences Category : Sentences Toggle Editor : Bahasa Pemograman

77. Artikel Someone/Anyone Title : Someone/Anyone Section : Some/Any Category : Some/Any Togle Editor : Bahasa Pemograman

78. Artikel Some/Any Title : Some/Any Section : Some/Any Category : Some/Any Toggle Editor : Bahasa Pemograman

79. Artikel It Takes Title : It Takes Section : There/It Category : There/It

Toggle Editor : Bahasa Pemograman

80. Artikel It/There Title : It/There Section : There/It Category : There/It Togle Editor : Bahasa Pemograman

81. Artikel There is/There are Title : There is/There are Section : There/It Category : There/It Togle Editor : Bahasa Pemograman

82. Artikel Future With Will Title : Future With Will Section : To Be Category : To Be Toggle Editor : Bahasa Pemograman

83. Artikel To Be (Past Tense) Title : To Be (Past Tense) Section : To Be Category : To Be Toggle Editor : Bahasa Pemograman

84. Artikel To Be Present Tense Title : To Be Present Tense Section : To Be

Category : To Be Toggle Editor : Bahasa Pemograman

85. Artikel Must Have/May Have Title : Must Have/May Have Section : To Have Category : To Have Toggle Editor : Bahasa Pemograman

86. Artikel Had Better Title : Had Better Section : To Have Category : To Have Toggle Editor : Bahasa Pemograman

87. Artikel Have To (Present Perfect Form) Title : Have To (Present Perfect Form) Section : To Have Category : To Have Toggle Editor : Bahasa Pemograman

88. Artikel Must/Have To Title : Must/Have To Section : To Have Category : To Have Toggle Editor : Bahasa Pemograman

89. Artikel To Had (Past Tense) Title : To Had (Past Tense)

Section : To Have Category : To Have Toggle Editor : Bahasa Pemograman

90. Artikel To Have (Present Tense) Title : To Have (Present Tense) Section : To Have Category : To Have Toggle Editor : Bahasa Pemograman

4. Link Menu

a. Membuat Menu Baru

Langkah-Langkah membuat menu baru, antara lain sebagai berikut :

1. Klik Menus ~ Menu Manager

Gambar 4.47 Menu Manager

2. Klik New

Gambar 4.48 Form Menu

3. Isikan Unique Name : mainmenu Title : Main Menu Description : The main menu site Keterangan : Biasanya main menu sudah tersedia, tanpa membuat baru tinggal pakai saja.

4. Klik Save

b. Menu Link Category

Di website ini ada banyak menu link category yaitu, sebagai berikut

1. Tobe Langkah-langkah membuatnya sebagai berikut :

a. Klik Menus ~ Menu Manager

b. Klik Menu Item dari Main Menu

Gambar 4.49 Menu Item

c. Klik New

d. Klik Menu Item Type : Category List Layout

Gambar 4.50 Menu Item Type

Gambar 4.51 Form Category List

e. Isikan Tittle : To be

Display In : Main Menu Parent Item : Top Access Level : Public Parameter (Basic) ~ Category : Tobe/Tobe Yang lain biarkan apa adanya, tetapi bila mau dirubah setingannya silahkan saja sesuai keinginan kalian.

f. Klik Save

Keterangan : Untuk membuat link kategori berikutnya semuanya sama yang membedakan hanya pada isiannya, yaitu : Title, Parent Item, Parameter (Basic) ~ Category dan yang lain langkah-langkahnya sama atau biarkan apa adanya. Jika sudah mahir, apabila ingin diubah sesuai keinginan, silahkan mengubahnya.

2. Present Tense Tittle : Present Tense Parent Item : Top Parameter (Basic) ~ Category : Present/Present Tense

3. Present Continous Tense Tittle : Present Continous Tense Parent Item : Present Tense Parameter (Basic) ~ Category : Present Continous/ Present Continous

4. Past Tense Tittle : Past Tense Parent Item : Top Parameter (Basic) ~ Category : Past / Past Tense

5. Future Tense Tittle : Future Tense Parent Item : Top Parameter (Basic) ~ Category : Future / Future Tense

6. Have/Had Tittle : Have/Had Parent Item : Top Parameter (Basic) ~ Category : To Have/To Have

7. Possessive Tittle : Possessive Parent Item : Top Parameter (Basic) ~ Category : Possessive/ Possessive

8. There/It Tittle : There/It Parent Item : Top Parameter (Basic) ~ Category : There/It/There/It

9. Object Tittle : Object Parent Item : Top Parameter (Basic) ~ Category : Object/ Object

10. Adjectives and Adverbs Tittle : Adjectives and Adverbs Parent Item : Top Parameter (Basic) ~ Category : Adjectives and Adverbs/ Adjectives and Adverbs

11. Prepositions Tittle : Prepositions Parent Item : Top Parameter (Basic) ~ Category : Prepositions/ Prepositions

12. Gerunds and Infinitives Tittle : Gerunds and Infinitives Parent Item : Top Parameter (Basic) ~ Category : Gerunds and Infinitives/ Gerunds and Infinitives

13. Going To Tittle : Going To Parent Item : Top Parameter (Basic) ~ Category : Going To/ Going To

14. Also/Too/Either/Neither Tittle : Also/Too/Either/Neither Parent Item : Top Parameter (Basic) ~ Category : Also/Too/Either/Neither / Also/Too/Either/Neither

15. Some/Any

Tittle : Some/Any Parent Item : Top Parameter (Basic) ~ Category : Some/Any/ Some/Any

16. Sentences Tittle : Sentences Parent Item : Top Parameter (Basic) ~ Category : Sentences/ Sentences

17. Conditional Sentences Tittle : Conditional Sentences Parent Item : Sentences Parameter (Basic) ~ Category : Conditional Sentences/ Conditional Sentences

18. Lain-lain Tittle : Lain-lain Parent Item : Top Parameter (Basic) ~ Category : Lain-lain/ Lain-lain

c. Menu Link Artikel

Di website ini ada banyak Menu link Artikel, antara lain sebagai berikut :

1. To be (Present Tense) Langkah-langkah membuatnya adalah sebagai berikut :

a. Klik Menus ~ Menu Manager

b. Klik Menu Item dari Main Menu b. Klik Menu Item dari Main Menu

d. Klik Menu Item Type : Article Layout

Gambar 4.52 Form Article link layout

e. Isikan Tittle : To Be (Present Tense) Display In : Main Menu

Parent Item : To Be Access Level : Public Parameter (Basic) ~ Select Article : To be (Present Tense) Yang lain biarkan apa adanya, tetapi bila mau dirubah setingannya silahkan saja sesuai keinginan kalian.

f. Klik Save

Keterangan : Untuk membuat link artikel berikutnya semuanya sama yang membedakan hanya pada isiannya saja, yaitu : Title, Parent Item, Parameter (Basic) ~ Article dan yang lain langkah-langkahnya sama atau biarkan apa adanya. Jika sudah mahir, apabila ingin diubah sesuai keinginan, silahkan mengubahnya

2. To be (Past Tense) Tittle : To be (Past Tense) Parent Item : To Be Parameter (Basic) ~ Select Article : To be (Past Tense)

3. Future with Will Tittle : Future with Will Parent Item : To Be Parameter (Basic) ~ Select Article : Future with Will

4. a/an Tittle : a/an

Parent Item : Top Parameter (Basic) ~ Select Article : a/an

5. Simple Present Tense Tittle : Simple Present Tense Parent Item : Present Tense Parameter (Basic) ~ Select Article : Simple Present Tense

6. Present Continous Tense Tittle : Present Continous Tense Parent Item : Present Continous Tense Parameter (Basic) ~ Select Article : Present Continous Tense

7. Present Continous Tense (Future Tense) Tittle : Present Continous Tense (Future Tense) Parent Item : Present Continous Tense Parameter (Basic) ~ Select Article : Present Continous Tense (Future Tense)

8. Present Perfect Tense Tittle : Present Perfect Tense Parent Item : Present Tense Parameter (Basic) ~ Select Article : Present Perfect Tense

9. Present Perfect Continous Tense Tittle : Present Perfect Continous Tense Parent Item : Present Tense Parameter (Basic) ~ Select Article : Present Perfect Continous Tense

10. After, If, When, Until etc

Tittle : After, If, When, Until etc Parent Item : Present Tense Parameter (Basic) ~ Select Article : After, If, When, Until etc

11. Simple Past Tense

Tittle : Simple Past Tense Parent Item : Past Tense Parameter (Basic) ~ Select Article : Simple Past Tense

12. Past Continous Tense

Tittle : Past Continous Tense Parent Item : Past Tense Parameter (Basic) ~ Select Article : Past Continous Tense

13. Past Perfect Tense

Tittle : Past Perfect Tense Parent Item : Past Tense Parameter (Basic) ~ Select Article : Past Perfect Tense

14. Past Perfect Continous Tense

Tittle : Past Perfect Continous Tense Parent Item : Past Tense Parameter (Basic) ~ Select Article : Past Perfect Continous Tense

15. Simple Future Tense

Tittle : Simple Future Tense Parent Item : Future Tense Parameter (Basic) ~ Select Article : Simple Future Tense

16. Future Continuous Tense

Tittle : Future Continuous Tense Parent Item : Future Tense Parameter (Basic) ~ Select Article : Future Continuous Tense

17. Future Perfect Tense

Tittle : Future Perfect Tense Parent Item : Future Tense Parameter (Basic) ~ Select Article : Future Perfect Tense

18. Future Perfect Continuos Tense

Tittle : Future Perfect Continuos Tense Parent Item : Future Tense Parameter (Basic) ~ Select Article : Future Perfect Continuos Tense

19. To Have (Present Tense)

Tittle : To Have (Present Tense) Parent Item : Have/Had Parameter (Basic) ~ Select Article : To Have (Present Tense)

20. To Had (Past Tense)

Tittle : To Had (Past Tense) Parent Item : Have/Had Parameter (Basic) ~ Select Article : To Had (Past Tense)

21. Have To/Must

Tittle : Have To/Must Parent Item : Have/Had

Parameter (Basic) ~ Select Article : Have To/Must

22. Have To (Perfect Forms)

Tittle : Have To (Perfect Forms) Parent Item : Have/Had Parameter (Basic) ~ Select Article : Have To (Perfect Forms)

23. Had Better

Tittle : Had Better Parent Item : Have/Had Parameter (Basic) ~ Select Article : Had Better

24. Must Have/May Have

Tittle : Must Have/May Have Parent Item : Have/Had Parameter (Basic) ~ Select Article : Must Have/May Have

25. Plural Nouns

Tittle : Plural Nouns Parent Item : Top Parameter (Basic) ~ Select Article : Plural Nouns

26. Possessive Adjectives

Tittle : Possessive Adjectives Parent Item : Possessive Parameter (Basic) ~ Select Article : Possessive Adjectives

27. Possessive Form of Nouns

Tittle : Possessive Form of Nouns Parent Item : Possessive

Parameter (Basic) ~ Select Article : Possessive Form of Nouns

28. Possessive Pronouns

Tittle : Possessive Pronouns Parent Item : Possessive Parameter (Basic) ~ Select Article : Possessive Pronouns

29. There is /There are

Tittle : There is /There are Parent Item : There/It Parameter (Basic) ~ Select Article : There is /There are

30. It/There Tittle : It/There Parent Item : There/It Parameter (Basic) ~ Select Article : It/There

31. It/Takes Tittle : It/Takes Parent Item : There/It Parameter (Basic) ~ Select Article : It/Takes

32. This/That ; These /Those

Tittle : This/That ; These /Those Parent Item : Top Parameter (Basic) ~ Select Article : This/That ; These /Those

33. Object Pronouns

Tittle : Object Pronouns Parent Item : Object

Parameter (Basic) ~ Select Article : Object Pronouns

34. Inderect Object

Tittle : Inderect Object Parent Item : Object Parameter (Basic) ~ Select Article : Inderect Object

35. Imperative Form

Tittle : Imperative Form Parent Item : Top Parameter (Basic) ~ Select Article : Imperative Form

36. Regular/Irregular Verb

Tittle : Regular/Irregular Verb Parent Item : Top Parameter (Basic) ~ Select Article : Regular/Irregular Verb

37. Adjectives and Adverbs

Tittle : Adjectives and Adverbs Parent Item : Adjectives and Adverbs Parameter (Basic) ~ Select Article : Adjectives and Adverbs

38. Adjectives (Comparative Degree)

Tittle : Adjectives (Comparative Degree) Parent Item : Adjectives and Adverbs Parameter (Basic) ~ Select Article : Adjectives (Comparative Degree)

39. Adverbs (Comparative Degree)

Tittle : Adverbs (Comparative Degree)

Parent Item : Adjectives and Adverbs Parameter (Basic) ~ Select Article : Adverbs (Comparative Degree)

40. Adjectives (Superlative Degree)

Tittle : Adjectives (Superlative Degree) Parent Item : Adjectives and Adverbs Parameter (Basic) ~ Select Article : Adjectives (Superlative Degree)

41. Position Of Adverbs

Tittle : Position Of Adverbs Parent Item : Adjectives and Adverbs Parameter (Basic) ~ Select Article : Position Of Adverbs

42. Prepositions

Tittle : Prepositions Parent Item : Prepositions Parameter (Basic) ~ Select Article : Prepositions

43. Position Of Prepositions

Tittle : Position Of Prepositions Parent Item : Prepositions Parameter (Basic) ~ Select Article : Position Of Prepositions

44. Infinitives

Tittle : Infinitives Parent Item : Gerunds and Infinitives Parameter (Basic) ~ Select Article : Infinitives

45. Gerunds Tittle : Gerunds Parent Item : Gerunds and Infinitives Parameter (Basic) ~ Select Article : Gerunds

46. Gerunds and Infinitives

Tittle : Gerunds and Infinitives Parent Item : Gerunds and Infinitives Parameter (Basic) ~ Select Article : Gerunds and Infinitives

47. Contractions

Tittle : Contractions Parent Item : Top Parameter (Basic) ~ Select Article : Contractions

48. Articles Tittle : Articles Parent Item : Top Parameter (Basic) ~ Select Article : Articles

49. Going To Future

Tittle : Going To Future Parent Item : Going To Parameter (Basic) ~ Select Article : Going To Future

50. Going To Past

Tittle : Going To Past Parent Item : Going To Parameter (Basic) ~ Select Article : Going To Past

51. Auxiliary Verbs

Tittle : Auxiliary Verbs Parent Item : Top Parameter (Basic) ~ Select Article : Auxiliary Verbs

52. Short Answer

Tittle : Short Answer Parent Item : Top Parameter (Basic) ~ Select Article : Short Answer

53. Also/Too/Either

Tittle : Also/Too/Either Parent Item : Also/Too/Either/Neither Parameter (Basic) ~ Select Article : Also/Too/Either

54. Either/Neither

Tittle : Either/Neither Parent Item : Also/Too/Either/Neither Parameter (Basic) ~ Select Article : Either/Neither

55. Too/So Tittle : Too/So Parent Item : Also/Too/Either/Neither Parameter (Basic) ~ Select Article : Too/So

56. Some/Any

Tittle : Some/Any Parent Item : Some/Any Parameter (Basic) ~ Select Article : Some/Any

57. Someone/Anyone

Tittle : Someone/Anyone Parent Item : Some/Any Parameter (Basic) ~ Select Article : Someone/Anyone

58. Reflexives Pronouns

Tittle : Reflexives Pronouns Parent Item : Top Parameter (Basic) ~ Select Article : Reflexives Pronouns

59. Sequence Of Tense

Tittle : Sequence Of Tense Parent Item : Top Parameter (Basic) ~ Select Article : Sequence Of Tense

60. Passive Voice

Tittle : Passive Voice Parent Item : Top Parameter (Basic) ~ Select Article : Passive Voice

61. Tag Ending

Tittle : Tag Ending Parent Item : Top Parameter (Basic) ~ Select Article : Tag Ending

62. Direct and Inderect Speech

Tittle : Direct and Inderect Speech Parent Item : Top Parameter (Basic) ~ Select Article : Direct and Inderect Speech

63. Causative Form

Tittle : Causative Form Parent Item : Top Parameter (Basic) ~ Select Article : Causative Form

64. Punctuations (Comma)

Tittle : Punctuations (Comma) Parent Item : Top Parameter (Basic) ~ Select Article : Punctuations (Comma)

65. Emphatic Sentences

Tittle : Emphatic Sentences Parent Item : Sentences Parameter (Basic) ~ Select Article : Emphatic Sentences

66. Exclamantory Sentences

Tittle : Exclamantory Sentences Parent Item : Sentences Parameter (Basic) ~ Select Article : Exclamantory Sentences

67. Future-Possible

Tittle : Future-Possible Parent Item : Conditional Sentences Parameter (Basic) ~ Select Article : Future-Possible

68. Present-Unreal

Tittle : Present-Unreal Parent Item : Conditional Sentences Parameter (Basic) ~ Select Article : Present-Unreal

69. Past-Unreal

Tittle : Past-Unreal Parent Item : Conditional Sentences Parameter (Basic) ~ Select Article : Past-Unreal

70. Subject Question

Tittle : Subject Question Parent Item : Lain-lain Parameter (Basic) ~ Select Article : Subject Question

71. Wish Tittle : Wish Parent Item : Lain-lain Parameter (Basic) ~ Select Article : Wish

72. Should/Ought To

Tittle : Should/Ought To Parent Item : Lain-lain Parameter (Basic) ~ Select Article : Should/Ought To

73. Still/Anymore

Tittle : Still/Anymore Parent Item : Lain-lain Parameter (Basic) ~ Select Article : Still/Anymore

74. Would Rather

Tittle : Would Rather Parent Item : Lain-lain Parameter (Basic) ~ Select Article : Would Rather

75. Used To Tittle : Used To Parent Item : Lain-lain Parameter (Basic) ~ Select Article : Used To

76. Supposed To

Tittle : Supposed To Parent Item : Lain-lain Parameter (Basic) ~ Select Article : Supposed To

77. As … As Tittle : As … As Parent Item : Lain-lain Parameter (Basic) ~ Select Article : As … As

78. May Tittle : May Parent Item : Lain-lain Parameter (Basic) ~ Select Article : May

79. Say/Tell Tittle : Say/Tell Parent Item : Lain-lain Parameter (Basic) ~ Select Article : Say/Tell

80. Yet/Already

Tittle : Yet/Already Parent Item : Lain-lain Parameter (Basic) ~ Select Article : Yet/Already

81. For/Since Tittle : For/Since Parent Item : Lain-lain Parameter (Basic) ~ Select Article : For/Since

82. Much/Many

Tittle : Much/Many Parent Item : Lain-lain Parameter (Basic) ~ Select Article : Much/Many

83. Word Order

Tittle : Word Order Parent Item : Lain-lain Parameter (Basic) ~ Select Article : Word Order

84. Who/Whom/Which

Tittle : Who/Whom/Which Parent Item : Lain-lain Parameter (Basic) ~ Select Article : Who/Whom/Which

85. Good/Well

Tittle : Good/Well Parent Item : Lain-lain Parameter (Basic) ~ Select Article : Good/Well

86. Negative Questions

Tittle : Negative Questions Parent Item : Lain-lain Parameter (Basic) ~ Select Article : Negative Questions

87. Special Difficulties

Tittle : Special Difficulties Parent Item : Top Parameter (Basic) ~ Select Article : Special Difficulties

88. Reading Tittle : Reading Parent Item : Top Parameter (Basic) ~ Select Article : Reading

89. Listening Tittle : Listening Parent Item : Top Parameter (Basic) ~ Select Article : Listening

90. Download

Tittle : Download Parent Item : Top Parameter (Basic) ~ Select Article : Download

d. Kontak Kontak berfungsi sebagai penghubung antara admin dan pengunjung website atau pembaca. Kontak terdiri dari dua jenis antara lain sebagai berikut :

1. Category Contact Berfungsi sebagai pengelompok kontak yang sejenis dalam satu kelompok. Di website ini hanya terdapat satu category contact yaitu, Kontak. Langkah-langkah membuatnya adalah sebagai berikut :

a. Klik Menus ~ Components ~ Contact ~ Category

Gambar 4.53 Component Contacts Category

b. Klik New

Gambar 4.54 Form Category Contact

c. Isikan Title : Kontak Publised : Yes Access Level : Public Selain itu, biarkan apa adanya tetapi bila ingin menambahkan sesuatu silahkan saja.

d. Klik Save

2. Contact Contact Berfungsi untuk menuliskan informasi alamat admin yang bisa dihubungi. Contact contact di website ini hanya terdiri dua fitur, yaitu :

a. Kritik dan Saran Langkah-langkah membuatnya adalah sebagai berikut :

1. Klik Menus ~ Component ~ Contact ~ Contact

Gambar 4.55 Menu Component Contact Contact

2. Klik New

Gambar 4.56 Form Component Contact Contact

3. Isikan Name : Kritik dan Saran

Published : Yes Category : Kontak Access Level : Public Contact Positions : nanang.chosin@yahoo.co.id Email : nanang.chosin : nanang.chosin@yahoo.co.id Identitas yang lain berikan tanda (-) Untuk Paremeter Terserah kalian

4. Klik save

b. Kirim Artikel Langkah-langkahnya sama dengan diatas yang berbeda Cuma isiannya, selain itu semuanya semua.

Name : Kirim Artikel Category : Kontak Contact Positions : nanang.chosin@gmail.com Email : nanang.chosin : nanang.chosin@gmail.com

3. Menu Link Contact Menu link contact berfungsi untuk mengarahkan ke artikel contact yang dituju. Di dalam website ini terdapat dua macam menu link contact, yaitu :

a. Menu Link Contact category

Berfungsi untuk mengelompokkan link yang berhubungan dalam satu kelompok. Di dalam website ini terdapat satu menu link category contact, yaitu Kontak Kami. Langkah-langkah membuatnya adalah sebagai berikut :

1. Klik Menus ~ Menu Manager

2. Klik Menu Item dari Main Menu

3. Klik New

4. Klik Meni Item Type : Article Layout

5. Isikan Tittle : Kontak Kami Display In : Main Menu Parent Item : Top Access Level : Public Parameter (Basic) ~ Select Category : Kontak Yang lain biarkan apa adanya, tetapi bila mau dirubah setingannya silahkan saja sesuai keinginan kalian.

6. Klik Save

4. Menu Link Contact Contact Berfungsi sebagai mengarahkan ke artikel contact yang dituju. Di dalam website ini terdapat dua Menu Link Contact Contact yaitu sbgai berikut :

a. Menu Link Kirim Artikel Langkah-langkah membuatnya adalah sebagai berikut :

1. Klik Menus ~ Menu Manager

2. Klik Menu Item dari Main Menu

3. Klik New

4. Klik Meni Item Type : Standart Contact Layout

5. Isikan Tittle : Kirim Artikel Display In : Main Menu Parent Item : Kontak Kami Access Level : Public Parameter (Basic) ~ Select Contact : Kirim Artikel nanang.chosin@gmail.com Yang lain biarkan apa adanya, tetapi bila mau dirubah setingannya silahkan saja sesuai keinginan kalian.

6. Klik Save

b. Menu Link Kritik dan Saran Langkah-langkah sama dengan diatas yang membedakan pada isiannya, selain itu semuanya sama. Tittle : Kritik dan Saran Parameter (Basic) ~ Select Contact : Kritik dan Saran nanang.chosin@yahoo.co.id

5. Display Menu

Display menu atau tampilan menu di website ini berfungsi memperindah website sekaligus mempermudah pengunjung dalam mencari artikel yang diperlukan melalui menu link. Untuk cara membuat display menu tarik, kami menggunakan komponen joomla tambahan atau pendukung yaitu swMenuFree. Cara mendapatkan swMenuFree sangat mudah dengan searching lewat google. Apabila menu display swMenuFree sudah terinstal menu website akan tampak seperti gambar dibawah ini

Gambar 4.57 Tampilan Display Menu Website Gambar 4.57 Tampilan Display Menu Website

Untuk cara install swMenuFree sama dengan cara mengistal template baru pada joomla. Silahkan lihat pada sub bab “Cara Mengistal Template”. Apabila komponen sudah terinstal secara otomatis akan menambah satu component lagi pada Menus ~ Component.

Gambar 4.58 Component swMenuFree

b. Setting swMenuFree

Langkah-Langkah setting swMenuFree

1. Klik Menus ~ Component ~ swMenuFree

Gambar 4.59 Tampilan Depan swMenuFree

2. Pada Menu Module Setting, Isikan : Module Name : Menu Kami (Terserah) Menu System :TransMenu Menu Source : Main Menu Parents : Top Load Style site : Write Style site directly into page Untuk yang lain bisa lihat gambar diatas.

3. Klik save

c. Fitur swMenuFree

1. Size, Position & Offsets Digunakan untuk menentukan ukuran, posisi dan orentasi menu.

Gambar 4.60 Tampilan Menu Ukuran, Possisi & Offsets

2. Colors dan Background Digunakan untuk menentukan warna tulisan dan background dari menu. Cara penggunaanya gampang tinggal memilih warna dan copy code warna lalu paste pada kolom warna yang ingin diubah.

Gambar 4.61 Menu Warna dan Background

3. Fonts and Padding Digunakan untuk menentukan huruf atau garis yang digunakan dan juga mengatur ketebalan huruf dan garis.

Gambar 4.62 Ukuran Huruf and Jenis Huruf

4. Border dan Effect Digunakan untuk menentukan border garis dan memberikan effect tertentu pada display menu.

Gambar 4.63 Border dan Effect

Catatan : Bila sudah menggunakan fitur untuk mengubah warna, border, huruf, font dan lain-lain. Jangan lupa disimpan terlebih dahulu.

4.3.2 Banner Thanks To

Bannner thanks to dimanfaatkan bagi admin untuk mengucapakan terima kasih kepada pihak-pihak yang telah membantu pembuatan website ini secara langsung atau tidak langsung. Cara membuat banner thanks to, antara lain sebagai berikut.

1. Membuat Category Banner (Top)

Lamgkah-langkah membuatnya adalah sebagai berikut :

a. Klik link Menus ~ Componnent ~ Banner ~ Category

b. Klik New

c. Isikan Title : Top Publised : Yes Acces Level : Public Yang lain biarkan seperti apa adanya.

d. Klik Save

2. Membuat Banner Mozilla

Langkah-langkah membuatnya adalah sebagai berikut :

a. Klik link Menus ~ Component ~ Banner ~ Banner

b. Klik New

c. Isikan Title : Mozilla Sticky : No

Category : Top Client Name : Nanang Chosin Inpresent Purchased : centang (Unlimited)

d. Custom Banner Code : Bahasa Pemograman

e. Klik Save

4.3.3 Banner Forum Kami

Banner Forum kami digunakan admin untuk menghubungkan pengunjung ke sebuah situs jejaring yang bermanfaat sebagai forum diskusi kami. Langkah- langkah membuatnya adalah sebgai beikut :

1. Membuat Category Banner (Facebook)

Lamgkah-langkah membuatnya adalah sebagai berikut :

a. Klik link Menus ~ Componnent ~ Banner ~ Category

b. Klik New

c. Isikan Title : Facebook Publised : Yes Acces Level : Public Yang lain biarkan seperti apa adanya.

d. Klik Save

2. Membuat Banner Facebook

Langkah-langkah membuatnya adalah sebagai berikut :

a. Klik link Menus ~ Component ~ Banner ~ Banner a. Klik link Menus ~ Component ~ Banner ~ Banner

c. Isikan Title : Facebook 1 Sticky : No Category : Facebook Client Name : Nanang Chosin Inpresent Purchased : centang (Unlimited) Custom Banner Code : Bahasa Pemograman

d. Klik Save

4.4 Feet (Kaki website)

Feet website banner disini berisi ucapan terima kasih kepada seseorang yang telah membantu admin dalam mengerjakan website ini secara langsung atau tidak langsung. Khususnya ucapan tersebut diperuntukkan untuk keluarga, teman-teman kuliah, dosen pengajar dan laiun-lain. Langkah-langkah membuatnya adalah sebagai berikut :

1. Membuat Category Banner (Thanks)

Lamgkah-langkah membuatnya adalah sebagai berikut :

a. Klik link Menus ~ Componnent ~ Banner ~ Category

b. Klik New

c. Isikan

Title : Thanks Publised : Yes

Acces Level : Public Yang lain biarkan seperti apa adanya.

d. Klik Save

2. Membuat Banner Thanks

a. Membuat banner thanks 1

Langkah-langkah membuatnya adalah sebagai berikut :

1. Klik link Menus ~ Component ~ Banner ~ Banner

2. Klik New

3. Isikan Title : Thanks 1 Sticky : No Category : Thanks Client Name : Nanang Chosin Inpresent Purchased : centang (Unlimited) Custom Banner Code : Bahasa Pemograman

4. Klik Save

b. Membuat banner thanks 2

Langkah-langkah sama dengan diatas yang beda pada isianya saja, isikan isian dibawah ini : Title : Thanks 2 Sticky : No Category : Thanks

Client Name : Nanang Chosin Inpresent Purchased : centang (Unlimited) Custom Banner Code : Bahasa Pemograman

c. Membuat banner thanks 3

Title : Thanks 3 Sticky : No Category : Thanks Client Name : Nanang Chosin Inpresent Purchased : centang (Unlimited) Custom Banner Code : (Lampiran 99 : banner thanks 3 hal 258)

d. Membuat banner thanks 4

Langkah-langkah membuatnya adalah sebagai berikut : Title : Thanks 4 Sticky : No Category : Thanks Client Name : Nanang Chosin Inpresent Purchased : centang (Unlimited) Custom Banner Code : Bahasa Pemograman

Gambar 4.64 Feet (Kaki)