1/1/10

Home > Archives for 1/1/10

Cara-cara Untuk Edit Laman Web Joomla Teknik Advanced

<p><b>Untuk Tutorial Joomla kali ini, anda akan belajar mengenai:</b><br />
<ul>
<li> Cara-cara untuk jadikan URL anda Search Engine Friendly (SEF)</li>
<li> Meletakkan Counter (kiraan pengunjung) di laman web Joomla</li>
<li> Menukar template laman web Joomla dengan template percuma</li>
<li> Delete Author / Date Posted pada artikel di laman web Joomla anda</li>
<li> Tingkatkan prestasi kelajuan laman web Joomla</li>
<li> Bagaimana untuk membenarkan pelawat register/mendaftar di laman web Joomla 1.5</li>
</ul>
<span id="more-1080"></span><br />
<h3>

Cara-cara Untuk Jadikan URL Laman Web Joomla SEO</h3>
Apabila URL laman web anda di-SEO-kan, pengguna dapat membaca URL
artikel anda dengan jelas tanpa sebarang Nombor-nombor atau
huruf/simbol yang pelik. Ini juga dapat meningkatkan traffic ke laman
web anda. Untuk meningkatkan traffic, URL anda mestilah SEF (search
engine friendly). URL yang SEF lebih digemari oleh <a href="http://google.com/">Pakcik Google</a> dan <a href="http://yahoo.com/">Pakcik Yahoo</a>. :)<br />
Ikuti langkah dibawah untuk jadikan URL anda SEF<br />
<h5>

Langkah 1</h5>
Anda perlulah Enable-kan <i>mod_rewrite</i>. Untuk enable-kan ini, anda perlu masuk ke FTP anda (public_html) dan rename file <b>htaccess.txt</b> kepada <b>.htaccess</b>.<br />
<h5>

Langkah 2</h5>
Anda perlu enable-kan fungsi SEO pada laman web Joomla anda dengan klik pada <b>Site -> Global Configuration</b> di dalam bahagian admin Joomla anda.<br />
<a href="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-seo-url-1.jpg"><img alt="tutorial-asas-joomla-seo-url-1" class="alignnone size-large wp-image-1088" height="267" src="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-seo-url-1-500x267.jpg" title="tutorial-asas-joomla-seo-url-1" width="500" /></a><br />
<h5>

Langkah 3</h5>
Di dalam SEO Settings, tukarkan <b>Search Engine Friendly URLs</b> dan <b>Use Apache mod_rewrite</b> kepada <b>Yes</b>.<br />
<h5>

Langkah 4</h5>
Klik pada SAVE di bahagian kanan-atas.<br />
Ini akan menukarkan URL anda kepada URL yang lebih senang dibaca oleh pengguna Internet. Contoh-nya “About Us”, daripada ini:<br />
<pre>http://domain-anda.com/index.php?option=com_content&view=article&id=1&Itemid=2</pre>
kepada ini:<br />
<pre>http://domain-anda.com/About_us</pre>
<h3>

Cara-cara Untuk Meletakkan Counter</h3>
Counter ini untuk memaparkan bilangan pengunjung yang melawat laman
web Joomla anda. Untuk meletakkan counter ini, hanya beberapa langkah
sahaja sudah siap.<br />
<h5>

Langkah 1</h5>
Masuk  ke dalam bahagian admin Joomla anda, kemudian klik pada <b>Extensions -> Module Manager</b>:<br />
<a href="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-letak-counter-1.jpg"><img alt="tutorial-asas-joomla-letak-counter-1" class="alignnone size-large wp-image-1089" height="267" src="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-letak-counter-1-500x267.jpg" title="tutorial-asas-joomla-letak-counter-1" width="500" /></a><br />
<h5>

Langkah 2</h5>
Klik NEW pada bahagian kanan-atas pada menu.<br />
<h5>

Langkah 3</h5>
Pada pilihan yang dipapar-kan, pilih <b>Statistics</b> dan klik <b>Next </b>pada menu kanan-atas tersebut.<br />
<h5>

Langkah 4</h5>
Di muka seterusnya, terlalu banyak pilihan yang boleh di-buat. Tapi kita hanya tukarkan yang berikut:<br />
<i>Title: Counter<br />
Show Title: No<br />
Hit Counter: Yes (kotak kanan)</i><br />
<a href="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-letak-counter-2.jpg"><img alt="tutorial-asas-joomla-letak-counter-2" class="alignnone size-large wp-image-1090" height="267" src="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-letak-counter-2-500x267.jpg" title="tutorial-asas-joomla-letak-counter-2" width="500" /></a><br />
<h5>

Langkah 5</h5>
Klik pada SAVE pada bahagian kanan-atas menu Counter tersebut.<br />
Kini anda boleh Preview laman web Joomla anda tersebut dan lihat
Counter tersebut samada berfungsi dengan sempurna ataupun masih belum.<br />
<h3>

Menukarkan Template Laman Web Joomla 1.5</h3>
Anda boleh download (muat-turun) template-template Joomla secara percuma di <a href="http://www.joomla24.com/" target="_blank">Joomla24</a>. Atau jika anda inginkan design yang Premium, anda boleh pilih di halaman <a href="http://blog.balootisme.com/design/" target="_blank">Design Baloot’s Blog</a> dengan harga hanya <b>RM150</b> untuk setiap satu template (bukan di-jual tetapi di-install terus ke laman web Joomla anda).<br />
OK, sekarang anda telahpun membuat pilihan template dan telahpun
download template tersebut. Ikuti langkah-langkah dibawah untuk install
ke laman web anda.<br />
<h5>

