Jurusweb.com http://www.jurusweb.com Media pembelajaran dan berbagi pengalaman untuk pengembang situs internet Indonesia. Tue, 08 Sep 2009 15:44:40 +0000 en hourly 1 http://wordpress.org/?v=3.1.1 Pengenalan Syntax CSS http://www.jurusweb.com/desain-web/css/2009/09/pengenalan-syntax-css.html http://www.jurusweb.com/desain-web/css/2009/09/pengenalan-syntax-css.html#comments Tue, 08 Sep 2009 15:44:40 +0000 Tajid Yakub http://www.jurusweb.com/?p=528 CSS (Cascading Style Sheet) merupakan standard yang dibuat untuk melengkapi standard HTML dalam melakukan formatting tampilan. Diperkenalkan sejak HTML 4.0, dan saat ini semua browser modern sudah mendukung CSS.

Mulai Belajar CSS

Umumnya, CSS dipelajari setelah anda memiliki pengetahuan atau mengenal HTML dengan baik, karena kedua hal ini saling terkait satu sama lain. Namun demikian, sangat memungkinkan untuk secara bersamaan mempelajari keduanya melalui contoh-contoh yang banyak terdapat di Internet.

Kegunaan CSS

Css dapat membantu kita melakukan hal-hal sebagai berikut;

  • Mengatur bagaimana sebuah elemen HTML ditampilkan oleh browser
  • Mempercepat dan menjaga konsistensi perancangan sebuah halaman situs karena CSS dapat diletakkan di file lain (eksternal) dan dapat digunakan berulang-ulang
  • Pemisahan antara proses pembuatan HTML dan pengaturan tampilan memberikan kita kemudahan dalam melakukan perubahan dan perbaikan di kemudian hari
  • CSS memiliki aturan prioritas mengenai properti yang mana yang akan digunakan oleh sebuah elemen HTML, hal ini memudahkan proses logika dalam tahap pembuatan, karena hasilnya menjadi bisa ditentukan (predictable).

Syntax

Syntax CSS terdiri dari 3 bagian;

  • Selector
  • Property
  • Valua

Dituliskan dalam format;

selector { property: value; property2: value2}

Selector biasanya merupakan elemen HTML yang ingin kita atur tampilannya, misalnya;

body {color:#000000; margin:0px;}

Contoh di atas memberikan nilai hitam (#000000) pada property color di elemen body, dengan demikian color (warna font) selama tidak diubah pada aturan lainnya akan memiliki warna hitam. Juga diperhatikan bahwa untuk memberikan lebih dari 1 property dapat dilakukan pemisahan dengan semicolon (;).

Agar lebih mudah dibaca, contoh diatas juga bisa ditulis seperti;

body {
     color:#000000;
     margin:0px;
}

Pengelompokkan

Selector dapat kita kelompokkan untuk menggunakan satu aturan yang sama dengan menggunakan tanda koma, contoh berikut akan memberikan nilai abu-abu (#cccccc) pada property color di elemen heading (h1-h5).

h1, h2, h3, h4, h5 {
    color:#cccccc;
}

Dengan demikian, semua elemen heading (h1 – h5) akan menggunakan warna abu-abu kecuali diubah oleh aturan dibawahnya.

Mengaitkan Halaman HTML dengan File CSS

File CSS yang dibuat terpisah atau eksternal dengan ekstensi .css dapat dikaitkan ke dalam file HTML melalui <link rel=’stylesheet’> yang biasanya diletakkan di dalam tag <head>. Berikut adalah contoh penulisannya;

<head>
...
    <link rel='stylesheet' href='/path/url/css/namafilestyle.css' type='text/css' />
...
</head>

Demikian merupakan konsep dasar CSS untuk dipelajari sebelum kita dapat menggunakannya pada sebuah halaman HTML.

Referensi

Artikel Terkait

  • Tidak Ada Artikel Terkait
]]> http://www.jurusweb.com/desain-web/css/2009/09/pengenalan-syntax-css.html/feed 0 Instalasi WordPress Secara Manual http://www.jurusweb.com/content-management/wordpress/2009/09/installasi-wordpress-secara-manual.html http://www.jurusweb.com/content-management/wordpress/2009/09/installasi-wordpress-secara-manual.html#comments Sat, 05 Sep 2009 20:05:31 +0000 Achmad Maulana http://www.jurusweb.com/?p=464 Artikel sederhana berikut dapat memberikan panduan proses  installasi WordPress secara manual dan tidak menggunakan Fantastico De Luxe yang biasanya terdapat di cpanel yang anda miliki.

Dowload File WordPress

Persiapkan dahulu file wordpressyang ingin diinstall, file dapat di download melalui  http://wordpress.org/download/, pilih jenis kompresi .zip yang sangat umum digunakan. Ketika melakukan download anda juga dapat memilih WordPress dengan bahasa tertentu misalnya Bahasa Indonesia atau bahkan Bahasa Sunda.

Membuat DataBase

Sebelum melakukan instalasi kita harus terlebih dahulu membuat database, username dan password untuk mengakses database tersebut, serta memberikan otorisasi akses database ke username yang kita buat.

Silahkan Login ke Control Panel cPanel hosting anda, biasanya dengan link http://domain.tld/cpanel, anda akan dibawa ke halaman login cPanel, masukkan username dan password anda.

Login-cpanel

Setelah login, masuk ke bagian Database dan klik MySQL Databases;

MySQL

Pada bagian Create New Database, isi nama database yang diinginkan, dan klik Create database.

database

Database yang anda buat nantinya akan dikenali sebagai username_namadatabase, username adalah username cpanel yang kita miliki dan kita gunakan untuk melakukan login sebelumnya.

Anda akan mendapatkan pesan lebih lanjut ketika database sudah berhasil dibuat, silahkan anda klik Go Back ;

database4

Lanjutkan dengan membuat User Database, untuk mengelola Database tersebut lihat bagian MySQL Users ;

database1

Username database yang sudah anda buat nantinya akan dikenali sebagai username_usernamedb, username adalah username cpanel dan usernamedb adalah username yang barusan kita buat.

Anda akan mendapatkan pesan ketika username telah berhasil dibuat , silahkan  klik Go Back . Berikutnya kita harus terlebih dahulu memberikan hak akses kepada username database yang baru kita buat terhadap database yang kita buat sebelumnya.

Hal ini dapat dilakukan pada bagian Add User To Database, sesuaikan Nama User dan Nama Database-nya, lalu klik Add ;

database2

Anda akan dibawa kehalaman yang mengatur hak akses / privileges User tersebut, cheklist pada All Privileges, lalu klik Make Changes;

database3

Dengan demikian username database tersebut memiliki akses penuh terhadap database yang nantinya digunakan oleh WordPress yang akan kita install.

Upload File WordPress

Melakukan upload file, selain dapat dilakukan melalui program FTP juga dapat dilakukan melalui fasilitas File Manager yang disediakan oleh cPanel.

File Manager dapat ditemukan di halaman depan cpanel, bagian Files.

filemanager1

Ketika anda mengakses File Manager, akan ada beberapa pilihan / option yang dapat kita ambil, pada contoh ini pilih Web Root (public_html/www) pada pertanyaan Please select a directory to open. Centang pilihan Show Hidden Files.

filemanager2

Setelah klik Go, kita akan langsung dibawa ke Direktori root untuk website kita, dalam hal ini adalah /home/username/public_html. File yang berada di dalam direktori ini saja yang nantinya akan dapat diakses melalui internet.

Untuk melakukan upload, silahkan klik Upload.

filemanager3

Masukkan file .zip wordpress yang sebelumnya telah kita download ke dalam kolom yang tersedia, hal ini dapat dilakukan melalui tombol Browse ;

upload

Tunggu sampai proses selesai 100%

upload1

Sebelum dapat digunakan, file zip tersebut harus diekstrak terlebih dahulu, hal ini juga dapat dilakukan di File Manager melalui menu Extract di bagian atas. Centang file yang ingin kita ekstrak dan klik Extract.

extract

Pilih public_html sebagai direktori tujuan dan klik Extract File(s);

extract1

Server akan melakukan proses ekstraksi dan menginformasi prosesnya kepada kita.

extract3

Hasil ekstrak akan masuk ke dalam direktori wordpress di dalam public_html (public_html/wordpress) dengan demikian instalasi wordpress kita akan bisa diakses melalui http://domain.tld/wordpress. Agar instalasi wordpress kita dapat diakses langsung melalui http://domain.tld/, kita harus terlebih dahulu memindahkan semua file dan direktori yang berada di dalam wordpress ke dalam direktori public_html

Pilih semua file dan folder di dalam direktori wordpress dengan mengklik dua kali di direktori wordpress;

pindah-folde

move-file

Klik tombol Move File yang terdapat di bagian atas, anda akan diberikan informasi mengenai file dan direktori yang sebelumnya sudah dipilih.

Directory-sblm

Ubah public_html/wordpress menjadi public_html saja, dan klik Move File(s)

Directory-sudah

File dan direktori wordpress akan dipindahkan ke dalam direktori public_html. Kemudian hapus direktori wordpress karena direktori tersebut saat ini sudah kosong dan tidak akan kita gunakan lagi.

Directory-se-sudah

Instalasi WordPress

Akses domain anda melalui browser, anda akan dibawa ke panduan instalasi WordPress yang sangat mudah. Klik Create Configuration File.

install

Klik Les’t Go untuk melanjutkan ;

install1

Pada tahap selanjutnya silahkan  sesuaikan nama_Database dan User_Database yang sudah anda buat di tahap awal ;

install3

Klik Run the install, WordPress akan melakukan instalasi database dan lain-lain sesuai dengan informasi yang kita masukkan sebelumnya.

install4

Sesuaikan Nama Blog /Judul blog anda dan masukan Alamat email anda yang valid untuk menerima informasi installasi wordpress yang anda lakukan;  Kemudian klik Install WordPress.

Installasi-1

Proses instalasi telah selesai, pada halaman selanjutnya anda mendapatkan informasi login ke fasilitas pengelolaan WordPress. Secara standar usernamenya adalah admin dengan password random, informasi ini akan dikirimkan ke e-mail yang anda masukkan sebelumnya.

Installasi-2

Untuk mengelola Website anda silahkan melalui link http://domain.tld/wp-admin

Jika ada pertanyaan lebih lanjut, silahkan diajukan melalui kotak komentar yang tersedia di bawah ini, semoga artikel ini bisa bermanfaat bagi kita semua :)

