Categorized | Joomla

Seri Tutorial Joomla : Template Pada Joomla

Posted on 22 Maret 2008 by gembong

Template adalah bagian yang bertanggung jawab terhadap tampilan pada website Joomla. Template Joomla secara standar harus mempunyai file-file sebagai berikut:

  • File index.php : file ini berisi instruksi-instruksi program yang berfungsi untuk menggabungkan seluruh komponen yang ada di Joomla untuk diatur penempatannya guna menghasilkan tampilan website sesuai dengan keinginan.
  • File template_css.css : file ini berfungsi untuk mendefinisikan fungsi-fungsi css yang digunakan untuk tampilan website. Biasanya dalam file css digunakan untuk mengatur warna pada tampilan, jenis dan ukuran huruf, format link, dll.
  • File tempaleDetails.xml : digunakan sebagai penyimpan informasi mengenai template, sekaligus digunakan untuk menyimpan informasi pada saat peng install an template.
  • File template_thumbnail.png : merupakan gambar kecil dari template yang nantinya akan digunakan oleh file templatedetails.xml untuk menampilkan gambar mini preview template.

Mengganti Template

Menu Template Joomla

  • Untuk mengubah template dapat diakses dengan jalan Menu Site –> Template Manager –> Site Templates Setelah itu daftar template yang sudah ter-install akan terlihat di halaman template Manager
  • Untuk menggunakan template yang diinginkan dapat dilakukan dengan cara memilih template yang diinginkan lalu di klik ikon Default yang ada di kanan-atas.

Default Template

Template yang ada di Template Manager ini dapat ditambah maupun dikurangi. Kita dapat mendesain template sendiri sesuai dengan keinginan (untuk desain sendiri diperlukan pengetahuan tentang HTML, PHP, XML, CSS) atau dengan cara mengambil template Joomla yang sudah jadi dari internet. Di internet banyak template Joomla yang dapat didownload secara gratis.

Install Template

Untuk menambah template ke dalam Template Manager dapat dilakukan dengan cara:

  • Klik Menu Installer –> Template Site
  • Dari halaman Install New Template, klik Browse. Pilih file template yang diinginkan(File dalam bentuk .zip atau .tar.gz)
  • Klik Upload File & Install

Install Template

 

Intall template

 

Mengganti Image Pada Template

Gambar pada template dapat diganti sesuai dengan keinginan kita. Biasanya gambar pada template terletak pada folder \templates\nama_template\images. Supaya tidak merusak tampilan, gambar harus mempunyai nama dan ukuran pixel yang sama dengan gambar yang mau diganti.