Langkah 1</h5>
Masuk ke bahagian admin laman web Joomla anda kemudian klik pada <b>Extensions -> Install/Uninstall</b><br />
<a href="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-tukar-template-1.jpg"><img alt="tutorial-asas-joomla-tukar-template-1" class="alignnone size-large wp-image-1091" height="267" src="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-tukar-template-1-500x267.jpg" title="tutorial-asas-joomla-tukar-template-1" width="500" /></a><br />
<h5>

Langkah 2</h5>
Kemudian ada kotak yang ditulis “<b>Upload Package File</b>” dan anda hanya perlu tekan <b>BROWSE </b>untuk pilih template yang telah anda download tadi.<br />
<h5>

Langkah 3</h5>
Selesai pilih template anda, klik pada <b>UPLOAD FILE & INSTALL</b><br />
<h5>

Langkah 4</h5>
Sekarang template baru anda telahpun di-install dan anda perlu
aktif-kan template tersebut untuk menggunakan template baru itu. Klik
pada <b>Extensions -> Template Manager</b>:<br />
<a href="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-tukar-template-2.jpg"><img alt="tutorial-asas-joomla-tukar-template-2" class="alignnone size-large wp-image-1092" height="267" src="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-tukar-template-2-500x267.jpg" title="tutorial-asas-joomla-tukar-template-2" width="500" /></a><br />
<h5>

Langkah 5</h5>
Tick pada button di-sebelah text template baru anda dan tekan DEFAULT pada bahagian kanan-atas menu tersebut.<br />
Tadaaa! Lihatlah perubahan baru pada laman web Joomla anda. Ulangi
langkah-langkah mudah di-atas untuk pilih template-template yang anda
berkenan di-lain hari sekiranya anda hendak menukar template lagi.<br />
<h3>

Cara-cara Untuk Buang Author / Date Pada Artikel</h3>
<h5>

Langkah 1</h5>
Pada bahagian admin Joomla, klik pada <b>Content -> Article Manager</b><br />
<a href="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-remove-author-1.jpg"><img alt="tutorial-asas-joomla-remove-author-1" class="alignnone size-large wp-image-1093" height="267" src="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-remove-author-1-500x267.jpg" title="tutorial-asas-joomla-remove-author-1" width="500" /></a><br />
<h5>

Langkah 2</h5>
Klik pada “<b>Parameters</b>” pada bahagian kanan-atas menu<br />
<h5>

Langkah 3</h5>
Satu kotak akan keluar dan kesemua konfigurasi artikel sistem Joomla
anda berada disini termasuklah author/date. Hanya set-kan kepada “<b>Hide</b>” pada mana-mana menu yang anda tidak mahu di-siarkan. Mudah bukan?<br />
<h3>

Bagaimana Untuk Tingkatkan Kelajuan Web Joomla</h3>
Antara beberapa sebab selalunya laman web Joomla anda SLOW:<br />
<ul>
<li> terlalu banyak fungsi yang tidak berkaitan seperti Stats dan Polls</li>
<li>tambahan components, modules, plugins, themes yang terlalu banyak dan tidak digunakan</li>
<li>terlalu banyak javascripts atau perkara-perkara lain (mp3, gambar, flash) pada satu-satu muka (pages)</li>
</ul>
Berita baik untuk anda, Joomla dilengkapi dengan sistem caching. Ini
membolehkan anda cache setiap yang berada di dalam laman web Joomla
anda, hanya ikuti beberapa langkah mudah di-bawah:<br />
<h5>

Langkah 1</h5>
Masuk bahagian admin Joomla dan klik pada <b>Site -> Global Configuration</b>.<br />
<a href="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-lajukan-web-joomla-1.jpg"><img alt="tutorial-asas-joomla-lajukan-web-joomla-1" class="alignnone size-large wp-image-1094" height="267" src="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-lajukan-web-joomla-1-500x267.jpg" title="tutorial-asas-joomla-lajukan-web-joomla-1" width="500" /></a><br />
<h5>

Langkah 2</h5>
Klik pada “<b>System</b>” dibawah Global Configuration tersebut.<br />
<a href="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-lajukan-web-joomla-2.jpg"><img alt="tutorial-asas-joomla-lajukan-web-joomla-2" class="alignnone size-large wp-image-1095" height="267" src="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-lajukan-web-joomla-2-500x267.jpg" title="tutorial-asas-joomla-lajukan-web-joomla-2" width="500" /></a><br />
<h5>

Langkah 3</h5>
Kemudian lihat pada kotak yang di-tulis “<b>Cache Settings</b>” dan tick pada “<b>YES</b>” pada setting Cache tersebut:<br />
<a href="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-lajukan-web-joomla-3.jpg"><img alt="tutorial-asas-joomla-lajukan-web-joomla-3" class="alignnone size-large wp-image-1096" height="267" src="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-lajukan-web-joomla-3-500x267.jpg" title="tutorial-asas-joomla-lajukan-web-joomla-3" width="500" /></a><br />
<h5>

Langkah 4</h5>
Pilihan-pilihan yang selain daripada Cache tu biar-kan saja. Tidak
perlu di-usik jika anda tidak faham apa maksud-nya. Klik pada SAVE pada
bahagian kanan-atas menu.<br />
Jika anda <i>Enable Cache</i> ini, perubahan yang anda buat
(contohnya ubah perkataan pada artikel), tidak dapat di-lihat serta
merta. Mungkin 15 minit selepas itu. Untuk dilihat serta merta, anda
boleh <i>Clear Cache</i> tersebut.  Untuk Clear Cache ini, anda hanya perlu ke bahagian admin Joomla kemudian klik <b>Tools -> Clean Cache</b>.
Pilih file cache untuk di-delete dan tekan DELETE pada bahagian
kanan-atas menu tersebut. Dengan cara ini anda boleh lihat perubahan
yang anda lakukan dengan serta-merta.<br />
<h3>