Artikel Terkait

]]> http://www.jurusweb.com/content-management/wordpress/2009/09/installasi-wordpress-secara-manual.html/feed 3 Google Wave, Cara Baru Berkomunikasi Melalui Internet http://www.jurusweb.com/news/2009/06/google-wave-cara-baru-berkomunikasi-melalui-internet.html http://www.jurusweb.com/news/2009/06/google-wave-cara-baru-berkomunikasi-melalui-internet.html#comments Mon, 01 Jun 2009 17:43:45 +0000 Tajid Yakub http://www.jurusweb.com/?p=439 Bayangkan tentang semua media komunikasi dan kolaburasi yang pernah anda gunakan melalui Internet, social networking, blogging, wiki, threaded discussion, rich media sharing, dan lain-lain. Google Wave melakukan formulasi ulang dan menampilkan ke user internet  / pengguna dengan cara yang *baru* dibandingkan dengan yang ada sekarang.

googlewave

Google Wave, yang saat ini masih dikembangkan secara tertutup merupakan sebuah Sistem Komunikasi yang diformat ke dalam protokol baru di dunia Internet.

Protokol sebagaimana layaknya protokol email, http dan FTP, format baru ini menggabungkan kemampuan protokol lain dan mempresentasikannya dengan sangat menarik dan interaktif.

Beberapa situs lebih lanjut yang dapat anda kunjungi apabila anda ingin tahu lebih banyak adalah;

Protokol baru ini dapat dinikmati bersama melalui Video berikut, rekaman dari presentasi developer Google Wave di Google I/O 2009.


Artikel Terkait

]]> http://www.jurusweb.com/news/2009/06/google-wave-cara-baru-berkomunikasi-melalui-internet.html/feed 5 WP hack – related post berdasarkan category http://www.jurusweb.com/content-management/wordpress/2009/03/wp-hack-related-post-berdasarkan-category.html http://www.jurusweb.com/content-management/wordpress/2009/03/wp-hack-related-post-berdasarkan-category.html#comments Thu, 19 Mar 2009 23:03:11 +0000 Muhammad Hatim http://www.jurusweb.com/?p=341 Contoh dari penggunaan hack ini bisa dilihat di http://www.herbasunnah.com/madu-propolis

madu-propolis

Oke, idenya adalah menampilkan related products di sidebar kanan kalau kita berada di single.php dengan kategori yg sama.
Artinya:  jika single.php menampilkan produk madu, maka yang kita inginkan adalah produk sejenis dengan kategori madu. Begitu juga dengan Kategori Bee Pollen, maka related produknya adalah produk2x dalam kategori Bee Pollen, dst, dst.

Sebelum berlanjut, perhatikan dulu penyusunan kategori ini:

kategori-produk

Madu, Bee pollen, Jinten hitam, semuanya berada dalam kategori Product yang memiliki kategori ID=3

