Rabu, 19 Agustus 2009

cara mengganti template joomla

Diposting oleh El-Fikar

Pada saat CMS Joomla terinstal, template yang biasa digunakan adalah template Rhuk Solar Flare yang merupakan template bawaan dari joomla.














Kita bisa mengganti tampilan template sesuai dengan yang kita inginkan. Untuk model-model tampilannya sahabat dapat mendownloadnya disini


Untuk mengganti tampilan template sesuai dengan yang sahabat inginkan, silahkan ikuti langkah-langkah berikut (disini kami menggunakan template Redevo_Aphelion):

1.Buka web browsing, masuk ke halaman administrator dengan
mengetik http://localhost/www.smalabschoolunsyiah.edu/administrator.

2.Pada halaman administrator, masuk ke menu Site > Template Manager > Site Templates.

3.Klik New lalu klik Browse dan carilah template redevo_aphelion.zip pada directory D:/master/joomla/template/ redevo_aphelion.zip (telah penulis simpan pada directory tersebut) lalu klik ”Upload File & Install”.

4.Pilihlah radio button redevo_aphelion Lalu klik ”default”.

5.Buka kembali web browsing dan ketik http://localhost/www.smalabschoolunsyiah.edu pada URL lalu klik tombol refresh.

Tampilan template joomla sahabat sekarang akan berubah menjadi seperti gambar di bawah ini


Baca Selengkapnya..
Selasa, 11 Agustus 2009

Dasar-Dasar HTML

Diposting oleh El-Fikar

Seperti suatu dokumen umumnya, dokumen HTML dapat terdiri dari teks-teks, gambar, suara, ataupun video. Tetapi ada satu hal yang membedakan dokumen HTML dengan dokumen-dokumen lainnya, yaitu adanya elemen-elemen HTML beserta tag-tag-nya. Element dan tag ini berfungsi untuk memformat atau menandai suatu bagian tertentu dari dokumen HTML dan juga untuk menentukan struktur bagian tersebut dalam dokumen HTML. Element dan tag inilah yang merupakan ciri utama dari suatu dokumen HTML.


1.Elemen

Dalam dokumen HTML, elemen dibagi menjadi dua kategori utama, yaitu elemen-elemen "Head" yang memberikan informasi tentang dokumen tersebut, seperti judul dokumen atau hubungannya dengan dokumen lain serta elemen-elemen "Body" yang menentukan bagaimana isi suatu dokumen ditampilkan dalam browser, seperti paragraph, list (daftar), table, dll. Suatu elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut.

2.Tag

Sewaktu browser menampilkan suatu web page, browser tersebut akan membaca teks-teks pada dokumen HTML dan mencari suatu kode khusus yang disebut tag. Tag ini dinyatakan dengan tanda lebih kecil (<) dan lebih besar (>). Tag biasanya merupakan suatu pasangan yang disebut tag awal dan tag akhir. Tag awal dinyatakan dalam bentuk ,sedangkan tag akhir dinyatakan dalam bentuk . Perhatikan contoh format penulisan tag berikut:

teks yang ditampilkan

Sebagai contoh untuk menampilkan teks dalam format miring digunakan elemen I, yang dinyakan sebagai berikut:

Teks ini akan terlihat miring di browser Anda

Contoh di atas jika dilihat dalam browser akan menampilkan tulisan berupa

Teks ini akan terlihat miring di browser Anda

Tag awal memberitahukan browser untuk memulai huruf dengan format miring dan tag akhir memberitahukan bowser untuk mengakhiri format huruf miring tersebut.

CATATAN:

HTML tidak membedakan penggunaan huruf besar atau huruf kecil dari suatu elemen. Anda dapat menuliskan …… sebagai …….. ataupun ……., semuanya akan memberikan hasil yang sama.

Baca Selengkapnya..

Sahabat pasti pernah mendengar bahasa HyperText Markup Language atau biasa disingkat dengan HTML. Sebenarnya apa sih bahasa HTML itu? simak penjelasan berikut ini!!!

HTML atau HyperText Markup Language adalah suatu bahasa yang digunakan untuk membuat halaman-halaman hypertext pada internet. Dengan konsep hypertext ini, untuk membaca suatu dokumen sahabat tidak harus membacanya secara urut, baris demi baris, atau halaman demi halaman. Tetapi sahabat dapat dengan mudah melompat dari suatu topik ke topik lainnya yang sahabat sukai, seperti halnya pada online Help dari suatu aplikasi windows.