Bagaimana Untuk User Mendaftar Di Web Joomla</h3>
Secara default-nya, sistem Joomla membenarkan pelawat untuk
daftarkan diri di laman web Joomla. Tapi anda perlu enable-kan borang
daftar-nya terlebih dahulu. Untuk berbuat demikian, ikuti langkah
dibawah:<br />
<h5>

Langkah 1</h5>
Pada bahagian admin Joomla, klik pada <b>Extensions -> Module Manager</b>:<br />
<a href="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-user-register-1.jpg"><img alt="tutorial-asas-joomla-user-register-1" class="alignnone size-large wp-image-1097" height="267" src="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-user-register-1-500x267.jpg" title="tutorial-asas-joomla-user-register-1" width="500" /></a><br />
<h5>

Langkah 2</h5>
Pada bahagian kanan-atas menu, klik <b>NEW </b>dan tick pada “<b>Login</b>“:<br />
<a href="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-user-register-2.jpg"><img alt="tutorial-asas-joomla-user-register-2" class="alignnone size-large wp-image-1098" height="267" src="http://blog.balootisme.com/wp-content/uploads/2009/08/tutorial-asas-joomla-user-register-2-500x267.jpg" title="tutorial-asas-joomla-user-register-2" width="500" /></a><br />
<h5>

Langkah 3</h5>
Klik pada NEXT pada bahagian kanan-atas menu untuk ke langkah seterusnya.<br />
<h5>

Langkah 4</h5>
Pada pilihan yang keluar ini, anda hanya perlu buat SATU perubahan sahaja:<br />
<i>Title: Login</i> (atau letakkan Daftar Masuk atau apa-apa sahaja)<br />
<h5>

Langkah 5</h5>
Klik pada SAVE pada bahagian kanan-atas menu tersebut dan sila lihat
pada laman web Joomla anda sekarang. Adakah borang daftar masuk berada
di-tempat sepatutnya? Anda boleh ubah suai kedudukan-nya pada <b>Extensions -> Module Manager</b>.<br />
<br />

Untuk Tutorial Joomla kali ini, anda akan belajar mengenai: Cara-cara untuk jadikan URL anda Search Engine Friendly (SEF) Meletakkan Co...

Install Joomla 1.5 Menggunakan Fantastico dan Secara Manual

<p><span class="drop_cap">T</span>utorial Joomla 1.5 kini dalam versi
Bahasa Melayu dan bertulis. Nampaknya tak ramai sangat yang suka
tutorial dalam bentuk video. Hee.. Tak sama sebenarnya pembaca blog di
Malaysia dan luar negara. Blogger-blogger luar negara lebih gemarkan
tutorial dalam bentuk video sebab diorang tak perlu membaca dan scroll
ke bawah untuk baca tutorial. Tapi, lain pula dengan pembaca blog di
Malaysia, mereka lebih sukakan tutorial bertulis dan bergambar. Mungkin
disebabkan oleh Internet agak lembab sejak kebelakangan ini. Nak stream
video slow. :D<br />

Jadi, sekarang aku sediakan pula tutorial Joomla yang bertulis dan
bergambar. Tapi tutorial Joomla video masih akan diteruskan sehingga
selesai.<br />

Dalam post ini, anda akan belajar <strong>bagaimana untuk install Joomla 1.5 menggunakan Fantastico</strong> dan <strong>secara manual</strong>. <span id="more-787"></span><br />

<h3>
Menggunakan Fantastico</h3>
Untuk install Joomla 1.5 menggunakan Fantastico, anda perlu login ke cPanel hosting anda terlebih dahulu dan klik ikon <strong>Fantastico De Luxe</strong>,
berada di bahagian bawah dalam cPanel anda. Kemudian cari link Joomla
1.5 di sebelah kiri sidebar di dalam Fantastico De Luxe itu dan klik.<br />

Kemudian klik <strong>New Installation</strong>.<br />

Selepas klik New Installation, anda akan diberikan form untuk isi
detail semua yang berkenaan dengan web Joomla baru itu. Anda perlu
masukkan info-info seperti dibawah:<br />

<ul>
<li><strong>Install in directory - <span style="font-weight: normal;">merujuk kepada address url dimana anda hendak install web Joomla anda. Jika anda mahukan web Joomla anda berada di domain asal (<em>cth: www.balootisme.com</em>), anda hanya perlu abaikan bahagian ini. Jika anda mahukan web Joomla anda di sub directory (<em>cth: www.balootisme.com/blog</em>), sila masukkan ‘<em>blog</em>‘ di ruangan <em>Install in directory</em> ini.</span></strong></li>
</ul>
<ul>
<li><strong>Admin access data</strong> – masukkan username dan password pilihan anda sendiri, untuk akses ke web Joomla anda nanti.</li>
</ul>
<ul>
<li><strong>Admin email</strong> – masukkan alamat email anda</li>
</ul>
<ul>
<li><strong>Admin full name</strong> – masukkan nama penuh anda</li>
</ul>
<ul>
<li><strong>Site name</strong> – masukkan nama web anda, nama yang bersesuaian dengan tema web anda (<em>cth: Malaysia Joomla Web Developer</em>) anda boleh menukar <em>Site name</em> ini kemudian.</li>
</ul>
<ul>
<li><strong>Install sample data?</strong> - jika anda mahukan sample
data atau sample content dalam web Joomla anda, tandakan ruangan ini.
Aku suggestkan supaya anda tanda ruangan <em>Install sample data</em> ini supaya senang untuk anda membuat rujukan tentang kedudukan content nanti. Sample ini termasuk menu, artikel dll.</li>
</ul>
<a href="http://blog.balootisme.com/wp-content/uploads/2009/06/install-joomla-15-menggunakan-fantastico-3.jpg"><img alt="install-joomla-15-menggunakan-fantastico-3" class="alignnone size-large wp-image-791" height="267" src="http://blog.balootisme.com/wp-content/uploads/2009/06/install-joomla-15-menggunakan-fantastico-3-500x267.jpg" title="install-joomla-15-menggunakan-fantastico-3" width="500" /></a><br />