Berikut adalah code di dalam sidebar.php


<div id="sidebar-1">

<div class="tagcloud">
<?php wp_tag_cloud('smallest=12&amp;amp;amp;amp;amp;largest=28'); ?>
</div>

<?php
$in_subcategory = false;
foreach( (array) get_term_children( 3, 'category' ) as $child_category ) {
if(in_category($child_category))$in_subcategory = true;
}

if ( is_single() &amp;amp;amp;amp;amp;&amp;amp;amp;amp;amp; $in_subcategory || in_category('3') ) { include ('related.php'); } ?>

<ul>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(1) ) : ?>

<?php endif; ?>
</ul>
</div>

disebutkan disitu => include(related.php), artinya code itu memanggil file related.php yang kita buat sendiri (nama file terserah anda).

Berikut isi dari file related.php


<h2>Produk sejenis</h2>
<ul>
<?php while(have_posts()) : the_post(); ?>
<?php foreach((get_the_category()) as $category)
{ $my_query = new WP_Query('category_name=' . $category->category_nicename . '&amp;amp;amp;amp;amp;orderby=title&amp;amp;amp;amp;amp;order=asc&amp;amp;amp;amp;amp;showposts=100');} ?>
<?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></li>
<?php endwhile; ?>
<?php break; endwhile; ?>
</ul>

showpost=100 bisa anda ganti dengan banyaknya produk yang ingin anda tampilkan, misalnya 10 atau 20.

Artikel Terkait

]]> http://www.jurusweb.com/content-management/wordpress/2009/03/wp-hack-related-post-berdasarkan-category.html/feed 3 Microsoft Silverlight, Memperkaya Pengalaman Pengunjung Situs Anda http://www.jurusweb.com/news/2009/03/microsoft-silverlight-memperkaya-pengalaman-pengunjung-situs-anda.html http://www.jurusweb.com/news/2009/03/microsoft-silverlight-memperkaya-pengalaman-pengunjung-situs-anda.html#comments Thu, 19 Mar 2009 15:38:12 +0000 Tajid Yakub http://www.jurusweb.com/?p=402 Microsoft Silverlight merupakan teknologi di sisi pengguna (client side) yang memperkaya pengalaman pengunjung situs anda melalui presentasi media secara interaktif yang dibangun menggunakan .NET Framework.

Di bidang presentasi media secara interaktif dengan tujuan utama memperkaya user experience sebuah nama yang sudah sangat terkenal adalah teknologi Flash. Apabila kita sudah sering melihat dan mengalami bagaimana Flash digunakan untuk memanjakan kita ketika mengunjungi sebuah situs internet, Silverlight menawarkan kemampuan yang sama bahkan pada beberapa contoh kasus lebih dari yang ditawarkan oleh Flash.

Teknologi ini membutuhkan plugin di browser (seperti halnya flash) yang saat ini dapat dilihat dengan baik pada Mozilla, Safari dan Internet Explorer. Apabila plugin tersebut belum terinstall di PC yang anda gunakan anda akan diminta untuk melakukan download dan instalasi.

HardRock Memorabilia

Berikut adalah contoh penggunakan Silverlight sebagaimana diceritakan oleh Bp. Norman Sasono pada acara The Hosting Day Event Indonesia yang diadakan di Jakarta pada tanggal 18 Maret 2009 yang lalu.

Salah satu contohnya adalah situs HardRock Memorabilia yang dapat diakses di http://memorabilia.hardrock.com/, situs ini menjual / melelang barang-barang koleksi dari beberapa musisi yang sangat terkenal.

Silahkan perhatikan Screenshot berikut ini; (Klik untuk memperbesar)

zoom-01-all

Diatas kita dapat melihat secara keseluruhan foto barang koleksi yang tersedia di situs tersebut, pada saat ini browser kita akan melakukan download resolusi kecil dari keseluruhan foto tersebut. Zoom in dan Zoom Out dapat dilakukan dengan menggunakan scroll , panning dapat dilakukan dengan Left Click + Hold (drag).

Kemudian kita lakukan Zoom In dengan menggunakan Mouse Scroll pada foto sebuah barang milik The Beatles, barang tersebut adalah sebuah amplop surat yang ditulis untuk seorang penggemar.

zoom-02-amplop

Pada saat kita melakukan Zoom In, gambar yang akan didownload oleh PC kita adalah gambar yang masuk kedalam bingkai yang kita Zoom, sesuai dengan resolusi Zoom tersebut. Kemudian saya melakukan Zoom pada label amplop di pojok kiri atas, browser akan melakukan download foto dengan resolusi lebih tinggi ke frame yang kita Zoom tersebut.

zoom-03-label

Kemudian Zoom lagi ke salah satu kotak di label tersebut;

zoom-04-label-box

Lanjutkan dengan Zoom ke salah satu etalase yang di atas pintu masuk;

zoom-05-box-etalase

Zoom lagi ke frame foto di tengah patung;

zoom-06-frame

Zoom lagi ke kepala Paul Mc Cartney;

zoom-07-paul

Sulit dibayangkan bahwa kepala Paul ternyata bisa di Zoom sampai sedetil itu, dan hal yang sama pada foto yang lain. Hal ini dilakukan tanpa kita harus melakukan download di awal untuk semua foto yang jumlahnya pasti mencapai Giga Bytes!.

Masih banyak sebenarnya contoh lain, dan karena saya juga tidak / belum mempelajari secara lebih mendalam maka yang bisa saya ceritakan disini adalah hanya yang saya dengar di even tersebut.

Artikel Terkait

  • Tidak Ada Artikel Terkait
]]> http://www.jurusweb.com/news/2009/03/microsoft-silverlight-memperkaya-pengalaman-pengunjung-situs-anda.html/feed 3 Installasi Joomla 1.5 tanpa Fantastico http://www.jurusweb.com/content-management/joomla/2009/03/installasi-joomla-15-tanpa-fantastico.html http://www.jurusweb.com/content-management/joomla/2009/03/installasi-joomla-15-tanpa-fantastico.html#comments Thu, 19 Mar 2009 11:10:48 +0000 Agus Pratama http://www.jurusweb.com/?p=343 Kali ini saya membuat artikel sederhana mengenai Installasi Joomla 1.5 tanpa menggunakan Fantastico, dalam artikel ini saya menggunakan control panel cPanel dan Joomla 1.5.9. Mudah-mudahan artikel ini dapat membantu dalam Installasi Joomla pada Hosting Anda.

Download file Joomla 1.5.9

Silahkan mendownload terlebih dahulu file Joomla 1.5.9 melalui link berikut: http://joomlacode.org/gf/download/frsrelease/9294/34966/Joomla_1.5.9-Stable-Full_Package.zip

