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 Menus – Main 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