Setelah kesemua ruangan diatas telah pun diisi, klik <strong>Install Joomla 1.5</strong>. Setelah selesai install Joomla 1.5 ini, anda akan menerima detail untuk akses ke administrator laman web anda (<em>cth: www.balootisme.com/administrator</em>), sila Bookmark url ini untuk kegunaan anda nanti.<br />

<h3>
Secara Manual</h3>
Jika anda tidak mahu menggunakan Fantastico De Luxe untuk install
Joomla 1.5, anda boleh gunakan cara manual. Anda hanya perlu mengikuti
setiap step aku dibawah ini untuk install Joomla 1.5 secara manual.<br />

<h5>
<span style="font-weight: normal;">Langkah 1:</span></h5>
Bina satu database MySQL dan add user baru kepada database tersebut. Cara ini begitu mudah, semuanya di dalam cPanel anda.<br />

<h4>
Create database MySql menggunakan cPanel</h4>
<h5>
<span style="font-weight: normal;">Langkah 1.1: </span></h5>
Anda perlu login ke dalam akaun hosting cPanel anda terlebih dahulu untuk create database. Klik <strong>MySQL Databases</strong> untuk akses ke database panel anda.<br />

<h5>
<span style="font-weight: normal;">Langkah 1.2:</span></h5>
Sila masukkan nama database anda di dalam ruangan <strong>New Database</strong> dan klik <strong>Create Database</strong>.<br />

<h5>
<span style="font-weight: normal;">Langkah 1.3:</span></h5>
Satu screen page akan keluar untuk mengesahkan anda telah pun create satu database baru, seperti dibawah:<br />

<h5>
<span style="font-weight: normal;">Langkah 1.4:</span></h5>
Anda boleh klik Go Back untuk kembali ke ruangan skrin untuk manage database tadi.<br />

Setiap database yang di-create tadi akan menggunakan nama username (username cPanel), sebagai contoh: <em><strong>username_databasename</strong></em> dan ini merupakan nama database yang akan anda gunakan nanti untuk install Joomla 1.5.<br />

Setelah selesai create nama database, anda perlu create user untuk
database dan assign user ni kepada database tadi. Anda hanya perlu
memasukkan username dan password untuk create <strong>MySQL user</strong>. Sila rujuk gambar dibawah:<br />

Selesai masukkan username dan password untuk <strong>MySQL User, </strong>klik <strong>Submit</strong>.<br />

MySQL user juga akan menggunakan nama username cPanel anda (<em>username_user</em>).<br />

<h5>
<span style="font-weight: normal;">Langkah 1.5:</span></h5>
Setelah database dan user database di-create, anda perlu masukkan
privileges tertentu untuk user tersebut akses ke database. Untuk
berbuat demikian, anda perlu memilih melalui drop-drop menus di <strong>Add User To Database</strong> dan klik butang <strong>Submit</strong>:<br />

Satu skrin akan keluar setelah anda tekan butang Submit tadi, dan anda perlu klik <strong>All Privileges</strong> dan klik <strong>Make Changes</strong>:<br />

Selesai create database.<br />

Kesemua Langkah 1.1 hingga 1.5 di atas boleh dirumuskan dengan
menggunakan MySQL Database Wizard. Klik icon tersebut, dan anda akan
diajar langkah seterusnya untuk create database dan add user kepada
database tersebut. Cara ini lebih cepat. Dan, hasilnya adalah sama
dengan cara Langkah 1.1 hingga Langkah 1.5 tadi. Gambar icon <strong>MySQL Database Wizard</strong>:<br />

<h5>
<span style="font-weight: normal;">Langkah 2:</span></h5>
Setelah selesai create database menggunakan MySQL di dalam cPanel tadi, anda perlu <strong>upload </strong>kesemua file Joomla ke dalam webhosting anda. Sila download file Joomla yang terkini terlebih dahulu di <a href="http://joomla.org/" target="_blank">Joomla.org</a>.<br />

<h5>
<span style="font-weight: normal;">Langkah 3:</span></h5>
Extract file download Joomla di dalam PC anda terlebih dahulu. Kemudian <strong>upload</strong> file tersebut menggunakan FTP. FTP kegemaran aku adalah FileZilla. <a href="http://filezilla-project.org/download.php" target="_blank">Anda boleh download software FTP Filezilla secara percuma disini</a>. Upload file Joomla kedalam <strong>public_html </strong>jika anda mahukan web Joomla anda di domain utama (<em>www.balootisme.com</em>), atau buat satu sub domain atau sub directory jika anda mahukan web Joomla anda berada di tempat tersebut (<em>blog.balootisme.com</em> atau <em>www.balootisme.com/blog</em>).<br />

<h5>
<span style="font-weight: normal;">Langkah 4:</span></h5>
Selesai upload file Joomla, sila ke domain yang anda upload file tersebut, <em>http://www.balootisme.com</em>, dan skrin untuk install Joomla akan keluar di domain tersebut seperti dibawah:<br />

Sila pilih Bahasa anda, aku sentiasa pilih <em>English (United Kingdom).</em><br />

<h5>
<span style="font-weight: normal;">Langkah 5:</span></h5>
Joomla akan cek sistem hosting anda, untuk tentukan samada
webhosting anda sesuai untuk kegunaan web Joomla atau tidak. Jika
webhosting anda gagal dalam sistem ini, kemungkinan web anda akan
di-hack amatlah besar kerana tidak mempunyai sistem sekuriti yang
kukuh. Jika anda mendapatkan webhosting daripada <strong><a href="http://blog.balootisme.com/exabytes.php" target="_blank">Exabytes</a></strong>, anda tidak akan mempunyai masalah untuk langkah ini.<br />