Membuat Database

Login ke cPanel Anda (biasanya http://cpanel.domain-anda.tld/), setelah itu klik icon MySQL Databases pada bagian Databases.

joomla-15-no-fantastico-1-1

Setelah itu pada bagian Create New Database, isi nama database yang diinginkan, lalu klik Create database.

joomla-15-no-fantastico-1-2

Jika Database berhasil dibuat, maka akan tampil informasi seperti ini, lalu klik Go back.

joomla-15-no-fantastico-1-3

Lalu pada bagian Current Databases, akan muncul Database yang tadi sudah dibuat.

joomla-15-no-fantastico-1-4

Setelah Database dibuat, sekarang buat User Database untuk mengelola Database tersebut pada bagian MySQL Users, isi kolom Username dan Password pada bagian Add New User, lalu klik Create User.

joomla-15-no-fantastico-1-5

Jika User Database berhasil dibuat, maka akan tampil informasi seperti ini, lalu klik Go back.

joomla-15-no-fantastico-1-6

Lalu pada bagian Current Users, akan muncul User Database yang tadi sudah dibuat.

joomla-15-no-fantastico-1-7

Setelah itu tambahkan User Database ke Database-nya, pada bagian Add User To Database, dan pilih User apa dan ke Database apa, lalu klik Add.

joomla-15-no-fantastico-1-8

Setelah Add di klik, maka akan keluar kolom untuk mengeset privileges User tersebut, cheklist pada All Privileges, lalu klik Make Changes.

joomla-15-no-fantastico-1-9

Jika berhasil, maka akan tampil informasi seperti ini, lalu klik Go back.

joomla-15-no-fantastico-1-10

Lalu pada Curent Databases akan tampil informasi seperti ini.

joomla-15-no-fantastico-1-11

Upload File Joomla

Pada home cPanel, klik icon File Manager pada bagian Files.

joomla-15-no-fantastico-2-1

Lalu akan keluar pop-up window kecil, dan pilih Web Root (public_html/www), lalu klik Go.

joomla-15-no-fantastico-2-2

Setelah itu akan keluar tab window baru / window baru pada browser Anda, klik icon Upload di kiri atas.

joomla-15-no-fantastico-2-3

Setelah itu akan keluar tab window baru / window baru pada browser Anda, klik Browse dan pilih File Joomla yang sudah di download sebelumnya.

joomla-15-no-fantastico-2-4

Lalu tunggu sampai Upload 100% complete.

joomla-15-no-fantastico-2-5

Setelah 100% complete silahakan close tab window / window untuk upload tersebut, dan masuk ke tab window / window File Manager. Checklist file joomla tersebut, lalu klik Extract.

joomla-15-no-fantastico-2-6

Lalu akan keluar pop-up window seperti ini, dan klik Extract File(s).

joomla-15-no-fantastico-2-7

Setelah diklik, maka pop-up window proses extractnya akan muncul, lalu klik close.

joomla-15-no-fantastico-2-8

Installasi Joomla

Setelah langkah-langkah di atas dilakukan, maka selanjutnya kita akan meng-install Joomla via browser. Silahkan ke:
http://domain-anda.tld/
atau
http://domain-anda.tld/installation/
Jika tidak ada masalah, maka akan keluar tampilan Joomla Installer.

-  Choose Language
pilih en-US – English (US) sebagai bahasa default lalu klik Next.

- Pre-installation Check
bila ada item yang tidak support, maka persyaratan minimun untuk installasi joomla belum terpenuhi, silahkan hubungi administrator yang menangani web server tersebut. Biasanya tidandai dengan No berwarna merah untuk komponen yang belum di support. Bila installasi terus dilanjutkan maka Joomla tidak akan berfungsi secara maksimal. Untuk recomended setting, silahkan ubah configurasi PHP anda mengikuti rekomendasi dari Joomla, silahkan hubungi administrator yang menangani web server tersebut. Bila tidak ada masalah lanjut dengan klik Next.

- License
klik next bila sudah membaca dan setuju.

- Database Configuration
pilih Database Type mysql,  isi Hostname dengan localhost, isi Username dengan Username Database yang sebelumnya sudah dibuat, isi Password dengan Password User Database yang sebelumnya sudah dibuat, isi Database Name dengan Database yang sebelumnya sudah dibuat, ubah value table prefix jika dibutuhkan, setelah itu klik Next.
joomla-15-no-fantastico-3-1

- FTP Configuration
Skip saja konfigurasi ini, lalu klik next.

- Configuration
isi Site Name dengan nama situs yang Anda inginkan, isi Your E-mail dengan email aktif yang Anda inginkan, isi Admin Password dengan password yang anda inginkan, begitu juga dengan Confirm Admin Password. Klik Install Sample Data jika ingin contoh data konten di pasang.
joomla-15-no-fantastico-3-2

jika Install Sample Data berhasil maka adan tampil seperti ini. Setelah itu klik next.

joomla-15-no-fantastico-3-3

Setelah semua langkah selesai dilakukan, maka Joomla akan menyuruh Anda untuk menghapus folder Installation. Setelah folder dihapus maka website Joomla Anda sudah bisa diakses. Silahkan mencoba login ke Halaman Administrator Joomla di http://domain-anda.tld/administrator/ dengan Username admin dan Password yang sudah diset sebelumnya pada saat Installasi.

Artikel Terkait

]]> http://www.jurusweb.com/content-management/joomla/2009/03/installasi-joomla-15-tanpa-fantastico.html/feed 1 Mengganti Template WordPress http://www.jurusweb.com/content-management/wordpress/2009/03/mengganti-template-wordpress.html http://www.jurusweb.com/content-management/wordpress/2009/03/mengganti-template-wordpress.html#comments Sun, 08 Mar 2009 10:51:10 +0000 Achmad Maulana http://www.jurusweb.com/?p=311 Hallo Blogger Mania..Artikel kali ini ingin memberikan tutorial Bagaimana Cara Mengganti Template Di WordPress,  walaupun tutorial ini sederhana tapi mudah-mudahan dapat memberikan manfaat untuk anda.

Sebelum memulai prosesnya saya ingin memberikan sedikit keterangan di bawah ini :

1.Ingin memakai domain yang gratis??? bisa dengan memakai domain .CO.CC yang pendaftarannya di http://www.co.cc/.
Yang ingin mempunyai domain .COM /.NET /.CO.ID DLL bisa membelinya di Magnet-id

2.Anda ingin mengirit pengeluaran keuangan,silahkan anda memakai hosting gratis dengan mendaftar di http://www.000webhost.com/ tapi jika ingin menggunakan Hosting berbayar anda bisa kunjungi Magnet-id

