membuat dropdown menu untuk joomla 1.5.3 menggunakan suckerfish

Written by Fikri Rasyid on June 21, 2008 filed under internet and tagged with , ,

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)

About The Author

Fikri Rasyid - I speak HTML + CSS + jQuery, breath in world wide WordPress-land and currently pursuing my bachelor degree majoring English Education at Indonesia University of Education. Google my name for more information about me.

34 Responses for This Thought

  1. budi

    11 August 2008

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

  2. Fikri Rasyid

    11 August 2008

    @ budi

    saya usahakan secepatnya. :)

    • Argo

      01 October 2010

      Langkah ke-3….
      Cara menghubungkannya gimana?
      koq cuma…
      konfigurasikan file index.php template anda. hubungkan index.php dengan file css dan javascript menggunakan tag pada bagian

      pdhl sudah berisi….
      <link href="baseurl ?>/templates/rhuk_milkyway/css/template_rtl.css” rel=”stylesheet” type=”text/css” />

  3. budi

    12 August 2008

    terima kasih, saya tunggu @fikri

  4. membuat Dropdown menu untuk joomla 1.5.3 menggunakan suckerfish, konfigurasi administrator ( bagian 2) | fikrirasyid.com

    12 August 2008

    [...] ini merupakan lanjutan dari tutorial yang ini. kemarin Mas Budi berkunjung dan meminta detail dari tutorial yang saya perna berikan mengenai [...]

  5. Fikri Rasyid

    12 August 2008

    sudah saya post lanjutannya. silahkan di baca :)

  6. andhi

    24 September 2008

    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

    • Fikri Rasyid

      24 September 2008

      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.

  7. wahyoe

    16 October 2008

    ‘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…

  8. wahyoe

    16 October 2008

    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…

    • Fikri Rasyid

      17 October 2008

      di hubungkan menggunakan tag pada bagian tag . contoh :

      fifit

      04 December 2008

      Klo setting parameter di module extended menu-nya seperti apa ya?
      - Saya sudah melakukan link ke file css-nya (point 3):
      <link rel=”stylesheet” href=”templateurl(); ?>/css/menu.css” type=”text/css” />

      [bener ga ya? maklum newbie :D ], dan ga berhasil juga.

      - sudah mengekstrak son-of-suckerfishnya ke template (point 2)

      tapi saya bingung mengisi parameter di module extended menunya, baik untuk top menunya atau untuk submenunya. etc: Template Name diisi? son-of-suckerfish? atau ??

      thx b/ guidancenya..

    • aan

      13 April 2009

      assalamualaikum

      terimakasih atas petunjuknya saya sudah dapat menu drpop downnya

    • thund

      09 June 2009

      Saya pemula dlm hal joomla. Dan saya sudah coba tutorial dr anda. Tp kok dropdownmenu nya kga jadi ya? malah jadinya disamping nya saja. padahal parent nya uda diatur jg.

      • Fikri Rasyid

        12 June 2009

        @thund

        biasanya ada step2 yang terlewat. coba ulangi lagi dari awal dan perhatikan langkah2nya :)

    • adriaji

      01 July 2009

      matur nuwun
      sangat bermanfaat, dan langsung tak coba dan tokcer

      nice brur

    • mogapuass

      08 September 2009

      mas dah q cba tapi kok nggak ngaruh ya…
      pa settingan componen extended menu x yg kurang bener…?
      bisa dijlasin nyeting extended menu x, jka misal sy pengen menu dropdownnya saya taruh di topmenu….
      thanks

    • Anida

      14 September 2009

      Mas, saya masih cupu ne, saya udah nyoba langkah2 di atas
      poin 1 –> udah diinstal extended menunya cuma konfigurasinya saya bingung diapain

      poin 2 –> karena saya baru nyoba joomla, saya pake template beez, dan suckerfishnya udah saya ekstrak ke folder beez itu

      poin 3 –> kayak gini ya
      <link rel="stylesheet" href="baseurl ?>/templates/beez/dropdown/js/menu.js” type=”text/js” />
      <link rel="stylesheet" href="baseurl ?>/templates/beez/dropdown/css/menu.css” type=”text/css” />

      tapi dropdown menunya masih belum muncul Pak, kalo konfigurasi di engine joomlanya udah OK sepertinya, mohon bantuannya, makasih

    • coco

      17 December 2009

      Trimakasih mas fikri.. alhamdulillah sudah jalan, skrng tinggal improve css agar kelihatan lebih cantik..

    • dipdop

      23 December 2009

      mass d’mnaa sihh download suckerfish-horizontal-1.0.1.zip…???
      kokk aQ g nmuu’ y…

    • indonesiatekno

      15 February 2010

      Thank kyu Bro…

      Nice Info

    • rafa

      27 February 2010

      thks bro.jalan dengan liku2 dikit

    • anton

      26 March 2010

      aduh….msh super2 kebingungan nih mas…
      saya masih newbie di dunia Joomla…
      jd mohon pencerahannya tentang drop down menu mas…

      udah saya utak-atik kesono – sini tp masih blom bisa nih…
      thx before….

    • indigoblue353

      26 April 2010

      blom berhasil nih…, btw klo bkin menu yg kyk di web mas ini ( yang dibawah itu lo,…) gimana cranya nih??
      mhon pencerahannya

    • Benjamin

      30 April 2010

      Saya ingin coba membuat menu drop down seperti yang dijelaskan diblok ini, tetapi tolong berikan contoh cara konfigurasikan file index.php template, serta menghubungkan index.php dengan file css dan javascript menggunakan tag pada bagian

      Harap maklum
      Tks
      Ben

    • Jonathan

      10 June 2010

      tolong kasi tao cara nge link donk.

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

    • Heddy

      18 June 2010

      Wah bagus infonya. aku coba ya.

    • nana

      30 June 2010

      mas..aku dah coba pake yang ke 2 gaa bisa install jadinya pak yang 1 trus konfigurasikan file index.php template anda. hubungkan index.php dengan file css dan javascript menggunakan tag pada bagian itu gimana yah??

    • nubi

      21 July 2010

      adminnya mana yah kasian tuh orang pada nnya…

      klo bantuin orang jangan setengah-setengah dong..

      • Fikri Rasyid

        22 July 2010

        apa yang saya tulis ini sudah saya coba dan berhasil. kalau ada yang tidak berhasil, berarti ada yang berbeda dengan yang saya tulis. kemungkinan besar ada yang terlewat. baca lagi, coba lagi, ulik lagi.

        baca sepenuhnya yang benar. kalo baca jangan setengah-setengah ya.

    • Dhiyas Music Centre

      05 August 2010

      mhon cntohny untuk mnytukan index.php dngan css..

    • GEOPIXMA

      23 October 2010

      Ini ada link tutorial pembuatan suckerfish lengkap dan jelas. http://joomlatp.com/joomla-1.5-tutorials/suckerfish-dropdown-menu-for-Joomla-1.5.html Semoga bermanfaat

The comment is closed

Untuk mencegah spamming dan komentar yang tidak relevan, area komentar untuk tulisan yang dipublikasikan lebih dari 30 hari saya tutup. Jika ada yang ingin kamu sampaikan berkenaan dengan tulisan ini, silahkan sampaikan melalui twitter atau facebook.