<h5>
<span style="font-weight: normal;">Langkah 6:</span></h5>
Selepas itu, klik <strong>Next </strong>untuk ke langkah seterusnya
setelah selesai cek ciri-ciri yang diperlukan oleh webhosting untuk
install web Joomla 1.5 ini.  Klik <strong>Next</strong> lagi untuk terima dan bersetuju dengan lesen penggunaan web Joomla.<br />

<h5>
<span style="font-weight: normal;">Langkah 7:</span></h5>
Untuk langkah ini, anda perlu memasukkan segala detail database,
nama database, user database, dan password database yang telah anda
buat tadi di Langkah 1.1 hingga Langkah 1.5. Contoh untuk isi ruangan
database:<br />

<h5>
<span style="font-weight: normal;">Langkah 8:</span></h5>
Seterusnya, anda perlu setup untuk File Transfer Protocol (FTP)
untuk laman web Joomla 1.5 anda. Anda boleh skip step ini dan tekan <strong>Next</strong>. Langkah ini tidak begitu penting dan biarkan ianya di-set secara default sahaja.<br />

<h5>
<span style="font-weight: normal;">Langkah 9:</span></h5>
Pada langkah ini anda perlu memasukkan segala detail tentang laman
web Joomla 1.5 anda. Seperti email anda dan password dan juga Title web
Joomla anda. Di sini juga anda boleh <strong>Install Sample Data</strong>
jika anda mahu. Penerangan tentang Install Sample Data ada diterangkan
di bahagian atas post ini (bahagian Fantastico). Setelah selesai, klik
butang <strong>Next</strong>.<br />

<h5>
<span style="font-weight: normal;">Langkah 10:</span></h5>
Anda telah pun berjaya install laman web Joomla 1.5 secara manual. Kini, apa yang perlu lakukan adalah, delete folder file <strong>Installation</strong>. Folder ini terletak di dalam FTP anda (dalam <em>public_html</em>). Setelah selesai delete folder Installation, anda boleh menggunakan laman web Joomla anda sekarang. Login admin ke <em>http://www.balootisme.com/administrator</em> (cth).<br />

DONE!

T utorial Joomla 1.5 kini dalam versi Bahasa Melayu dan bertulis. Nampaknya tak ramai sangat yang suka tutorial dalam bentuk video. Hee.. Ta...

Belajar Menggunakan Joomla Layout dan Modul Template Joomla

<p><span class="drop_cap">T</span>utorial Joomla 1.5 kali ini akan menerangkan tentang <b>Joomla Layout</b>.
Apa itu Joomla Layout? Sebelum mengetahui lebih lanjut tentang Joomla
Layout, pastikan anda telah mempunyai laman web Joomla 1.5
terlebih dahulu. Untuk tutorial cara-cara untuk setup Joomla 1.5, sila
baca post <a href="http://blog.balootisme.com/joomla/tutorial-joomla-15-install-joomla-15-menggunakan-fantastico-dan-secara-manual/" target="_blank">Install Joomla 1.5 Menggunakan Fantastico dan Secara Manual</a>. OK, Joomla Layout ni boleh dikatakan sebagai peta untuk menentukan setiap kedudukan Modul, artikel, menu dan lain-lain.<br />
Setiap template Joomla adalah berlainan kedudukan Joomla Layout. Di
bawah ini aku sediakan screenshot untuk default Joomla Layout. Jika
anda baru install Joomla 1.5 secara default mengikut tutorial aku
sebelum ni (<a href="http://blog.balootisme.com/joomla/tutorial-joomla-15-install-joomla-15-menggunakan-fantastico-dan-secara-manual/" target="_blank">Install Joomla 1.5</a>), kedudukan layout adalah seperti dibawah:  <span id="more-843"></span><br />
<div class="wp-caption alignnone" id="attachment_846" style="width: 510px;">
<a href="http://blog.balootisme.com/wp-content/uploads/2009/06/tutorial-joomla-default-joomla-layout-penerangan.jpg"><img alt="Rujuk imej diatas untuk setiap penerangan Nombor 1 hingga 10 dibawah" class="size-large wp-image-846" height="500" src="http://blog.balootisme.com/wp-content/uploads/2009/06/tutorial-joomla-default-joomla-layout-penerangan-500x500.jpg" title="tutorial-joomla-default-joomla-layout-penerangan" width="500" /></a><br />
<div class="wp-caption-text">
Rujuk imej diatas untuk setiap penerangan Nombor 1 hingga 10 dibawah</div>
</div>
Photo Credit: <a href="http://siteground.com/" target="_blank">SiteGround.com</a><br />
Perhatikan imej diatas, ada nombor-nombor untuk setiap kedudukan
masing-masing. Aku akan menerangkan tentang kedudukan setiap satu
supaya anda lebih memahami tentang Joomla Layout dan bagaimana
untuk ubah kedudukannya.<br />
Setiap Joomla template mempunyai Layout yang berlainan. Ini perlu
diingat supaya tidak memeningkan kepala. Hee.. Di dalam tutorial ini,
imej diatas telah ditandakan dengan nombor 1 hingga 10. Untuk
ubah kedudukan setiap satu, anda perlu ke <b>Extensions -> Module Manager</b>. Menu Extensions terdapat di bahagian atas di dalam <i>http://www.domainanda.com/administrator</i>. Anda hanya perlu menukar <b>Position</b> untuk ubah kedudukan. Antara kedudukan yang digunakan di dalam default Joomla template adalah <i>top, user1</i> hingga <i>user6, left, right, header, footer, breadcrumb</i> dan <i>newsflash</i>.<br />
Aku akan menerangkan nombor-nombor untuk imej diatas. Sila rujuk
imej di atas untuk setiap Nombor di bawah supaya tidak memeningkan anda
semasa membaca tutorial aku ini. :D<br />
<h4>