Langkah pertama  yaitu mencari template yang anda inginkan. Tidak perlu bingung mencari template WordPress karena sudah banyak sekali Blog penyedia template gratis, contohnya http://www.freewpthemes.net/. Di artikel ini saya menggunakan cpanel untuk upload file yang tadi kita download jadi keseluruhan tutorial ini menggunakan akses cpanel.

Sudah mendapatkan template yang anda suka? Maka tahap selanjutnya silahkan buka Cpanel dengan mengetikan alamat di browser anda http://www.domainanda.tld/cpanel (perhatikan gambar) :

browser

membuka cpanel

Setelah itu anda akan di minta untuk memasukan Username dan password :

login

Login dengan username dan password

Silahkan klik File Manager dan masuk ke direcktory WWW atau Public_html :

file-manager

File Manager

Setelah terbuka maka tampilan browser anda akan seperti ini :

directory

Directory Public_html

langkah selanjutnya masuk ke WP Content:

wp-content

Klik 2x Wp_content

Maka anda akan di hadapkan dengan 7 Folder dan di haruskan untuk masuk ke dalam folder THEMES:

themes

Klik 2x Folder themes

Nah di tahap ini anda akan memulai untuk melakukan Upload file yang tadi sudah di download, Setelah anda membuka folder themes silahkan anda klik UPLOAD yang berada di bagian kiri atas :

upload

Upload

Setelah anda klik tombol Upload maka akan terbuka sebuah tab browser dengan tampilan sebagai berikut :

upload2

lakukan upload template anda

proses-upload

Setelah proses Upload selesai

Proses upload anda kan sudah selesai tuh, maka tinggal anda  extract file dengan cara klik 1 kali saja file zip yang telah selesai anda upload, lalu klik extract (lihat gambar) :

extract

Extract File ZIP

Setelah selesai extract anda dapat menghapus Fle ZIP tersebut agar tidak memakan Space memory anda. Sampai di sini anda sudah memasukan template anda ke dalam WordPress tapi belum bisa menampilkannya loch :D dan untuk menampilkan template pilihan anda silahkan masuk ke bagian admin WP anda dengan cara membuka browser baru dan mengetikan alamat blog anda ( http://www.domainanda.tld/wp-admin ), Silahkan anda login sesuai username dan password yang sudah anda setting sebelumnya, Sudah?? Ok di tahap yang hampir selesai ini anda akan melihat di sebelah kiri jejeran menu dan akan terdapat  menu APPEARANCE :

themes1

3 menu tersebut berfungi sebagai :

THEMES untuk masuk ke halaman menu template yang anda upload tadi dan berfungsi mengaktifkan juga menonaktifkan template.

WIDGETS di gunakan untuk menambahkan menu-menu di dalam blog anda contohnya menambahkan artikel terbaru, komentar terakhir, kategori Dan masih banyak lagi.

EDITOR Berfungsi untuk mengedit file PHP template seperti Theme Functions, Header DLL

Penjelasan di atas tersebut mudah-mudahan cukup di mengerti karena saya menyimpulkannya sendiri :D , Ok silahkan anda klik menu Themes Dan Jrengggg….. Template yang anda upload tadi tinggal di active-kan dech dengan cara klik  Activate “Simple Red Theme”:

aktif-template

Coba anda buka Blog anda,….  template yang lama sudah tergantikan dengan yang baru. Bagaimana?? Jelas kah tutorial ini?? jika masih kurang jelas silahkan isi kotak Comment di bawah ini dan tanyakan dimana letak permasalahan yang anda tidak mengerti mudah-mudahan kami bisa membantu anda.

Di akhir kata saya hanya bisa mengucapkan “Good Luck“

Artikel Terkait

]]> http://www.jurusweb.com/content-management/wordpress/2009/03/mengganti-template-wordpress.html/feed 1 Menggunakan RSS Reader untuk Mendapat Artikel Terbaru http://www.jurusweb.com/umum/2009/03/menggunakan-rss-reader-untuk-mendapat-artikel-terbaru.html http://www.jurusweb.com/umum/2009/03/menggunakan-rss-reader-untuk-mendapat-artikel-terbaru.html#comments Wed, 04 Mar 2009 16:31:05 +0000 Achmad Maulana http://www.jurusweb.com/?p=267 Aplikasi ini dapat membantu anda untuk mendapatkan update terbaru artikel website dan bisa di blang sangat simple karena hanya dengan membuka 1 aplikasi aja.  Tapi sebelum memulai untuk menggunakan aplikasi ini saya ingin menjelaskan Apa Itu RSS dan Bagaimana Menggunakan RSS Pada RSS Reader.

omea-reader

RSS adalah kependekan dari “Really Simple Syndication“, teknologi web berbariskan XML yang memungkinkan kita untuk mengambil berita atau artikel dari website pilihan secara aktual. Dengan teknologi ini kita bisa tahu isi berita dari suatu website secara otomatis dan terupdate.

Lalu Bagaimana Menggunakan RSS pada RSS Reader? silahkan simak lebih lanjut tulisan berikut.

Untuk mengakses  content RSS anda harus memiliki  RSS Reader yang di gunakan untuk membaca isi dari  RSS. Ada beberapa jenis RSS Reader, ada yang berupa aplikasi (yang dapat diinstall) ada juga yang  berbasis web. Asyiknya lagi ada beberapa browser yang telah mempunyai RSS Reader yang sudah terintegrasi pada aplikasinya.

Untuk contoh RSS berbasis Web adalah Google Reader dan RSS Reader yang berbasis aplikasi antara lain sebagai berikut;

A. Ms Outlook 2007

Bagi anda yang menggunakan MS Office Outlook 2007 bisa langsung menggunakan fasilitas RSS Reader dengan cara Klik menu Mail Di sebelah kiri, Di bagian Mail folders akan terlihat folder Rss Feeds.

B. Omea Reader

Nah aplikasi ini yang akan kita bahas nanti, Bisa di bilang Omea reader adalah salah satu dari sekian banyak Free Rss Reader yang banyak bertebaran di internet yang pasti fungsinya untuk mendapatkan update artikel terbaru dari sebuah Website :) dapat di kunjungi di http://www.jetbrains.com/omea/reader/

Berikut tutorial cara penggunaannya :

1.Download aplikasi ini : http://download.jetbrains.com/omea/OmeaReaderSetup-2.2.1.exe

2.Install aplikasi Ini Di komputer.

3.Sudah terinstall? buka aplikasi tersebut dan akan muncul tampilan berikut

moea

Tampilan Omea saat pertama kali di buka

4.Klik Menu Feeds yang berada di kiri atas aplikasi.