87 Comments For This Post

  1. jojonwengers Says:

    SANGAT MEMBANTU…………………………………..!!!!!

  2. Wido Supraha Says:

    Saya sudah download beberapa .zip file template gratis yang sudah jadi.

    Tapi saat saya donlot dan install lewat cara di atas, tidak berhasil, karena pesannya tidak mau diinstall.

    Padahal yang saya donlot untuk versi 1.5 yang sama.

    Upload template - Upload Failed
    ERROR: Could not find a Joomla! XML setup file in the package.
    [ Continue … ]
    Upload template - Failed
    Installation file not found:
    /home/widosupr/public_html/media/install_4826f6de0e043/jw_getty/
    [ Continue … ]

    Mohon pencerahannya.

    Ditunggu di supraha@indo.net.id.

    Terima kasih banyak.

  3. gembong Says:

    Mas Wido kalau dilihat pesan error yang ada menunjukkan bahwa dalam file template yang di zip, file yang berekstension xml nya tidak ada. sehingga ga mau diinstall. coba deh lihat dalamnya file yang di zip, ada file yang berekstension xml gak?.
    Kemungkinan pada saat download file zip nya ada yang error

  4. gembong Says:

    Aku barusan lihat web Mas wido di http://www.widosupraha.com/ yang diinstall joomlanya kan versi 1.0.x jadi cari template yang juga mendukung versi 1.0.x jangan yang versi 1.5.
    Jadi template yang mas Wido install itu untuk template ver 1.5 jadi gak mau diinstall ke situ.
    Alternatifnya Anda install joomla ver 1.5 atau Anda cari template yang mendukung ver 1.0.x

  5. Bagas Says:

    mas aku mau nanya.. aq udah diinstall tempalte joomla.. terus bagaimana cara set na biar template itu menjadi template standart web saya…

    thx atas pencerahanya

  6. gembong Says:

    Tinggal klik menu Site–>Template Manager –>Site Templates, kemudian pada bagian template yang diinginkan klik radio buttonya yg ada disebelah kiri nama template, terus klik menu default yang ada disebelah kanan atas, ini utk joomla ver 1.0.x

  7. baeg Says:

    gimana caranya ganti template joomla versi 1.0.sudah saya upload tidak mau direktorinya terus salah….gimana solusinya………………..?

  8. Bagas Says:

    pak bagaimana cara menngati title??

  9. dedi Says:

    pak saya dah download template yang dah jadi dari internet..tapi saya mao merubah template itu menjadi dua kolom.karena template yang saya download memmpunyai 3 kolom..gimana cara ngilangin kolomnya yah…???????

    Mohon Pencerahan Dari Bapa..maklum newbie

  10. gembong Says:

    Di administrator pada manu site –> global configuratioan bagian site name

  11. gembong Says:

    salahnya kenapa??? pesan errornya apa?? mungkin bisa saya bantu jika tahu pesan errornya…
    coba deh di cek dulu versi templatenya, kalau yg di download template ver 1.5 di install ke ver 1.0.x jelas tidak mau.

  12. gembong Says:

    kalau ini harus ngerti kode HTML, template nya apa bisa didownload dimana?? nanti saya bantu

  13. taqin Says:

    Mas saya pakai joomla 1.5. saya mau nanya bgmn cara ngegganti tulisan “welcome to frontpage” di halaman depan web nya.klo di joomla 1.0.x kan otomatis muncul tulisan welcome to …..(nama web kita). di joomla 1.5 knp ga bisa otomatis ya.thx

  14. gembong Says:

    {ada administrator joomla 1.5 klik Menu–> Main Menu dan klik menu Home, pada bagian menu item parameternya, pada bagian page tittle tinggal diganti dengan tulisan yang diinginkan

  15. andi Says:

    boss mau numpang nanya nich .. dimana mencari script dengan tag

    makasih bantuannya.

  16. gembong Says:

    coba cari disini

  17. shanty Says:

    Mas, tanya neh.
    Jangan diketawain ya? dosa lho. gw pemula bangeeeet deh.
    1.Gimana caranya menginstal joomla pada induk host. kok selalu ada peringatan instalasi tidak dapat dilakukan pada tempat yang sama, lupa deh kata-katanya, mirip-mirip gitulah! pengertian gw seolah-olah tempat tsb sudah ada isinya nggak mau ditambah gitu kalee?

    2. Sehabis gw utak-atik, delete sana delete sini, eh.. akibatnya kotak administrator hilang, jadi tambah bingung neh????!!! ngga’ bisa login ke administrator lagi, ngga’ bisa delete sana-sini lagi. lengkaplah penderitaan gw. help me donk!!

  18. belajar joomla Says:

    mas Gembong yg smart mungkin saya coba belajar ngejawab.
    untuk mbak shanty, untuk masalah seperti itu, dari pada ribet cari script yg hilang, mending minta tolong admin hosting tersebut tuk mensetup ulang seperti saat baru pertama kali berhosting ria. install joomla bisa dilakukan lagi setelah disetup ama hostingnya.
    ttg masalah ngga bisa diinstall, kemungkinan pernah menginstall sesuatu di directory yg sama. jika ingin lebih yakin, coba buat folder baru trus install ditempat tersebut.
    “just fun about joomla.”

  19. gembong Says:

    Induk host biasanya terletak di directory public_html, cara installnya mbak shanty tinggal unzip master joomla ke direktori tersebut, kalau semua file di unzip di direktori tersebut, dan file yang namanya sama ditindas dengan yg baru semestinya tidak ada peringatan yg bunyinya seperti itu, mungkin lain deh artinya, coba cek sekali lagi, kalau perlu coba disampaikan disini peringatanny agar lebih jelas.

    Untuk lebih enaknya biar gak saling tindas file, lebih baik di install dengan direktori baru, nanti domainnya di redirect aja ke direktori baru jadi ngeceknya lebih enak.

    Kalau kotak administrator hilang berarti ada file yg hilang di direktori administratornya, ngatasinya upload aja khusus direktori administrator pada joomla gak perlu semuanya untuk hemat bandwith. Tapi klau ga yakin ya mulai install dr awal lagi.

  20. gembong Says:

    Terima kasih atas bantuan jawabnya, Anda juga SMART.
    Selamat bersepeda ria :)

  21. dhyan Says:

    Mas kalau mau merubah template bgm ?Misal :Menambah gambar atau animasi di sidebar kanan.Aatau mau mengganti header dengan flash ? ( Maaf jgn di jawab harus ngerti html,tlg tuliskan kode/scripnya ).Atau bisa ngga dirubah pake dreamwaver?TK

  22. odie Says:

    bagaimana cara meinstall template yang sama pada joomla….??

  23. aci Says:

    wahh..makasih, tdnya bingung gmn gantinya… :)

  24. ekhasa Says:

    bedanya template joomla 1.0.x dan 1.5.x itu apa sih…
    bagaimana cara mengkonversi template jommla 1.0 menjadi joomla 1.5.

  25. Erman.E Says:

    bantu donk saya udah buat tekt dengan flash mx waktu saat masukkan kedalam edit html dengan mengganti logo dengan nama yang sudah diproses dg flash kok ngak mau…………..bantu…..lah….saya…mas….mbak…tante…

  26. pade Says:

    mau nanya, giman cara settingan pda joomla 1.5.3.kan ada fasiitas ngirim emai ke admin. terus gimana cara settingan supaya otomatis mail yang dikirim langsung masuk ke emailnya admin, makasih sebelumnya

  27. BangDhika Says:

    selamat pagi.. mohon pencerahan tentang joomla, mohon ijinnya..

  28. yono Says:

    Mas saya mau nanya penting banget bagi saya

    1. bagaimana cara mengganti template kok selalu upload gagal karena saya suka banget tenplate yootheme.
    2. punyaku jomla 1.0 apakah bisa diupgrade ke 1.5 bagaimana caranya (yang gratis)
    3. temenku punya web namanya tatacip.com templatenya bisa diubah - ubah itu versinya jomla berapa?
    4. bagaimana caranya mengganti tulisan Jomla dijudul dan Open source

  29. hay Says:

    Mas Gembong, mau nanya nih. Sy mau tambah template baru (hasil download, file zip) trus dah masuk lewat Installers > Templates-site. Trus diupload & install gagal, krn di bagian install for directory tertulis unwriteable. Gmana caranya merubah biar bs writeable? Thanxs

  30. i-one Says:

    asalamualaikum

    tnya nih cara instal versi joomla terbaru untuk mengganti versi lama d webhostnya gmn crnya ya??????

  31. ridho Says:

    mas bagaimana cara merubah welcome pada joomla, karena main menu tidak ada karena sudah terhapus, teks sebelumnya

  32. wibiea Says:

    mas… gimana sie caranya kita membuat theme joomla sendiri?

  33. ajie Says:

    mas , saya mau tanya bagaimana caranya kalao kita mau buat templste sendiri , pakai front page ataupun dreamweaver ,

    bagai mana setelah bagaimana prosesnya sampai upload
    mohon pencerahannya donk …….

  34. ajie Says:

    mas gerbong eh…..gembong ( hehehe junda dikit ya mas …)
    gimana caranya bisa kalao template joomla nya di design kembalai pake dreamwever atau front page ……

  35. yaser Says:

    Mas,saya mau tanya gimana cara buat website joomla yang bisa dibuat dua website atau lebih menjadi satu dengan lebih dari satu database yang mempunya semua relasi antar tabel???terima kasih atas jawabannya :)

  36. ajie Says:

    cara instal ja larix 1.0

  37. hengky Says:

    gmana sich cara masukkin tamplate yg ada di internet ke dalam website yang lagi dibikin ???
    tolong jawab dong….

  38. arie cihuy Says:

    Tolong………
    Mas minta tolong donk.
    aq sudah install joomla 1.0, waktu di localhost tapilan serta logo aku ganti oke2 aja..mas..
    eh .. tapi waktu aku hosting keluar logo dan gambar laen2nya gak mau berubah gmn donk mas…. tolong pencerahannya …..

  39. arie cihuy Says:

    Tolong………
    Mas minta tolong donk.
    aq sudah install joomla 1.0, waktu di localhost tapilan serta logo aku ganti oke2 aja..mas..
    eh .. tapi waktu aku hosting keluar logo dan gambar laen2nya gak mau berubah gmn donk mas….

  40. saleho Says:

    joomla saya pada bagian installer masih terdapat unwritenya
    “image/stories” unwrite gitu padahal sudah di ubah permissionnya,,gmn ya..??

  41. opal Says:

    Mas…saya mau tanya. gimana caranya membuat scrooling text pada website joomla 1.5
    Tolong ya mas…kalau bisa yang lengkap..karna saya pengguna baru di joomla

  42. sely Says:

    mas, aku pengin punya template dg menu dropdown pada menu top, dimana aku harus merubahnya or ada free tempalte yang udah include dropdown ?. template banyakan aku pake siteground j15_22, j15-19 dan themza-j15-05, udah tak cari htmlnya tapi ga ketemu (j15-19). yang kedua, bila saya bikin tempalte sendiri ada kaitannya dg module or komponen ga. yg ketiga header joomla support dg flash/swf.
    trim’s pencerahannya.

  43. Arif Says:

    mohon bantuannya, saya instal tamplate joomla 1.0 di 000webhost.com kok gak bisa ya..??

    pesan yang muncul gini :
    ERROR: Could not find a Joomla! XML setup file in the package.

    mohon pencerahan..

  44. widiyatno Says:

    bang saya mau bikin toko buku online template yang pas saya bisa dapatkan dimanaya

  45. sesa Says:

    gimana cara menambah animasi pada joomla

  46. deden Says:

    mas gimana merubah tampilan login admin, saya mo rubah pake bahasa indonesia pesan kesalahannya kalo misalnya username dan passwornya tidak sama?….terimakasih pencerahnya…oiya saya pake joomla1.5..

  47. faris Says:

    mantap… artikelnyaa, moga bermanfaat

  48. Abiex Says:

    Terima kasih…
    Sangat membantu saya yg baru belajar…

  49. aris Says:

    Thanks mas atas sharing ilmunya. Sudah saya praktikan. Dan berhasil. Semoga tambah banyak ilmunya agar bisa dibagi2 lagi ama kita2. :-)

  50. mieney Says:

    mw tnya ni…
    gimana yaa cara’nya bwat gnti header di joomla 1.5…??
    thx…

  51. indr@ Says:

    wah ada yg eror tp ternyata template-nya salah versi :D thks dah bantu..

  52. saumi Says:

    Numpang nanya nih pak! Gimana cara ngubah joomla versi 1.0 ke versi 1.5. Trims

  53. rudi Says:

    mas tolong dong pencerahannya. jomla aku ga ada templat managernya ? gimana ya cara nampilinnya….??

  54. joni Says:

    mau tanya mas,kalau saya ingin update jommla dari 1.0.x ke 1.5 gimana yah ?? thanks…

  55. bambang Says:

    kalau joomla versi 1.0 menu installer spt di atas tidak ada, jadi bagaimana caranya kalau mau upload template sendiri. Terimakasih banyak

  56. bambang Says:

    Kalau Joomlaversi 1.5 sih ada menu installer jadi mudah untuk upload & install template, tapi kalau joomla versi 1.0 tidak ada menu Installer, so bagaimana kalau mau upload & install template sendiri tatau dari web yg telah kita download. Terimakasih Mas.

  57. Dra Says:

    Duhh ko joomla 1.5 + xampp 1.4.11 ketika preview selalu hang…. bantuin ya Mas

    Tq

  58. oi... aan Says:

    ASSALAMUAALAIKUM

    BAGUS KOK MAS ARTIKELE..
    saya nyonto d sn semuanya…

  59. putra Says:

    assalamualaikum,,
    ada yang saya tanyakan,kenapa ketika saya klik upload dan instal untuk template, keluar pesan “instal error”
    “cannot continue before zlib installed.apa joomlanya yang salah atau gimana???? bingung neh
    thank`s….mohon bantuannya.kalo bisa ke email saya aja ya….

    s

  60. pemula Says:

    gmn cara hapus batas kolom pd tabel

  61. suadi Says:

    semoga berkarya selau untuk kemajuan ???? semangat

    “terimaksih artikelnya”

  62. kadri Says:

    gimana cara menambah template di bawah, biar bisa di tambah image ucapan selamat, pada joomla 1.0
    terimakasih atas jawabannya

  63. Ratim Says:

    Mas, kenapa komputerku ga bisa diinstal sql nya error kalau di instal EXAMP ya…thx

  64. Jual PC Game,Software,Tut.Intrft,Edugame,SoftBiz Says:

    Wah terimakasih sekali, daripada capek-capek searching di google mending langsung baca artikelnya disini.

    deso-ebook.com

  65. AD-din Says:

    makasih banget infonya. Panduannya mantap !

  66. PEBRIALSEN Says:

    tahanks artikelnya bro

  67. diki kurniaan Says:

    halooo salam jooomla!!!!!langsung aja deh,saya bikin template joomla sendiri pake macromedia dreamweaver8,css, php index,template detail semuanya udah ada,tapi masalah nya ko tidak bisa di instal di joomla!!!gimana yahhhh???mohon balsa !!terimakis sebelumnya

  68. fajar Says:

    mau tany nie, templet joomla bisa gak di buat desain pribady dengan mengatur css dan sebagainya. terima kasih. mohon bantuannya?

  69. oi..blitar Says:

    Assalamu’alaikum..

    mas mo tanya ni,, penting banget tlg ya!!!

    Aq kan beljar bkn web pake joomla,, tetapi kok semua tamplate yang aq coba headernya tidak bisa d ganti kenapa ya??

    setiap aq ganti lewat cpanel ato lewat filezila itu. selalu gagal.

    saat aq hapus file jpg headernya d cpanel, memang hilang tp setelah d refres muncul lagi.. jadi gagal terus tuk edit headr hasilnya seperti web saya skrng ini headernya tetep aja..

    tlg ya mas,, apa mungking ada kesalahan lain ya.

  70. oi..blitar Says:

    apa mungkin legacy nya ya..

    ana jug pernah gitu tp d modul legacy di oke jadi bisa ganti2 tu

    tp gak tau juga, aq juga baru belajar joomla

  71. fajar Says:

    mas, apa semua fersi dari joomla 1.0.xx ganti templatnya sama?.

  72. roni Says:

    mas saya sudah berhasil install joomla semua versi di lokalhost, tapi pas saya mau instal component, template, dan lain 2 kok gak bisa - kalau di versi 1.0.x ada pesan instalasi error. kalu di versi 1.5.x gak ada pesan tapi componentnya ga terinstal tolong kasi masukan

  73. Arifin Says:

    informasi anda sangat berharga, terimakasih atas bantuannya, saya menggunakan joomla 1.5 dan itu berhasil, THANKS BANGGEETTTT

  74. revorts Says:

    Membantu sekali mas…
    Terimakasih.

    Revort’s

  75. Hamdar Says:

    Mas, sy menggunakan Joomla 1.5.7 dengan XAMPP versi 1.7.1, terbenam di Netbook dgn OS Ubuntu. 9.4 .
    Sbnarnya sy newbie jg di Linux.
    Joomla telah berhasil terinstall di localserver sy. Utak-atik desain sdh hampir final dgn konten yg cukup banyak (sekitar 25 artikel). Beberpa kali sy jg mengganti template dgn sedikit mengutak-atik warna, font, dan modulnya. Belakangan hingga kini, sy mulai stress dgn ulah Joomla yg susah berubah tampilan meskipun warnanya sudah sy ganti. Editor Tiny MCE jg mengalami hal yang sama. Sy coba lihat setting cache-nya, default 15 minute. Perubahan baru terjadi setelah netboook sy restart. Apa yg salah? Kalau begini terus, rasanya jd malas melakukan edit lg krn sulit memantau perubahan yg telah dilakukan.
    Trm kasih sebelumnya

  76. UUX Says:

    Mas punya gag tutorial untuk bikin template-nya sendiri?
    share dong ^_^

  77. suheri Says:

    pak saya mo tanya nih, bila saya mo upload template tapi gagal terus…
    keluat tulisannya seperti ini
    “There is already a file called /home/a5290180/public_html/dvtindo1/templates/dvtindo/index.php - Are you trying to install the same CMT twice?”

    padahal kalo saya upload di localost g’ pernah ada masalah…., solusinya gimana yaa….?

  78. amet Says:

    Assalamualaikum,

    maaf mas newbie neh,
    1.sy ada masalah dengan web joomla sy yaitu hilangnya menu di halaman depan (home), sedangkan klo buka menu di halaman berikutnya bisa tampil..kenapa ya? mungkin suhu ada solusi?
    2. bagaimana caranya mengaktifkan menu forum interaktif sehingga bisa tulis komentar dan member bs interaksi

  79. amet Says:

    oya sy pake joomla versi 1.5

  80. yuni_purwati Says:

    mas mau tanya webku dah on line dan aku ingin mengedit template, banner, logo. aku dah buat gambar yang sesuai tapi kok g mau ditimpali (over write) gimana ya mas. mohon solusinya segera

  81. andie Says:

    bos maw nanya nih, aq abis gnti template admin, eh malah username dan passwordnya gk dikenali….gmn caranya balik ke template awal ya?…..
    mohon bantuannya bos…

    thx

  82. herman Says:

    saya install komponen lalu muncul ini ” Upload component - Upload Failed
    ERROR: Could not find a Joomla! XML setup file in the package.
    [ Continue … ]
    bagaimana ya? ada yang bisa bantu?

  83. ardian Says:

    hatur nuhun mas gembong sama para master. berkat baca tutorial disini situs saya http://wakakak.net akhirnya bisa publish jua. sekali lagi terima kasih

  84. tri Says:

    pa mau tanya bagai mana cara mengubah tulisan judul joomla. dengan judul milik kita sendiri di templet paling atas. saya punya web site tapi belum di edit pertama ingin merubah nama judullnya dulu. mohon petunjuknya

  85. agustinus Says:

    Sore Pak , saya baru di joomla.
    1. Pak apakah joomla menyediakan fasilitas membuka dokumen berdasarkan siapa yang login.
    2. apakah joomla dapat dibuat menjadi beberapa sub domain?
    3 jika saya ingin membuat tabel dengan isi link ke suatu dokumen, apakah hal ini dapat dilakukan Pak?,
    mohon penjelasannya Pak

    salam

    Agustinus

  86. sebuah nama Says:

    makasih cuy

  87. pardi Says:

    terima kasih informasinya. cukup membantu nieh kang gembong. sukses selalu yak.

Leave a Reply

Free Web Hosting
Advertise Here