Apa sebenarnya XML itu ? xml menurut xml.or.id adalah suatu metode untuk menyimpan data terstruktur dalam satu file teks. Seperti halnya HTML, XML memanfaatkan penggunaan tag (kata-kata yang dikurung oleh ‘<’ dan ‘>’) dan atribut (dalam bentuk nama=”nilai”), namun bila HTML mendefinisikan arti dari tiap tag & atribut (dan seringkali juga mendefinisikan bagaimana teks di antara tag-tag tersebut harus ditampilkan dalam sebuah browser), XML menggunakan tag hanya untuk membatasi sebuah data, dan menyerahkan sepenuhnya interpretasi data pada aplikasi yang membacanya. Dengan kata lain, jika Anda melihat “<p>” pada suatu file XML, jangan terburu-buru mengasumsikan bahwa itu adalah sebuah paragraf. Tergantung pada konteksnya, mungkin itu berarti parameter, pengarang, penyanyi, atau p… (omong-omong, siapa yang mengharuskan artinya harus mengandung huruf “p”?).

Dalam membuat installer templates joomla, kita memerlukan xml. Gunanya seperti yang disebutkan di atas. Untuk menyimpan data yang terstruktur dalam satu file teks, dalam pembahsan joomla kita kenal :

<?xml version=”1.0″ encoding=”iso-8859-1″?>

Ini menunjukan versi xml yang kita buat

<mosinstall type=”template” version=”4.5.1″>

Penjelasan : memberikan type pada joomla bahwa yang kita install adalah template dengan versi yang kita sesuaikan, sehingga joomla tidak merasa bingung he

<name>Templates Latihan</name>

Penjelasan : berfungsi sebagai identifikasi pada saat anda menginstall, bahwa template yang anda buat tersebut bernama Templates Latihan

<creationDate>10 Agustus 2007</creationDate>

Penjelasan : Menujukan tanggal pembuatan templates

{xtypo_code}

<author>aagun2006</author>

Penjelaskan : menunjukan siapa pembuat templates tersebut

<copyright>GNU/GPL</copyright>

Penjelasan : menerangkan bahwa template yang kita buat adalah GNU/GPL apa GNU/GPL itu silakan cari sendiri he

<authorEmail>
<!–
var prefix = ‘ma’ + ‘il’ + ‘to’;
var path = ‘hr’ + ‘ef’ + ‘=’;
var addy10209 = ‘admin’ + ‘@’;
addy10209 = addy10209 + ‘ty2u’ + ‘.’ + ‘com’;
document.write( ‘<a ‘ + path + ‘\” + prefix + ‘:’ + addy10209 + ‘\’>’ );
document.write( addy10209 );
document.write( ‘<\/a>’ );
//–>\n admin@ty2u.com
<!–
document.write( ‘<span style=\’display: none;\’>’ );
//–>
Alamat e-mail ini dilindungi dari spambot, anda harus memampukan JavaScript untuk melihatnya
<!–
document.write( ‘</’ );
document.write( ‘span>’ );
//–>
</authorEmail>

Penjelasan : menujukan alamat sipembuat template, sangat berguna jika kita mengetahui adanya bug, kesulitan dalam menginstall dll kita bisa berkonsultasi dengan siempunya mail tersebut.

<authorUrl>http://www.idfriendster.com</authorUrl>

Penjelasan : sebenarnya ini hanya optional jika tidak diisi pun tidak mengapa.

<version>1.1</version>

Penjelasan menunjukan versi template anda.

<description> </description>

Penjelasan : sudah jelas

<files>

<filename>index.php</filename>

<filename>template_thumbnail.png</filename>

</files>

Penjelasan memberikan perintah kepada xml bahwa file yang akan di eksekusi adalah berupa files. Xml akan mengeksekusi dan menempatkan file yang dimaksud sesuai dengan perintah yang ada di

<filename></filename>

Perhatikan Path

<images>

<filename>images/arrow.png</filename>

</images>

Penjelasan : memberikan perintah kepada xml bahwa file yang kan diekseskusiadalah file gambar, maka xml akan mengeksekusi dan menempatkan gambar-gambar yang termaksud dalam filename, ke tempat dimana tertera dalam filename. Untuk itu perhatikan path-nya.

<css>

<filename>css/template_css.css</filename>

</css>