omea0

Perhatikan gambar yang di bulatkan

5.Buat Folder pada Menu Feeds dengan cara Klik kanan->Newfeed folder (Perhatikan Gambar) :

omea1

Silahkan Rename sesuai yang anda mau

6.Ok setelah membuat Folder silahkan anda melisting atau mencari Website-website Yang menyediakan Rss.

Cara untuk mengetahui website tersebut memliki Rss atau tidaknya bisa di bilang sangat mudah :

1.Lihat website tersebut apakah menampilkan logo Rss seperti di bawah ini, Untuk contoh silahkan lihat blog dari www.catatan.info sebelah kanan blog tersebut akan ada tampilan seperti berikut :

rss-contoh

2.Setelah anda menemukan alamat blog yang sudah menyediakan Rss langkah selanjutnya adalah dengan meng-klik kanan pada gambar Rss tersebut lalu pilih Copy Link Location

klik-kanan

Setelah proses ini selesai mari kita kembali ke Omea Reader

7.Silahkan klik kanan di folder yang tadi sudah kita buat di Omea Reader

contoh

Klik Subscribe to Feed

Lalu akan ada tampilan seperti di bawah ini

omea2

Klik Next untuk melanjutkan

Setelah itu

omea3

Klik Finish untuk menyelesaikan-nya

Nah Setelah anda melakukan tahap-tahap di atas maka anda akan dapat menikmati update terbaru dari website tersebut :)

akhir

Contoh Akhir

Mudah kan…!!!

sampai di sini anda bisa menikmati artikel terbaru dari web pilihan anda :) Bagi yang ingin mencoba saya ucapkan Semoga sukses ya…

Artikel Terkait

  • Tidak Ada Artikel Terkait
]]> http://www.jurusweb.com/umum/2009/03/menggunakan-rss-reader-untuk-mendapat-artikel-terbaru.html/feed 3 Halaman HTML Pertama Anda http://www.jurusweb.com/desain-web/html/2009/03/halaman-html-pertama-anda.html http://www.jurusweb.com/desain-web/html/2009/03/halaman-html-pertama-anda.html#comments Sat, 28 Feb 2009 18:50:55 +0000 Tajid Yakub http://www.jurusweb.com/?p=224 HTML sangat mudah untuk dipelajari karena masing-masing syntaxnya memiliki arti langsung dan referensi terhadap atribut yang ada dari setiap elemen yang dapat kita gunakan sudah sangat lengkap.

Sekarang kita akan membuat halaman HTML pertama anda dengan menggunakan teks editor sederhana seperti Notepad apabila anda menggunakan Windows atau Nano / Pico apabila anda menggunakan Linux.

Struktur Dasar Halaman HTML

Jalankan aplikasi notepad, masukkan teks berikut ke dalam notepad;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
  <head>
  <!--Informasi header berisikan keterangan mengenai
  halaman ini, tidak ditampilkan di halaman-->
  </head>
  <body>
  <!-- Isi yang akan ditampilkan di browser -->
  </body>
</html>

Save notepad anda berijudul “pertama.html”, gunakan tanda kutip sehingga Windows tidak secara default mengubah ekstensi file yang baru anda buat menjadi .txt.

save-html1

Apabila file anda disimpan dalam format tersebut, kemungkinan besar Windows akan langsung mengenali dan menggunakan browser internet default seperti Internet Explorer ataupun Mozilla Firefox ketika file tersebut diklik dua kali.

default-mozilla

Teks yang kita tuliskan diatas menggambarkan struktur dasar sebuah file HTML yang terdiri dari;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

Bagian ini disebut sebagai Deklarasi Tipe Dokumen atau DOCTYPE, tidak harus ada, namun memberikan instruksi kepada browser pengunjung untuk mengaitkan halaman HTML yang sedang diakses tersebut dengan versi dan bahasa tertentu. Pada contoh diatas disebutkan pada DTD atau Document Type Definition atau Definisi Tipe Dokumen bahwa halaman tersebut menggunakan HTML versi 3.2. DOCTYPE dituliskan di paling atas atau di awal file.

<html>
    ...
</html>

Apabila diperhatikan, teks di atas adalah sepasang tag, yang pada artikel sebelumnya sudah diceritakan sedikit; Tag pembuka dan penutup html ini diletakkan setelah DOCTYPE dan akan menginformasikan bahwa script HTML yang akan diproses oleh browser berada di antara sepasang tag tersebut.

<head>
    ....
</head>

Tag head terletak di dalam tag html, berisikan informasi mengenai halaman tersebut dan tidak ditampilkan di browser.

<body>
    ....
</body>

Bagian Body merupakan isi dari halaman tersebut, teks HTML yang terdapat di dalam sepasang tag body akan diproses oleh browser untuk kemudian ditampilkan.

Silahkan buka kembali file notepad anda dan masukkan informasi di head dan content di body sebagai berikut;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
  <head>
     <title>Halaman Pertama</title>
  </head>
  <body>
     <h1>Halaman HTML Pertama Saya.</h1>
  </body>
</html>

Simpan file tersebut, buka file pertama.html dan perhatikan di browser bahwa Halaman tersebut memiliki Judul Halaman Pertama dan memiliki isi dengan format header (h1) dengan teks Halaman HTML Pertama Saya.

pertama-html

Referensi

  • http://en.wikipedia.org/wiki/HTML
  • http://en.wikipedia.org/wiki/Document_type_declaration
  • http://en.wikipedia.org/wiki/HTML_element

Artikel Terkait

  • Tidak Ada Artikel Terkait
]]> http://www.jurusweb.com/desain-web/html/2009/03/halaman-html-pertama-anda.html/feed 0 Safari 4 Beta http://www.jurusweb.com/news/2009/02/safari-4-beta.html http://www.jurusweb.com/news/2009/02/safari-4-beta.html#comments Wed, 25 Feb 2009 19:58:11 +0000 Muhammad Hatim http://www.jurusweb.com/?p=250 Apple telah meluncurkan browser Safari 4 Beta yang diklaim jauh lebih andal dan makin kencang. Safari 4 Beta mengusung Nitro Engine, yaitu mesin JavaScript supercepat yang diklaim akan mengeksekusi JavaScript hingga 30X lebih cepat ketimbang Internet Explorer 7. Bahkan, 3X lebih cepat daripada Firefox 3!

safari