Dokumen HTML disebut Marup Language karena mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Misalnya sahabat dapat menentukan baris-baris mana yang merupakan judul atau subjudul. Sahabat juga dapat menentukan dimana suatu gambar harus muncul dan jenis platform apa yang berlaku pada suatu kumpulan tekt tertentu. Sahabat bahkan dapat membuat table, form ataupun dokumen dengan bingkai-bingkai di dalamnya dengan menggunakan tanda-tanda HTML tersebut.

Kalau sahabat ingin lebih mengenal tentang HTML silahkan baca artikel tentang HTML berikutnya.....salam

Baca Selengkapnya..
Senin, 03 Agustus 2009

Langkah-langkah Mengistal Joomla pada localhost

Diposting oleh El-Fikar


Disebabkan Joomla menggunakan bahasa pemograman PHP, maka diperlukan sebuah server untuk mendukung aplikasi tersebut. Aplikasi server yang dibutuhkan oleh Joomla adalah Apache. Selain itu, Joomla juga membutuhkan database MySQL untuk menyimpan seluruh content/isi dari web


Oleh sebab itulah sebelum menginstal Joomla langkah pertama yang harus dilakukan adalah menginstal XAMPP dan mengaktifkannya. XAMPP merupakan software yang bersifat multi aplikasi untuk web server, artinya dengan sekali instal, semua aplikasi pendukung seperti PHP, database MySQL, dan Apache langsung terinstal dan terkonfigurasi dengan baik. Berikut langkah-langkah instalasinya:

1.Buka file xampp-win32-1.6.2 yang telah dipersiapkan sebelumnya.(donwload xampp)
2.Double klik dan lakukan penginstallan seperti biasa
3.Pilih Bahasa kemudian klik Next dan seterusnya
4.Tunggu sampai proses instalasi selesai lau Klik Finish.
5.Aktifkan Apache dan MySQL dengan mengklik tombol Start pada XAMPP yang telah terinstal.

Setelah aplikasi XAMPP terinstal di komputer maka langkah selanjudnya adalah menginstal installer Joomla. Langkah-langkahnya sebagai berikut:

1. Copy installer joomla yang telah dipersiapkan pada direktory ”C:\xampp\htdocs” lalu rename file Joomla tersebut menjadi www.smalabschoolunsyiah.edu(atau sesuai dengan keinginan Anda).

2. Buka aplikasi web browser Mozilla Firefox/Internet Explore dan pada URL ketik http://localhost/ www.smalabschoolunsyiah.edu lalu tekan enter.

3. Pada halaman ”pre-installation check” periksalah setting check dan directory & file permission check, lakukan konfigurasi yang dianggap perlu selanjudnya klik ”Next”.

4. Pada halaman ”License” klik ”Next”.

5. Pada halaman ” Step 1: MySQL Database Configuration”, pada hostname ketik: localhost, pada MySQL Username ketik: root, dan pada MySQL Database Name ketik: labschool (nama untuk database website yang dikerjakan) lalu klik ”Next”, saat muncul jendela konfirmasi pilih OK.

6.Pada ”Step 2: Enter the name of your Joomla! Site” ketik: Situs SMA Laboratorium Universitas Syiah Kuala, klik ”Next”.

7.Pada ”Step 3: Confirm the site URL, path, admin e-mail” ketikan e-mail yang akan digunakan pada website misalnya e-mail: labschool @smalabschoolunsyiah.edu lalu masukkan admin password: 666666 lalu klik ”Next”.

8.Pada ”Step 4: Congratulation! Joomla! Is installed” ingatlah username: admin dan password: 666666 yang akan digunakan untuk masuk ke halaman Administrator.

9.Langkah terakhir klik View Site untuk masuk ke halaman website atau klik Administration untuk masuk ke halaman Administrator atau dengan mengetikkan pada URL http://localhost/www.smalabschoolunsyiah.edu jika ingin masuk ke halaman Front End website dan ketik http://localhost/www.smalabschoolunsyiah.edu /administrator untuk masuk ke halaman Administrasi.

Demikianlah cara untuk menginstall joomla pada localhost. Nantikan tutorial Joomla selanjudnya.....

Selamat mencoba!!!

Baca Selengkapnya..