Panduan mengubah tampilan website joomla agar lebih menarik

Salah satu faktor penting yang perlu diperhatikan dalam pembuatan website adalah tampilan.

Artikel ini akan memandu anda untuk mengganti tampilan website joomla baik tampilan yang berbayar maupun yang gratisan :-D

Beberapa tampilan gratis bisa didownload dari www.bestofjoomla.com, www.youjoomla.com, dan masih banyak lagi.

Sebagai contoh, saya akan mengubah tampilan joomla menjadi seperti ini

Langkah 1:

Langkah pertama yang harus dilakukan adalah mendownload file tampilan tema (themes) dari sini

( pada contoh ini saya mendownload file dari yoububble )

Langkah 2:

Setelah mendapat arsip tampilan tema, extractlah isinya kedalam satu folder lalu pindahkan ke dalam lokasi folder template di dalam applikasi joomla anda. misal C:/ xampp / htdocs / joomla / templates / <pindahkan_folder_kesini>

sebagai contoh isi folder templates saya adalah seperti ini

Sedangkan isi dari folder yoububble itu sendiri adalah hasil ekstrakan arsip tampilan tema yang telah kita download sebelumnya.

Isi dari folder yoububble akan tampak seperti ini

Langkah 3:

Setelah semua susunan file terletak pada lokasi yang benar, bukalah browser kesayangan anda

(Mozilla Firefox / Google Chrome / Opera / Safari / Internet Explorer).

Lalu masuklah kedalam halaman administrator joomla anda, misalkan http://localhost/joomla/administrator

Pada halaman dashboard pilihlah Extensions – Template Manager

Pada bagian Template Manager, pilihlah / check tema yoububble dan set menjadi default.

Langkah 4:

Setelah itu ceklah tampilan website joomla anda, http://localhost/joomla

tampilan website anda seharusnya telah berubah menjadi tema yoububble. :o)

Langkah 5:

Pada langkah berikutnya kita akan membuat halaman about me atau tentang kami.

pertama kita harus membuat artikel baru dengan judul About Me dan memberi isinya dengan Artikel terkait.

perhatikan gambar berikut

Setelah berhasil membuat artikel About Me,

Kita harus membuat menu navigasi yang jika diklik akan menampilkan artikel About Us kita.

Dari menu di admin panel kita pilih MenusMain Menu – New

Lalu anda harus memilih tipe navigasi Articles Article Article Layout

Setelah itu masukkan data seperti judul navigasi dan jangan lupa pilih article yang ingin dituju (About Me)

perhatikan gambar untuk lebih detail

Cek lah halaman website anda, maka seharusnya telah keluar satu navigasi untuk About Me, dan jika di klik akan menampilkan artikel about me.

Langkah 6:

Langkah berikutnya kita akan mengganti logo yang terletak disudut atas kanan.

pertama-tama siapkan logo baru dengan ukuran 370px x 85px.

Format PNG disarankan transparant (transparasi penuh).

Dalam contoh ini saya akan menggunakan logo berikut:Lalu langkah selanjutnya beri nama dengan logo.png dan tumpuki file logo yang awal (overwrite)

lokasi logo yang awal ada di C:/ xampp / htdocs / joomla / templates / yoububble / images / gray <paste_disini>

setelah logo.png awal ditumpuk dengan logo.png baru buatan kita sendiri, maka automatis logo pada website joomla anda akan berubah.

Tampilan logo website anda akan seperti ini

Terima kasih telah membaca artikel saya ini, jangan lupa beri komentar dan silahkan bertanya apabila ada yang membingungkan.

Selamat berkreasi dengan website joomla anda :-D

© 2010, Christian Chandra. All rights reserved. Find out more at http://blog.christianchandra.com