Artikel Terkait

  • Tidak Ada Artikel Terkait
]]> http://www.jurusweb.com/news/2009/02/safari-4-beta.html/feed 0 Pengenalan Komponen HTML http://www.jurusweb.com/desain-web/2009/02/pengenalan-komponen-html.html http://www.jurusweb.com/desain-web/2009/02/pengenalan-komponen-html.html#comments Mon, 23 Feb 2009 20:15:07 +0000 Tajid Yakub http://www.jurusweb.com/?p=201 HTML, kependekan dari HyperText Mark-up Language merupakan dasar dari halaman situs internet. Sangat dianjurkan untuk mempelajari bahasa ini sebelum terjun ke dunia pengembangan situs internet.

Pada artikel ini akan dijabarkan sedikit mengenai komponen dari HTML, bagaimana komponen tersebut dituliskan dan digunakan secara bersama-sama di dalam sebuah halaman yang nantinya akan dapat dilihat melalui browser internet sebagai sebuah halaman situs internet.

HTML memiliki 3 jenis komponen sebagai berikut;

  • Elemen, identifikasi bagian-bagian terpisah dari sebuah halaman situs dengan menggunakan tag.
  • Atribut, informasi tentang elemen tertentu.
  • Entiti, karakter teks Non-ASCII seperti copyright ©, yang diserap dari SGML (Standard Generic Markup Language).

Elemen

Elemen adalah bagian-bagian (blok) dari halaman HTML, yang digunakan untuk memberikan arti kepada teks HTML yang kita tuliskan. Elemen dibentuk melalui tag dan isi di dalam tag tersebut, terkait dengan hal ini, ada 2 jenis elemen yang dikenal;

  • Elemen yang disusun oleh tag pair atau sepasang tag dan memberikan arti untuk teks yang berada di dalam pasangan tag tersebut.
  • Elemen yang memasukkan sesuatu ke dalam halaman melalui tag tunggal atau single tag.

Pasangan tag digunakan dengan menyisipkan teks diantara pembuka dan penutup tag;

<tag>..teks HTML..</tag>

Pembuka tag (<tag>) memberikan informasi kepada browser bahwa elemen dimulai dan penutup tag (</tag)> memberikan informasi bahwa elemen selesai.

Sebagai contoh, kita menggunakan tag <p> dan </p> untuk menyatakan bahwa teks diantara sepasang tag tersebut merupakan elemen paragraf.

<p>Teks diantara tag ini adalah sebuah elemen paragraf</p>

Tag tunggal digunakan untuk memasukkan sebuah elemen kosong  ke halaman HTML  dengan menggunakan sebuah tag saja.

<tag    />

Contohnya adalah ketika kita memasukkan gambar dan memasukkan horizontal rule.

<img />
<hr />

Pada penggunaannya elemen yang dimasukkan dengan tag tunggal akan memberitahukan kepada browser untuk memproses data yang diinformasikan oleh elemen tersebut baik melalui atribut ataupun tidak.

Sebagai contoh, ketika kita memasukkan gambar ke dalam halaman HTML kita;

<img src="/images/contohgambar.gif" alt="Contoh Gambar" width="60px" height="60px"/>

Ketika browser membuka halaman tersebut, elemen <img /> akan digantikan oleh file gambar sesuai dengan atribut yang ada, kita akan mempelajari sedikit mengenai atribut setelah ini.

Atribut

Atribut memberikan kita kemungkinan untuk menggunakan elemen secara berbeda-beda sesuai dengan yang kita inginkan. Pada contoh di atas;

<img src="/images/contohgambar.gif" alt="Contoh Gambar" width="60px" height="60px"/>

Memiliki arti kurang lebih sebagai berikut;

  • Atribut src menginformasikan mengenai file /images/contohgambar.gif yang ingin digunakan pada elemen tersebut.
  • Atribut alt menginformasikan bahwa kita ingin memberikan teks alternetif “Contoh Gambar” apabila karena satu dan lain hal gambar di file yang ditentukan oleh atribut src tidak dapat diakses.
  • Atribut width dan height menginformasikan mengenai ukuran lebar dan tinggi yang kita inginkan untuk elemen gambar tersebut.

Kita dapat memberikan atribut kepada sebuah elemen dengan menuliskannya di dalam tag tunggal sebelum ditutup;

<tag atribut="nilai" atribut="nilai"  />

Urutan atribut dapat dituliskan sesuai dengan keinginan kita, dan nilai tertentu harus diberikan ke atribut tersebut di dalam tanda kutip.

Entiti

Teks ASCII (American Standard Code for Information Interchange) tidak termasuk karakter khusus yang sering digunakan seperti Trade Mark ™ dan Copyright ©. HTML menggunakan entiti untuk karakter-karakter tersebut agar dapat dirender oleh browser internet.

Setiap entiti dimulai dengan ampersand (&) dan diakhiri dengan semicolon (;), browser kemudian menggantikan informasi entiti berdasarkan referensi yang ada.

Sebagai contoh, teks HTML untuk Copyright dan Trade Mark adalah sebagai berikut;

&trade;  diprint sebagai ™
&copy; diprint sebagai ©

Referensi

  • http://en.wikipedia.org/wiki/HTML_element
  • http://www.w3schools.com/html/html_elements.asp

Artikel Terkait

  • Tidak Ada Artikel Terkait
]]> http://www.jurusweb.com/desain-web/2009/02/pengenalan-komponen-html.html/feed 4 Artikel Blog Berada Di Facebook http://www.jurusweb.com/umum/2009/02/artikel-blog-berada-di-facebook.html http://www.jurusweb.com/umum/2009/02/artikel-blog-berada-di-facebook.html#comments Mon, 23 Feb 2009 19:03:36 +0000 Achmad Maulana http://www.jurusweb.com/?p=160 Bagi kalian yang sering menggunakan jasa internet mungkin Facebook sudah tidak asing lagi di telinga anda, situs jejaring sosial  ini memang sudah sangat terkenal di dunia maya, apalagi situs ini memberikan aplikasi-aplikasi menarik yang membuat penggunanya dapat langsung berkomunikasi dengan kawan, rekan kerja, keluarga, pacar dan masih banyak lagi deh :) …

facebook

(gambar 1.1)

Nah kali ini saya ingin memberikan informasi mengenai salah satu aplikasi Facebook yang di berikan secara cuma-cuma alias gratis dan dapat di pakai oleh para pengguna Facebook ,Yaitu layanan :

blogcast

(Gambar 2.1)

Yup “Simplaris Blogcast” berfungsi Agar Artikel Blog Anda Berada Dalam Profile Facebook anda (lihat contoh gambar 3.1)

facebook2

(Gambar 3.1)

Gimana si Agar dapat menggunakan layanan tersebut ? silahkan perhatikan langkah-langkah berikut :

1.Login ke Account facebook anda

facebook_login-300x38

2.Setelah masuk halaman dashbord, silahkan Search Dengan keyword : Simplaris blogcast Setelah sudah akan muncul gambar berikut :