Penjelasan : memberikan perintah pada xml bahwa file yang akan di ekseskusinya adalah file css. Xml akan menempatkan file anda dengan benar jika path pada file name anda ditulis dengan benar pula.

dan diakhiri dengan :

</mosinstall>

Jika membaca penjelasan diatas tentu kita merasa ribet dibuatnya, apalagi biasanya yang terbanyak dalam templates itu file images.

Nah sekarang anda tak perlu bingung, perkembangan joomla telah sangat mudah adanya xmlgenerator yang dibuat oleh joomlaart.com. akan mempermudah anda dalam menggeluti dunia joomla yang Flexible, Simple, Elegan, Customizable, Powefull he
Setelah membaca Artikel ini silakan baca artikel yang dibuat oleh sikumbang dalam bagian Tutorial.

Download software klik disini

Salam

aagun2006

YM : aagun2006 / cs_buroqnet
Telp (022) 91960822

Contoh code :

<a href=”http://www.id-joomla.com”><img src=”http://www.domain_anda_sendiri.com/idjoomla_small_1.png” border=”0″ alt=”Komunitas Joomla Indonesia”></a>

Seorang pelukis tentu saja butuh kanvas serta seperangkat kuas serta cat warna untuk membuat sebuah lukisan, demikian juga kita ketika ingin membuat template di Joomla, kita butuh seperangkat peralatan yang memadai untuk menghasilkan desain template yang optimal, berikut tools yang wajib kita miliki :

Software Desain

Software buat mengolah citra (image), ini dibutuhkan di level desain grafis, membuat mockup keseluruhan page sehingga kita sudah tau mau seperti apa hasil akhir web kita nanti.

• Image processing (Photoshop)
• Vector processing (Corel Draw, Adobe Illustrator, Freehand dll)

Browser

Karena dipasaran ada banyak browser maka kita akan menguji hasil tampilan desain kita di beberapa browser sekaligus, untuk memastikan hasil tampilan benar dan konsisten.

• IE 6
• Mozilla Firefox
• Browser lain (Opera, Netscape, IE7dll)

Pada implementasinya kita hanya akan menguji di Firefox dan IE6 saja. Firefox digunakan sebagai acuan hasil akhir tampilan yang benar (Opera, Netscape, IE7 dll akan dianggap konsisten dengan nya)
Tampilan dari IE 6 kemungkinan akan terdistorsi, cara mengatasinya akan kita bahas di sesi pembahasan CSS lebih lanjut.

Plugin Browser

Untuk keperluan ploting, inspeksi, guna mencari bug atau ketidak sesuaian lainnya dalam code html, CSS, atau Javascript, kita membutuhkan plugin di browser kita, yaitu :

Untuk Firefox

• Web Developer
• Firebug

Untuk IE6

• Web Developer for IE

Php dan MySql

Bagi pemula ato yg gak mau ribet gunakan :

• Wamp
• Xampp

Text editor

Ini berguna untuk editor code html, css, dan javascript

• Notepad ++, Dreamweaver, dll

Tools Lainnya

ACDSee
Tools kecil penampil serta pengedit image ini sangat praktis dan cepat utk kondisi darurat seperti resize, convert, rename, color balance dll terutama untuk image masal.

Color Picker
Saat anda mengatur properti warna akan sering bersinggungan dengan CSS

Penggunaan software serta tools diatas akan sangat membantu kita dalam mengembangkan sebuah template yang optimal dari segi visual maupun code, jangan paksakan diri anda menggunakan tangan kosong yang hanya membawa diri anda ke situasi yang memusingkan.

Mempromosikan website berbasis Joomla! sebenarnya gampang, dan bisa dilakukan secara gratis.

Ikuti langkah-langkah berikut:

1. Kirim artikel ke Joomla.org (http://www.joomla.org/component/option,com_submissions/Itemid,75/)
2. Kirim juga artikel yang sama ke website komunitas Joomla! seperti Joomlaya.com, JoomlaTribune.com, JoomlaHut.com, Joomla-Themes.co.uk, etc. Mereka pasti berkenan menampilkan artikel yang kamu buat dan memberikan link ke website kamu, apalagi kalau memang bermutu dan gratis.
3. Kalau website kamu tampilannya bagus, jangan sungkan mengirimkan previewnya ke website seperti JoomlaForm.com, JoomlaBeauty.com, atau yang bukan berbasis Joomla! seperti CSSMania, UnmatchedStyle, CSSBeauty, etc. Kalau website kamu terpilih sebagai salah satu yang terbaik, pasti akan akan banyak pengunjung datang. Juga secara tidak langsung mempromosikan Joomla! ke orang lain yang belum tahu tentang Joomla!.
4. Ikuti program affiliasi. Seperti TemplatePlazza.com JoomlaShack, PixelsParadise, RocketTheme, dsb. Sekalian cari uang masuk.
5. Minta komunitas Joomla! untuk mereview website kamu. Misalnya di Joomla.org forums kategori “Site Showcase”.
6. Mulailah nge- blog dengan situs kamu, berikan layanan RSS feed , dan update secara berkala.
7. Pastikan website kamu ramah mesin pencari (SEO, Search Engine Optimized).
8. Setiap kali ada produk baru, ulangi langkah 1 dan 2..
9. Tambahkan link untuk layanan Social Bookmark
10. Daftarkan diri kamu di forum-forum Joomla, terutama forum Joomla.org; tempatkan link ke website kamu di signature dan mulailah posting.

dikutip dari www.joomlaform.com

1. Masuk ke site administrator.
2. Pilih site>templates manager>module positions
3. pilih field (isian) yang kosong… dan kita masukin: welcome. Simpan
4. Pilih modules>site modules. Klik Tombol New
5. Title: Isi apa saja: Misalnya SELAMAT DATANG ! (Ini akan ditampilkan sebagai judul…)
6. Show Title : pilih no (tidak) jika tulisan di Title (3) tidak ingin ditampilkan.
7. position : pilih yang sudah kita buat tadi: welcome
8. Disebelah kanan, tentukan menu item link ditampilkan dimana saja. Pilih: mainmenu | home
9. Abaikan lainnya.
10. Di bawah, custom output, masukkan ucapan, logo, atau lainnya yang ingin ditampilkan sebagai ucapan selamat datang tersebut. Usahakan ucapan tidak terlalu panjang dan bertele-tele… yang penting ucapan selamat datang dan penjelasan singkat tentang situs kamu itu.
11. Simpan (save)

Sudah? Belum… kita masih perlu mengedit sedikit index.php templatenya.

1. Masuk ke site administrator.
2. Pilih site>templates manager>site templates
3. Klik radio button template yang saat ini sedang kamu pake. Kemudian klik Edit
4. Setelah keluar isi dari file index.php… cari kode <?php mosMainBody(); ?>.
5. Kenapa? Soalnya isian dari web semua ada di script itu… jadi welcome pagenya harus diletakkan diatas kode itu.
6. kemudian masukkan kode dibawah ini diatas kode tadi (4):

<?php
if ( mosCountModules (‘welcome’) ) {
?>
<table width=”100%”  border=”0″ cellspacing=”0″ cellpadding=”0″ class=”borderTabel”>
<tr>
<td><?php mosLoadModules ( ‘welcome’ ); ?></td>
</tr>
</table>
<?php
}
?>

Simpan index.php. Coba deh.

Gitu aja.. Semoga membantu.

DEFINE(‘_PDF_GENERATED’,'Generated:’);

DEFINE(‘_PDF_POWERED’,'Powered by Joomla!’);

—————Paste dsini——————-

?>

dan lihat modul total user anda telah berbahasa indonesia.
Sekian….

Langkah pertama yang harus dilakukan adalah mencari domain gratis…disini saya mencoba memakai
Selanjutnya adalah mencari hosting gratisan yang cocok dan bagus, disini saya mencoba 1free hosting, sebagai test.., yaitu :

Hosting Gratis:
1. 000webhost

Caranya menggabungkan co.cc dg 000webhost:

Semoga bermanfaat …..Silahkan coba..Gratis..

<a href=”ymsgr:sendIM?tyogitaris” mce_href=”ymsgr:sendIM?tyogitaris”><img src=”http://opi.yahoo.com/online?u=tyogitaris&amp;m=g&amp;t=2&amp;l=us” mce_src=”http://opi.yahoo.com/online?u=tyogitaris&amp;m=g&amp;t=2&amp;l=us”></a>e

Ingat, kata “tyogitaris” harus diganti dengan nama YM yang kalian miliki masing-masing. OK, mungkin itu saja tips yang aku berikan untuk kali ini, sampai jumpa dengan tips yang berikutnya ^_^