39 Replies to “Panduan mengubah tampilan website joomla agar lebih menarik”

    1. saya seorang pemula dari sebuah instansi pemerintah yang diberikan tugas tuk mengurus web kami, beberapa hari lalu saya sudah migrasikan website kami dari joomla 1.0 ke 2.5. pertanyaanya bagaimana langka2 yg harus saya siapkan untuk melakukan penyusunan ulang tampilan web tersebut, termasuk template, modul, dan lain2nya mohon bantuannya terima kasih :o)

  1. Bos, mau nanya dunk. Kalo dari website.co.cc yang udah jadi seperti ini, kalau mau ganti template apakah harus menulis ulang tiap halamannya? soalnya saya pernah mencoba sekali mengganti template, wah…isi tiap halamannya hilang alias template berubah, tapi halamannya jadi blank. Ya, harus nulis ulang deh jadinya satu per satu halaman. Adakah panduan cara ganti template tapi tanpa nulis ulang gitu?

    thx atas bantuannya

    1. Kalo boleh tau, engine website yang anda gunakan apa? membuat sendiri atau menggunakan cms seperti joomla / drupal / wordpress?
      kalo misalkan anda menggunakan engine cms, saya ambil contoh joomla, maka untuk mengganti template tidak perlu merubah isi / content dari website tersebut.
      Anda hanya perlu menyediakan template untuk joomla lalu masuk ke bagian “Extension” lalu “Template Manager” dan mengubah tampilan dari bagian itu. (isi tidak akan hilang)

      Setelah saya kunjungi website anda, saya melihat bahwa anda menggunakan wasilitas website builder dari 000webhost, saya kurang paham bagaimana cara bekerja dari website builder itu sendiri. Kalo saya sarankan kenapa tidak menggunakan joomla / drupal saja. sehingga akan lebih mudah dalam hal manage content dan tampilan :o)

    2. :o) Terimakasih wat atikel’y boz…..
      oya mo tanya ne boz,,klo mo nampilin foto a/ gambar dihome gimana cara’y ea tolong dijelaskan dunk….???

      “ditunggu jwbn’y ya boz mudah”an artikel2 ente selalu bermanfaat”…….thnks

  2. :-$ muter, akhr ya disni..mudah2 blog.christianchandra.com bisa menyelasaikan masalah yang bikin aku sangat pusing, kadang ampek minder…ma nyamuk yang gigit..uwong tiap malem ngutek2 tapi gak rampung bin sukses.. :-D
    Ini loch, aku akan gi semagat banget yang mana nya bikin web pkek Jomla! yang kata nya kan mempunyai kemudahan dalam membuat web dinamis..tapi gak tahu nya?lumayan juga, kan gak enak klu buka jebreet tampilan bawaan instalan.Na, pas pengen ganti tampilan/templete lewat extensions>>instal/uninstal eh gak tahu nya greeeeng ada tulisan warna mereh “Error! Could not find an XML setup file in the package”…
    Tulisan sialan itu minggat trus tampilan yang kita ingnkan itu tampil “‘”gimana”” sebulum nya trimakasih… :o)

  3. Download template dari mana-mana, ganti headernya sudah bisa.
    Tapi masalahnya selalu sama, nama headline sama slogannya selalu tidak bisa diganti sesuai dengan keinginan.
    Sebagai contoh pake template fringgila dari joomla16, mau ganti nama headline untuk headernya caranya gimana?

  4. mas . .
    saya mau nanya tentang cara membuat website dengan joomla nih , ,??
    kalau cara menambah menu pada template gmana yah ??
    dan
    apa bisa template joomla tersebut bisa di edit di macromedia dreamweaver ??
    tolong bantuan nya :o) :-D

  5. gan mau tanya, ane dah pasang plugin all in one SEO pack,,,setelah ane setting dah beres bisa di jalankan,,,ketika ane posting trus posisi plugin all in one SEO pack nya itu di bagian bawah, trus ane drag ke bagian atas pas di bawah kotak untuk posting,,tapiii ketika q reload kok malah nggak muncul,,itu solusinya gmn gan???? mohon bantuannya… :-(

  6. gan, menu nya d joomla wa …

    kok hilang ?????

    yg ada cman header na ma background ja ????

    gimana cara nampilkan menunya gan ???

    #mohon jawabannya …

Leave a Reply

Your email address will not be published. Required fields are marked *