Nombor 1</h4>
Di kedudukan <b>‘top’</b> merupakan kedudukan untuk <b>‘Banners’</b> dan <b>‘Newsflash’</b>. Kedudukan ini adalah secara default.<br />
Modul Banners memberikan anda kemudahan untuk muat naik gambar (cth:
Iklan banner). Anda boleh meletakkan banner Affiliate Program yang anda
sertai dan masukkan link affiliate anda untuk gambar di
Banners tersebut. Aku pasti, anda tidak mempunyai masalah untuk
bahagian memasukkan link tersebut. Untuk edit <b>Banners</b>, anda boleh ke menu <b>Components -> Banners</b>. Sebelum itu, pastikan modul Banners anda telah pun di-publish di menu <b>Extensions -> Module Manager</b>.<br />
Antara kegunaan modul <b>Newsflash</b> adalah untuk
paparkan artikel secara rawak (random) samada secara horizontal ataupun
vertical. Di dalam ruangan Administrator Joomla (<i>http://www.domainanda.com/administrator</i>), anda boleh memilih Category artikel yang mana untuk dipaparkan di modul Newsflash ini.<br />
<h4>

Nombor 2</h4>
Modul untuk nombor 2 merupakan <b>Top Menu</b> dan positionnya adalah <b>‘user3′</b> jika menggunakan template Joomla secara default. Top Menu boleh di-ubah di <b>Menus -> Menus Manager</b> di dalam Administrator Joomla.<br />
Kemudian anda boleh paparkan modul <b>Top Menu</b> yang anda baru sahaja buat.<br />
<h4>

Nombor 3</h4>
Modul ini dinamakan <b>Breadcrumbs</b> dan berada di position <b>‘breadcrumb’</b> di dalam <b>Extensions -> Modul Manager</b>.
Breadcrumbs merupakan satu navigasi untuk memaparkan kedudukan semasa
anda ketika berapa di page-page di dalam laman web Joomla anda. Paham
ke maksud ayat aku tu? Haha..<br />
OK, sebagai contoh: Katakanlah anda berada di page yang bertajuk <b>‘Mari Belajar Joomla’</b>.
Maka Breadcrumbs di web anda akan memaparkan Home -> Mari Belajar
Joomla. Penggunaan Breadcrumbs adalah penting jika laman web tersebut
mempunyai sub-sub menu yang banyak serta “dalam”. Sebagai contoh
sub-menu yang “dalam”:<br />
<pre>Home -> Tutorial -> Belajar Joomla 1.5 -> Install Joomla -> Menggunakan Fantastico</pre>
<pre>Home -> Tutorial -> Belajar Joomla 1.5 -> Install Joomla -> Menggunakan FTP</pre>
<pre>Home -> Tutorial -> Belajar Joomla 1.5 -> Install Joomla -> Dan sebagainya.........</pre>
Perhatikan sub-sub menu di-atas, aku pasti anda semua telah pun
faham penggunaan Breadcrumbs. Ini untuk memudahkan pelawat laman web
anda untuk ke menu sub-Home atau mana-mana menu yang lain.<br />
<h4>

Nombor 4</h4>
Modul ini dinamakan <b>Search</b> dan diletakkan position di <b>‘user4′</b> di dalam default template Joomla anda. Modul <b>Search</b>
ini memberikan kemudahan kepada anda dan juga pelawat laman web Joomla
anda sebagai engin-carian (search engine), hanya carian di dalam laman
web anda sahaja.<br />
<h4>

Nombor 5</h4>
Bahagian ini dinamakan position <b>‘left’</b> untuk meletakkan sebarang modul. Bahagian <b>‘left’</b>
ini akan memaparkan apa jua modul yang anda letakkan, secara menegak
(vertical). Sebagai contoh, anda boleh meletakkan sebarang menu, forms,
galleri gambar, statistik pelawat laman web dan sebagainya.<br />
<h4>

Nombor 6</h4>
Dinamakan <b>Latest News</b> dan modul ini diletakkan di-position <b>‘user1′</b>
di dalam template default. Modul ini memaparkan artikel yang terbaru
daripada Categories yang anda pilih. Sebagai contoh: Jika anda set-kan
untuk memaparkan categories <i>Tutorial</i>, maka selepas anda Publish-kan artikel di dalam categories Tutorial, ianya akan dipaparkan di modul <b>Latest News</b> ini. Hanya tajuk artikel tersebut dipaparkan.<br />
<h4>

Nombor 7</h4>
Modul ini dinamakan <b>Popular</b> dan berada di-position <b>‘user2′</b>
di dalam template Joomla anda. Hanya artikel yang banyak pelawat
(views) akan disiarkan di modul ini. Ianya di-setkan secara automatik
oleh sistem Joomla 1.5 ini. Atau anda juga boleh set-kan categories
mana yang akan berada di <b>Popular</b> ini.<br />
<h4>

Nombor 8</h4>
Ini merupakan bahagian utama laman web Joomla anda. Modul ini akan
memaparkan artikel yang paling baru anda buat dan jika anda set-kan
artikel tersebut untuk berapa di <b>Front Page</b>, ianya akan berada di sini.<br />
Segala artikel yang berada disini, anda boleh ubah suai modul ini dengan merujuk <b>Content -> Front Page Manager</b>.<br />
<h4>

Nombor 9</h4>
Modul ini dinamakan <b>Polls</b> dan berada di <b>‘right’</b> dalam position template Joomla anda. Segala setting untuk modul ini anda boleh ke menu <b>Components -> Polls</b>. Selepas anda buat <b>Polls</b>, anda boleh set-kan polls yang mana untuk di paparkan di laman web Joomla anda. Untuk edit <b>Polls</b> ini, anda boleh ke <b>Extensions -> Module Manager</b> dan edit modul yang bernama <b>“Polls”</b>. Sebagai contoh, untuk ubah nama Polls kepada <b>“Survey Hari Ini”</b>.<br />
Anda juga boleh meletakkan pelbagai lagi modul di kedudukan <b>‘right’</b>
ini mengikut keperluan anda. Contohnya, Ruang Pengiklanan untuk pelawat
anda tempah iklan di laman web tersebut yang bersaiz 125×125.<br />
<h4>

Nombor 10</h4>
Segala modul yang berada di-position ini berada di kedudukan <b>‘footer’</b> di dalam template Joomla anda. Jika secara default, modul <b>Banners</b> dan <b>Footer</b> yang berada di bahagian ini. Anda boleh gunakan modul <b>Footer</b>
untuk memaparkan link-link kegemaran anda, copyright notice dan juga
gambar atau galeri. Semuanya mengikut kreativiti anda. Ianya adalah
bebas. Hee..<br />
Anda masih pening dengan tutorial aku diatas, jangan pening lagi.
Kemukakan masalah pening anda itu di ruangan komen di bawah. Aku sudi
membantu anda. Inilah antara kelebihan blog aku, kemukakan
sebarang masalah anda di sini. Insyaallah aku akan selesaikan dengan
secepat mungkin.</p>

T utorial Joomla 1.5 kali ini akan menerangkan tentang Joomla Layout . Apa itu Joomla Layout? Sebelum mengetahui lebih lanjut tentang Joomla...

5 Must-See Free Web Hosting Services

<p>For those who emailed me asking for the
free hosting reviews – here’s your answer.<br />
 I did a very quick research
on free hosting market and had just handpicked five good ones.<br />
They
might not be the best but all of them have good reputation and I read
good words<br />
 about their services.<br />
Well, without any delay, here goes the list. <br />
<span style="font-size: x-small;"><b>1. Dot Easy</b></span><br />
<img alt="DotEasy Free Hosting" class="border" height="278" src="http://www.webhostingsecretrevealed.com/images/2008/1108-1.jpg" width="400" /><br />
<a href="http://www.webhostingsecretrevealed.com/doteasy.php">DotEasy</a>
started in 2000 and they are among the first that comes up with $0
Hosting plan.<br />
They are hosting over 160,000 domains at the time of
writing.<br />
A point worth noting is that, DotEasy.com is the only free hosting I
ever tried and<br />
 I find them pretty good – do pay extra attention on them
if you’re serious about getting<br />
something for nothing. <img alt=";)" class="wp-smiley" src="http://www.webhostingsecretrevealed.com/wp-includes/images/smilies/icon_wink.gif" />  <br />
<b>What you get with DotEasy?</b> <br />
Free web hosting with 100MB storage and 1GB bandwidth.<br />
Unlike most other free hosting, DotEasy doesn’t force banner ads on
the websites<br />
 hosted free with them. Also, they allow FTP access, domain
forwarding, provide free<br />
 blog/forum/gallery/web form features, support
video/audio streaming.<br />
<b><img alt="" src="http://www.webhostingsecretrevealed.com/images/bullet.gif" /> <a href="http://www.webhostingsecretrevealed.com/doteasy.php">Visit DotEasy online.</a></b><br />
<span style="font-size: x-small;"><b><br />
2. Agility Hoster </b></span><br />
<img alt="AgilityHoster Free Hosting" class="border" height="330" src="http://www.webhostingsecretrevealed.com/images/2008/1108-3.jpg" width="400" /> <br />
AgilityHoster’s website seems a bit crappy but their free hosting
plan is not bad.<br />
The free 5GB bandwidth, 200MB disk storage, and 2
addon domains are kinda good. <br />
<img alt="" src="http://www.webhostingsecretrevealed.com/images/bullet.gif" /> <b><a href="http://www.agilityhoster.com/" rel="nofollow">Visit AgilityHoster online.</a></b>  <br />
<span style="font-size: x-small;"><b><br />
3. Beacon Hosting </b></span><br />
 <br />
Beacon’s <a href="http://beaconhosting.net/hosting.php">free web hosting plan</a>
is generous. You’ll get 1,000MB storage,<br />
 100,000MB bandwidth, and
capacity of 10 addon domains on an add-free free hosting account.<br />
With
a stable up to date LAMP platform provided, I believe Beacon Hosting is
ideal for small business websites.<br />
<img alt="" src="http://www.webhostingsecretrevealed.com/images/bullet.gif" /> <b><a href="http://beaconhosting.net/">Visit Beacon Hosting online.</a></b><br />
<span style="font-size: x-small;"><b><br />
4. Zymic</b></span><br />
<img alt="FreeHostia Free Hosting" class="border" height="322" src="http://www.webhostingsecretrevealed.com/images/2008/1108-4.jpg" width="400" /> <br />
If FreeHostia’s hosting plan is generous, then Zymic’s plan is
crazy! They offer 5GB<br />
 disk storage and 50GB bandwidth to all of their
users. Plus, the free hosting plan comes<br />
 along with various valuable
features such like MySQL database and WebStats. <br />
<img alt="" src="http://www.webhostingsecretrevealed.com/images/bullet.gif" /> <b><a href="http://www.zymic.com/" rel="nofollow">Visit Zymic online.</a></b><br />
<span style="font-size: x-small;"><b><br />
5. Mister</b></span><br />
<a href="http://www.mister.net/"><img alt="Mister Free Hosting" class="border" height="273" src="http://www.webhostingsecretrevealed.com/images/2008/1108-5.jpg" width="320" /></a> <br />
Mister free hosting plan offers 250 MB storage and 5GB bandwidth.
Users also<br />
 get to create unlimited POP3 email accounts, access to CGI
Bin, host PHP site,<br />
as well as using the Server Side Includes features.
Oh ya, did I tell you that Mister’s website is so nicely designed?<br />
<img alt="" src="http://www.webhostingsecretrevealed.com/images/bullet.gif" /> <b><a href="http://www.mister.net/" rel="nofollow">Visit Mister online.</a></b>
<br />
<br />
<h3>

Wrapping things up: Is free web hosting recommended?</h3>
<div id="floatright">

<img alt="Comment on free web hosting" src="http://www.webhostingsecretrevealed.com/images/2008/1108-6.jpg" /><br />
</div>
So you wish to know what I think about free hosting… Honestly?<br />
To me, free web hosting does not sound like a good choice – especially if you are<br />
 serious in developing a good website. <br />
I can name a dozen of disadvantages that come along with these free
web hosts –<br />
 lack of securities, domain ownership problem, server
reliability, hosting management ethic issues…<br />
there’s so much
possibility for a free web host to screw up thus it doesn’t look like a
good deal to me<br />
 even though it’s free. <br />
A free web host, however, benefits beginners who wish to test their
skills cost-free and for those with<br />
 little or no budget (students, for
example) at all. Free hosting solutions work perfectly well when it is<br />
meant for training or testing purpose. There aren’t much free hosting
services around that offer<br />
 comprehensive hosting features but listed
below are some of the better ones I knew.</p>

For those who emailed me asking for the free hosting reviews – here’s your answer. I did a very quick research on free hosting market and ...

MEMBUAT SUB-MENU Joomla

<p>1. Seperti biasa login ke admin panel<br />
<br />
2. <br />
<img alt="" border="0" height="184" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-15.gif" width="400" /><br />
<br />
<img alt="" border="0" height="231" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-16.gif" width="400" /><br />
<br />
<img alt="" border="0" height="254" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-17.gif" width="400" /><br />
<br />
<img alt="" border="0" height="263" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-18.gif" width="400" /><br />
<br />
<img alt="" border="0" height="248" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-19.gif" width="400" /><br />
<br />
<img alt="" border="0" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-20.gif" /><br />
<br />
<img alt="" border="0" height="218" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-21.gif" width="400" /><br />
<br />
<img alt="" border="0" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-22.gif" /><br />
<br />
Selesai.<br /></p>

1. Seperti biasa login ke admin panel 2. Selesai.

MEMBUAT MENU UTAMA Joomlaa

<p><br />
<img alt="" border="0" height="221" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-1.gif" width="400" /><br />
Anda perlu tukar menu asal ke menu anda sendiri sesuai dengan isi kandungan laman web. Sebagai contoh menu utama;<br />
<br />
<span style="text-decoration: underline;"><b>Menu Utama</b></span><br />
> Laman Utama<br />
> <span style="color: red;">Komputer</span><br />
  - Perkakasan (sub-menu Komputer)<br />
  - Sistem Operasi<br />
  - Perisian<br />
  - Sekuriti<br />
> <span style="color: red;">Laman Web</span><br />
  - Asas HTML (sub-menu Laman Web)<br />
  - Asas PHP<br />
> <span style="color: red;">Multimedia</span><br />
  - Grafik (sub-menu Multimedia)<br />
  - Audio<br />
  - Video<br />
> <span style="color: red;">Galeri</span><br />
  - Foto (sub-menu Galeri)<br />
  - Video<br />
<br />
[size=14]<b>Cara-Cara Membuat Menu:</b>[/size]<br />
1. Login ke admin control panel<br />
<br />
2. Klik Menu Manager<br />
<img alt="" border="0" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-2.gif" /><br />
<br />
3. Klik menu item menu utama<br />
<img alt="" border="0" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-3.gif" /><br />
<br />
<br />
4. Klik Home<br />
<img alt="" border="0" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-4.gif" /><br />
<br />
<br />
5. Tukar Title menjadi Laman Utama<br />
<img alt="" border="0" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-5.gif" /><br />
<br />
<br />
6. Untuk buang semua menu sediada kecuali Laman Utama<br />
Pilih semua menu kecuali Laman Utama dan klik Trash<br />
<img alt="" border="0" height="254" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-6.gif" width="400" /><br />
<br />
<br />
7. Membuat Sections. Klik Content > Section Manager<br />
<img alt="" border="0" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-7.gif" /><br />
<br />
<br />
8. Klik New.<br />
<img alt="" border="0" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-8.gif" /><br />
<br />
<br />
9. Masukkan Title yang sesuai dengan menu (Komputer). Kemudian Save<br />
Ulang proses ini untuk Laman Web, Multimedia & Galeri.<br />
<img alt="" border="0" height="252" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-9.gif" width="400" /><br />
<br />
10. Empat section telah anda buat.<br />
<img alt="" border="0" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-10.gif" /><br />
<br />
11. Membuat menu dan link ke section.<br />
Klik Menu > Menu Utama/Main Menu<br />
Klik New<br />
<img alt="" border="0" height="169" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-11.gif" width="400" /><br />
<br />
<br />
12. Klik Article > Section Blog Layout<br />
<img alt="" border="0" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-12.gif" /><br />
<br />
<br />
13. Masukkan maklumat seperti berikt;<br />
Title: Komputer<br />
Section: Komputer<br />
Lain2 set default<br />
Klik Save<br />
<br />
Ulang proses no 12 & 13 untuk membat menu Laman Web, Multimedia & Galeri<br />
<img alt="" border="0" height="170" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-13.gif" width="400" /><br />
<br />
14. Contoh menu yang dihasilkan.<br />
<img alt="" border="0" height="234" src="http://komputermalaysia.com/tutorial/joomla/putera_local_menu-14.gif" width="400" /><br /></p>

Anda perlu tukar menu asal ke menu anda sendiri sesuai dengan isi kandungan laman web. Sebagai contoh menu utama; Menu Utama > Laman...