Setiap pengguna joomla pasti tahu bahwa di belantara internet sana tersedia ribuan template gratis siap download untuk mempercantik halaman situs joomlanya. Namun kekurangan dari template joomla gratis, adalah kenyataan bahwa besar kemungkinan template gratis tersebut sudah dipakai orang lain untuk situs mereka sendiri. Dan kenyataan bahwa menjadi generik dalam hal kesamaan tampilan situs adalah sesuatu yang tidak menyenangkan, untuk menghadapi hal ini tersedia tiga pilihan :

1. Membeli template berbayar. meskipun kemungkinan sudah dipakai orang lain tetap ada, tetapi probabilitanya relatif lebih kecil. Kelemahanlain dari pilihan ini adalah, untuk sebuah template yang ciamik, harga yang harus di tebus lumayan juga. :D

2. Meng-hire seorang web designer untuk membuat template yang khusus untuk anda sendiri. Oke, no need to tell. Biaya untuk meng-hire seorang web designer yang cakap relatif tidak sedikit.

3. Buat sendiri template joomla anda. Pilihan yang menarik. belum tahu ilmu membuat template? belum paham struktur template? Bersyukurlah anda hidup di abad ini. Uncle Google siap mencarikan jawaban dari pertanyaan anda. :)

Memang, perlu diakui meskipun kelebihan dari pilihan ketiga ini sudah jelas :

1. Biaya yang dikeluarkan relatif lebih sedikit dari pilihan 1 & 2

2. Anda dapat ilmunya. Pengaplikasian ilmu yang anda dapat bisa bermakna besar.

Namun tidak semua orang siap untuk menjalankan pilihan ketiga. Karena memang selain butuh waktu, butuh kesabaran dan ketekunan juga. :)

Disini saya ingin berbagi tentang apa yang saya pelajari hari ini. Sebuah hasil dari pilihan yang saya ambil, yaitu pilihan ketiga :

membuat dropdown menu untuk joomla 1.5.3

Jadi begini. Awalnya saya ingin membuat sebuah menu yang bisa di drop down, seperti situs ini. Dan setelah berkelana keberbagai situs joomla dan forum joomla via jawaban paman google, akhirnya dapat juga :

1. download module extended-menu-module-1.0.5.zip silahkan di googling atau langsung ke http://de.siteof.de setelah itu install, dan konfigurasikan.

2. download suckerfish-horizontal-1.0.1.zip modul ini saya dapat di tempat yang sama. setelah download, ekstrak file ke direktori template joomla anda. contoh : http://localhost/joomla/template/templateanda/

3. konfigurasikan file index.php template anda. hubungkan index.php dengan file css dan javascript menggunakan tag <link rel=”"> pada bagian <head>

4. edit css nya agar style nya sesuai kebutuhan anda.

Perhatian: saat anda ke http://de.siteof.de , terdapat beberapa versi dari module yang saya berikan. Yang saya coba dan teenyata berhasil versi yang saya tulis ini.

Selamat mencoba!

:)

membuat Dropdown menu untuk joomla 1.5.3 menggunakan suckerfish, konfigurasi administrator ( bagian 2)

Post yang berhubungan :

RSS feed | Trackback URI

10 Comments »

Comment by budi
2008-08-11 08:14:51

mohon detail, tutorialnya. karena aku pengen coba. terima kasih

 
Comment by Fikri Rasyid
2008-08-11 14:13:34

@ budi

saya usahakan secepatnya. :)

 
Comment by budi
2008-08-12 02:17:22

terima kasih, saya tunggu @fikri

 
Comment by Fikri Rasyid
2008-08-12 10:56:04

sudah saya post lanjutannya. silahkan di baca :)

 
Comment by andhi
2008-09-24 06:03:56

Assalamualaykum wr wb

mas fikri,saya sudah coba kok ga jalan ya,
1.untuk point 1,itu di install atau di extract,kalau di extrac ke mana?
2.utk point 3,konfigurasi cssnya suckerfish-horizontal?
terima kasih

Comment by Fikri Rasyid
2008-09-24 07:24:05

yang extended-menu-module-1.0.5.zip itu di ekstrak di direktori module

poin no.3, maksudnya pada bagian buat link ke file css suckerfish.

coba di lihat juga post lanjutan ini. ada linknya di atas comment.

 
 
Comment by wahyoe
2008-10-16 18:20:45

‘konfigurasikan file index.php template anda. hubungkan index.php dengan file css dan javascript menggunakan tag pada bagian ‘

Mas, tolong saya dibantu caranya menghubungkan index.php dg CSS & JS itu contohnya gimana (detailnya)? pake dreamweaver kah?
mohon pencerahannya, saya masih newbie…he…

 
Comment by wahyoe
2008-10-16 18:31:08

cara nge-link yg point3 (index.php - CSS - JS)pke dreamweaver bgmn? mohon lebih detail contoh scriptnya mas…
saya mumet, maklum masih newbie sie..
mksh…

Comment by Fikri Rasyid
2008-10-17 05:14:13

di hubungkan menggunakan tag pada bagian tag . contoh :

 
 
Name (required)
E-mail (required - never shown publicly)
URI
Subscribe to comments via email
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.

Trackback responses to this post

  • Fikri's Profile :

    Fikri Rasyid. Lulus dari program Q-college jurusan Web Developer 2008, dan mulai nge blog dari awal 2008. Blog ini merupakan blog pribadi saya yang berisikan pemikiran saya. Selain di fikrirasyid.com, saya juga mempublish blog bertema blogging di Bloggingly.com dan memantain beberapa blog lain. Read More..
  • Quotes

    The sweetest thing, they burn before they shine — Brandon Boyd

  • Select Language

  • Chat with Me via Y!M

    Kirim Pesan YM


  • Meet Me On Facebook

  • Tag Cloud

  • Categories

  • Fresh Thoughts

  • Fresh Responses

  • Plurking..

  • Total Visitors

  • RSS Tulisan Fikri Rasyid Mengenai Blogging