blogcast-300x60

3.Untuk melanjutkan silahkan Klik tombol : Ke Aplikasi

aplikasi

4.Izinkan Aplikasi ini :

izinkan

Sip Tahap sudah hampir selesai, Jangan menyerah dulu sebelum Selesai mencoba :)

5.Memasuki tahap selanjutnya silahkan isi kolom tersebut dengan alamat blog anda dan untuk ke tahap berikut silahkan tekan Lets Blogcast:

61

6. Ok anda mengikuti langkahnya dengan benar jika tampilan yang muncul seperti gambar di bawah ini, silahkan klik UPDATE untuk menampilkan postingan web anda berada dalam profile facebook :

update

Nah konfigurasi untuk pendaftaran sudah selesai, tapi jika anda menginginkan settingan yang berbeda silahkan klik Setting :

update1

Nah di situlah kawan-kawan bisa setting aplikasi ini sesuai selera kalian masing-masing :

setting

Ini dia momen yang di tunggu-tunggu oleh para pengguna, setelah anda save dan Back to Profile……jadi dech hasil karya kalian :)

facebook1

Buat kalian yang ingin mencobanya selamat mencoba ya, semoga tutorial sederhana ini bisa membantu para blogger..”Semoga Berhasil”

Artikel Terkait

]]> http://www.jurusweb.com/umum/2009/02/artikel-blog-berada-di-facebook.html/feed 7 E-book Gratis untuk Pengembangan Situs Internet http://www.jurusweb.com/news/2009/02/e-book-gratis-untuk-pengembangan-situs-internet.html http://www.jurusweb.com/news/2009/02/e-book-gratis-untuk-pengembangan-situs-internet.html#comments Mon, 23 Feb 2009 17:16:28 +0000 Tajid Yakub http://www.jurusweb.com/?p=152 Antonio Lupetti dari http://woork.blogspot.com/ membuat sebuah Handbook untuk pengembangan situs internet yang merupakan kompilasi dari artikel-artikel yang sebelumnya dipublish melalui blog tersebut.

cover-woork-bigHandbook dalam format PDF ini kemudian disediakan secara cuma-cuma alias gratis untuk dapat di download dan dipelajari oleh orang lain. Handbook sederhana ini membahas secara singkat mengenai CSS, HTML, Ajax, web programming, Mootools, dan Scriptaculous. Cocok untuk dibaca-baca bagi anda yang ingin tahu lebih dalam mengenai topik bahasan tersebut.Sayangnya buku panduan ini masih dalam bahasa inggris.

Silahkan download disini (Klik Kanan dan Save As).

Artikel Terkait

  • Tidak Ada Artikel Terkait
]]> http://www.jurusweb.com/news/2009/02/e-book-gratis-untuk-pengembangan-situs-internet.html/feed 0 WP Hack – Memasukkan Beberapa Gambar Sekaligus http://www.jurusweb.com/content-management/wordpress/2009/02/wp-hack-memasukkan-beberapa-gambar-sekaligus.html http://www.jurusweb.com/content-management/wordpress/2009/02/wp-hack-memasukkan-beberapa-gambar-sekaligus.html#comments Mon, 23 Feb 2009 13:24:58 +0000 Muhammad Hatim http://www.jurusweb.com/?p=143 Sekarang tidak perlu kesulitan lagi untuk bisa memasukkan beberapa gambar sekaligus ke dalam post dengan wp 2.7 anda.

  1. download hack ini, lalu ekstrak file zip
  2. Rename file media_hacked_just-rename-to-media.php menjadi media.php
  3. upload dan replace media.php di wp-admin/includes wordpress anda

wphack

Artikel Terkait

]]> http://www.jurusweb.com/content-management/wordpress/2009/02/wp-hack-memasukkan-beberapa-gambar-sekaligus.html/feed 0 Installasi Joomla 1.5 dengan Fantastico http://www.jurusweb.com/content-management/joomla/2009/02/installasi-joomla-15-dengan-fantastico.html http://www.jurusweb.com/content-management/joomla/2009/02/installasi-joomla-15-dengan-fantastico.html#comments Mon, 23 Feb 2009 04:00:03 +0000 Agus Pratama http://www.jurusweb.com/?p=73 Anda pasti sudah pernah mendengar kata-kata Joomla, apa sih Joomla itu? Joomla adalah sistem manajemen konten (SMK), atau in english is Content Management System (CMS), Joomla ini terbilang cukup bagus dan cukup populer di kalangan situs web perangkat lunak, karena dapat memungkinkan anda untuk membangun situs web dan aplikasi web yang kuat dan mudah, dan satu lagi keunggulan Joomla adalah karena dia berjenis Open Source yang berlisensi Free alias gratis.

Kali ini saya akan mengulas sedikit cara atau panduan untuk installasi CMS Joomla versi 1.5 melalui Fantastico di cPanel, mudah-mudahan artikel ini dapat membantu anda yang sedang mengalami kesulitan untuk meng-install Joomla versi 1.5 melalui Fantastico.

Langkah pertama adalah Login ke cPanel hosting anda, anda bisa langsung mengetik http://domain-anda.tld/cpanel atau http://cpanel.domain-anda.tld/ . Setelah masuk ke halaman depan cPanel, silahkan pilih menu Fantastico De Luxe, letak dan contoh icon seperti pada gambar dibawah ini:
installasi-joomla-15-dengan-fantastico-1-1

Langkah selanjutnya setelah masuk ke halaman Fantastico adalah pilih menu Joomla 1.5, lalu klik New Installation, pastikan versi Joomla yang anda install adalah versi terakhir, seperti pada gambar berikut:
installasi-joomla-15-dengan-fantastico-1-2

Setelah itu isi form yang di minta fantastico, seperti gambar di bawah ini:
installasi-joomla-15-dengan-fantastico-1-3

Setelah installasi selesai, maka fantastico akan menampilkan beberapa laporan seperti nama database dan alamat website yang sudah terinstallasi Joomla seperti ini:
installasi-joomla-15-dengan-fantastico-1-4

Klik Finish Installation untuk mengakhirinya. Dan akan menuju ke halaman result Installasi, seperti gambar di bawah ini:

installasi-joomla-15-dengan-fantastico-1-5

Installasi sudah selesai, anda dapat mengirimkan hasil result seperti di atas ke email yang anda masukan di situ, dan klik Send E-mail dan anda dapat login ke halaman Administrator Joomla di http://domain-anda.tld/administrator/ dengan Username dan Password yang anda masukan pada saat proses installasi.

Artikel Terkait

]]> http://www.jurusweb.com/content-management/joomla/2009/02/installasi-joomla-15-dengan-fantastico.html/feed 1