You are on page 1of 18

PENGANTAR

Kalau dulu, membuat website hanya bisa dilakukan oleh orang-orang yang
memang memiliki ilmu pemograman web seperti HTML, PHP, dan
sebagainya. Kini, membuat website tidak harus memiliki skil itu. Kini sudah
banyak software atau peralatan yang dapat kita manfaatkan untuk
mempermudah pembuatan website, bahkan ada tutorialnya.

Mohon maaf, saya menggunakan istilah website disini. Istilah website


seakan terdengar lebih akrab di telinga masyarakat daripada istilah blog.
Jujur saja, sebenarnya saya lebih asik menyebutnya sebagai blog daripada
website. Perbedaan antara website dan blog pun kini sudah makin sulit
dicari. Saya sudah coba mencari beberapa referensi tentang perbedaan
antara website dan blog. Namun hasilnya sama saja: para webmaster
makin sulit membedakan antara blog dan website.

Oke, saya rasa bukan saat kita membahas perbedaan kedua istilah itu.
Dalam ebook sederhana ini saya hanya sedikit berbagi ilmu tentang cara
atau tutorial pembuatan website (selanjutnya disebut blog :D ). Lebih
tepatnya sih disebut ‘latihan’ saja. Sebab penulisan ebook ini saya
khususkan bagi teman-teman yang ingin membuat website secara offline,
barangkali karena computer kita belum terkoneksi internet dan kita ingin
belajar membuat blog, bisa saja! Selamat Membaca.

Syahuri,
Banda Aceh, Januari 2008

Ebook Gratis oleh Syahuri


Latihan Membuat Website Gratis Secara Offline http://www.syahuri.com
Ebook Gratis oleh Syahuri
Latihan Membuat Website Gratis Secara Offline http://www.syahuri.com
PERSIAPAN
Sebelum Anda membuat blog, barangkali Anda ingin mengenal dulu
beberapa bahan (kayak mau masak aja nih) untuk pembuat/pengelolaan
blog. Ini dia:
1) CMS WordPress. CMS (Content Management System) Wordpress
merupakan bahan utama kita dalam membuat blog. Sehingga kita
bisa membuat blog dengan berbasis Wordpress. Jika Anda sudah
terdaftar dan membuat blog di www.wordpress.com, itu hanyalah
blog biasa yang pembuatannya pun tergolong mudah. Cukup
registrasi saja maka blog anda akan siap pakai seketika itu juga.
Namun fitur yang ditawarkan tidaklah sepowerfull CMS Wordpress
yang akan kita pelajari dalam ebook ini. ;). CMS Wordpress tersebut
dapat anda download di http://www.wordpress.org/download.
Sebenarnya banyak CMS lain selain wordpress yang bisa kita
gunakan, seperti Joomla, Drupal, dan lain sebagainya. Namun hingga
sampai saya menulis tulisan ini, Wordpress tetap yang terpopuler,
atau bahkan terbaik diantara CMS blog lainnya. Tapi itu semua
tergantung kebutuhan kita juga sih. Masing-masing CMS punya
kelebihan dan kekurangan masing-masing.

2) XAMPP. Xampp merupakan software yang kita gunakan untuk


‘menyulap’ komputer kita menjadi layaknya computer server.
Kalo computer yang sudah terkoneksi internet dan ingin membuat
weblog (wordpress), maka kita bisa menggunakan webhosting yang
pada umumnya berbayar. Namun bagi kita-kita yang ingin
belajar/latihan membuat website dengan computer yang tidak
terkoneksi dengan internet, maka XAMPP merupakan solusi kita.
Silakan download XAMPP http://www.nat32.com/xampp. Alternatif
lain selain XAMPP adalah MSAS (Mambo Stand Alone Server).
Namun pada tutorial ini kita akan tetap menggunakan XAMPP.

Ebook Gratis oleh Syahuri


Latihan Membuat Website Gratis Secara Offline http://www.syahuri.com
3) Text Editor. Teks editor sederhana seperti Notepad atau WordPad
yang ada di Ms. XP saya rasa sudah cukup. Namun jika ingin lebih
istimewa Anda bisa menggunakan software Notepad++.

Jika semua bahan sudah anda persiapkan, maka kita akan segera belajar
membuat blog berbasis wordpress di computer kita tanpa harus terkoneksi
internet. Kira-kira tahapan pembuatannya begini:
1. Persiapkan bahan: xampp, wordpress cms, text editor, browser
(pastinya ;) )
2. Persiapkan peralatan: instalasi xampp, pembuatan database,
persiapan cms wordpress dengan mengubah/menyesuaikan
database.

Note: tutorial ini akan terasa LEBIH NIKMAT jika Anda membacanya dengan
seksama SEKALIGUS mempraktekkannya. Karena jika Anda hanya
membacanya saja tanpa langsung praktek, maka Anda akan beranggapan
bahwa hal ini sangatlah sulit dan sungguh sangat tidak mengasikkan,
membosankan! Hilangkan segela rasa pesimis! Mari semangat! Karena saya
membuat tutorial ini juga dengan perasaan semangat! Saya berusaha
memberikan yang terbaik dan mudah anda pahami!
Apakah ada lagi alasan anda untuk tidak bersemangat?! Plis deh… he he
he…

Ebook Gratis oleh Syahuri


Latihan Membuat Website Gratis Secara Offline http://www.syahuri.com
Latihan Membuat Website Gratis Secara Offline
Wordpress + XAMPP

Langkah pertama, install aplikasi XAMPP di computer Anda.


Cara instalasi XAMPP ini sama mudahnya seperti instalasi aplikasi lainnya.
Cukup eksekusi file exe-nya XAMPP, klik next-next dst kemudian finish.

Langkah kedua, upload folder wordpress Anda ke direktori XAMPP.


Setelah XAMPP anda install, misalnya di C:\xampp, upload folder wordpress
(yang sebelumnya berbentuk *.zip sudah anda ekstrak terlebih dahulu)
Anda ke direkori berikut:
C:\xampp\htdocs\
Sehingga lokasi folder wordpress Anda berada di:
C:\xampp\htdocs\wordpress

Langkah ketiga, buatkan database untuk wordpress Anda.


Salah satu fitur dari XAMPP adalah tersedianya phpmyAdmin. Dengan
phpmyAdmin, kita bisa membuat dan mengolah database blog wordpress
kita. Untuk pembuatan blog wordpress baru ini, kita membutuhkan
database. Cara membuat database sangatlah mudah, yaitu:
- Pastikan Apache dan MySql anda dalam keadaan aktif. Untuk
mengetahui XAMPP anda sudah aktif atau belum, buka XAMPP
Control Panel yang berada di C:\xampp\xampp-control.exe.

Apache dan MySql


sudah aktif

Ebook Gratis oleh Syahuri


Latihan Membuat Website Gratis Secara Offline http://www.syahuri.com
- Kalo Apache dan MySql sudah aktif, buka browser Anda. Misalkan
Internet Explorer atau Mozilla Firefox. Rekomendasi: Mozilla Firefox.
- Ketik di addressbar: http://localhost/phpmyadmin/
- Pada field Creat new database, ketik dbwordpressku. Ini hanya
contoh saja. Setelah anda mengerti tentang database ini, silakan
anda buat nama databasenya terserah anda. Setelah itu, klik tombol
Create. Contohnya bisa dilihat gambar berikut:

- Jika sudah klik tombol Create, maka semestinya database kita sudah
terbentuk. Tekan Tombol F5 pada keyboard Anda (untuk me-refresh
halaman web) sehingga kita kembali ke halaman utama
phpmyadmin. Maka kita akan melihat database yang barusaja kita
buat sudah termasuk dalam database lainnya:

Database yang
barusan kita buat
bernama
dbwordpressku

Ebook Gratis oleh Syahuri


Latihan Membuat Website Gratis Secara Offline http://www.syahuri.com
Oke, database untuk blog wordpress yang akan kita buat
sudah tercipta. Namun belum ada isinya, masih 0 tuh. Jika
XAMPP sudah kita install, folder wordpress sudah kita
taruh di direktori C:\xampp\htdocs\wordpress, dan database
pun sudah kita buat, kini sebelum kita menciptakan blog
wordpress kita, mari kita hubungkan antara folder wordpress
kita dengan database yang barusan kita buat tadi.

Dalam folder C:\xampp\htdocs\wordpress, coba cari file dengan nama


wp-config-sample.php
Rename file tersebut menjadi wp-config.php
(hilangin sample nya saja).

Setelah merubah nama file tersebut, buka file tersebut dengan text editor,
misalnya Notepad. Caranya: klik kanan pada file wp-config.php >> Open
With >> Notepad

Setelah file tersebut terbuka, ubahlah:


• database name,
• database username, dan
• database password
sesuai dengan database yang sudah kita buat tadi.

Ebook Gratis oleh Syahuri


Latihan Membuat Website Gratis Secara Offline http://www.syahuri.com
Dalam tutorial ini, seperti yang di atas, kita hanya membuat databasenya
saja (yang bernama dbwordpressku tadi). Lalu bagaimana kita bisa
mengetahui username dan passwordnya?

Secara default , XAMPP telah membuat ‘privileges’ untuk database kita. Yaitu
dengan username root dan tanpa password.
Untuk membuktikannya, silakan buka browser anda dan tuju alamat
http://localhost/phpmyadmin dan klik Privileges. Maka Anda akan melihat data
privileges Anda disitu.

So, dalam file wp-config.php tadi, ubah nama MySql (database) dengan
dbwordpressku dan username root. Sedangkan password dikosongkan saja.
Mudahnya, lihat gambar berikut:

Sementara yang lain biarkan saja begitu. Karena yang terpenting ya itu 3:
database name, database username, dan password databasenya.

Jika di phpmyadmin anda sudah menambah user baru untuk


privilagenya dengan username dan password sendiri, anda bisa
memasukkannya ke file wp-config.php ini.

Nah, kalo sudah di ubah, SAVE saja file wp-config.php tersebut.

Ebook Gratis oleh Syahuri


Latihan Membuat Website Gratis Secara Offline http://www.syahuri.com
Sudah menyimpannya? Maka TAHAP PERSIAPAN sudah kita lakukan semua.
Kini saatnya kita memulai untuk membuat blog berbasis wordpress di local
computer: membuat weblog tanpa harus terkoneksi internet. Lanjuuuttt….!!

Ebook Gratis oleh Syahuri


Latihan Membuat Website Gratis Secara Offline http://www.syahuri.com
INSTALASI WORDPRESS
Setelah Anda melakukan persiapan:
-menginstall xampp
-membuat database (dengan nama dbwordpressku)
-menaruh folder wordpress ke c:\xampp\htdoc\wordpress
-mengubah nama file wp-config-sample.php menjadi wp-config.php
-mengubah nama, username dan password database yang ada di wp-
config.php

Maka itu artinya segala persiapan kita sudah READY. Untuk memulai
membuat blog berbasis wordpress di computer Anda, silakan:
1. Buka browser anda. Rekomendasi: Mozilla Firefox.
2. Ketik di address bar: http://localhost/wordpress

Maka akan keluar halaman wordpress installation yang pertama yang


mengharuskan kita mengisi blog title dan email kita.
Isi blog title dengan judul blog Anda. Misalnya: Blognya si Syahuri
Isi di kolom Your E-mail dengan email Anda. Contoh: syahuri@yahoo.com

Kotak checklist Allow my blog to appear in search engines like Google and Technorati
merupakan pilihan yang dapat anda pilih: apakah sudi blog anda tampil di
mesin pencari seperti google dan technorati?
Jika blog title dan kolom email sudah anda isi, langsung saja klik Install
Wordpress.

Ebook Gratis oleh Syahuri


Latihan Membuat Website Gratis Secara Offline http://www.syahuri.com
Setelah itu, kita akan dihadapkan pada kotak pengisian data username dan
password. Data tersebutlah yang akan kita gunakan untuk mengelola blog
wordpress kita. Yang harus anda lakukan adalah: MENYIMPAN atau
MENGINGAT username dan password tersebut!

Username dan password disini berbeda dengan username dan password


database tadi! Kalo tadi fungsinya hanya untuk database, sedangkan yang
ini akan kita gunakan terus menerus selama kita ingin log in ke blog kita ini.

Oke, jika sudah menyimpan atau mengingat username dan password blog
anda, silakan klik tombol Log In.
Masuk ke blog Anda dengan username dan password tadi. Klik Log In.

Maka kita akan tiba di halaman dashboard wordpress kita untuk pertama
kalinya. hal ini juga yang menandakan bahwa blog kita yang berbasis cms
wordpress TELAH TERCIPTA!
Alamat blog Anda di computer ini adalah:
http://localhost/wordpress
dan alamat admin (dashboard – administrasi untuk pengaturan blog anda)
adalah:
http://localhost/wordpress/wp-admin/
Jika ini memang pertama kalinya anda masuk ke halaman admin, atau
disebut juga Dashboard, silakan nikmati saja dulu.

Ebook Gratis oleh Syahuri


Latihan Membuat Website Gratis Secara Offline http://www.syahuri.com
Gambar di atas adalah tampilan dashboard atau halaman admin wordpress
versi terbaru saat saya mengetik tulisan ini: Wordpress versi 2.7.
Terdiri dari 3 kolom. Sidebar sebagai navigasi halaman admin berada di
sebelah kiri. Sedangkan 2 kolom dikanannya merupakan content utama
halaman admin yang dapat kita pindah sesuai kebutuhan kita. Secara
Default wordpress telah meletakkannya sebagai berikut:
• Widget Right Now yang menampilkan statistika administrasi kita,
misalnya jumlah postingan, jumlah komentar, dan sebagainya.
• Widget Quick Press merupakan widget yang bisa kita gunakan
untuk menulis dan mempublikasikan artikel secara praktis dan
simple.
• Widget Recent Comment yang berada dibawah widget Right Now
berfungsi untuk menampilkan komentar/trackback terbaru untuk
artikel yang ada di blog kita.
• Widget Recent Draft yang berfungsi menampilkan tulisan kita di
blog ini yang masih belum terpublikasikan, alias draft.
• Widget Incoming Links akan menampilkan linkback terbaru dari
blog lain ke blog kita. Tampilan ini didasarkan pada hasil pencarian
dari Google Blog Search.
• Widget WordPress Development Blog akan menampilkan berita
terbaru seputar perubahan yang terjadi pada wordpress.
• Widget Plugin akan menampilkan plugin yang terpopuler, plugin
terbaru, dan plugin yang baru saja diperbarui (update).
• Widget Other WordPress News menampilkan berita-berita tentang
wordpress atau yang terkait dengan wordpress.
Widget-widget tersebut bisa anda pindah-pindah ataupun bisa anda edit
konfigurasinya. Misalnya widget recent comment ingin anda ganti dengan
update terbaru dari detik.com atau portal berita lainnya juga bisa.

Ebook Gratis oleh Syahuri


Latihan Membuat Website Gratis Secara Offline http://www.syahuri.com
Nah, setelah berkenalan dengan widget-widget itu, saran saya, yang harus
anda lakukan pertama kali adalah mengubah password admin Anda.
Kenapa? Karena saya kira password yang di generate oleh mesin wordpress
tadi sangatlah rumit. Contohnya saja password yang saya dapati adalah:
a1vM^d1^wbV@. Tentunya anda juga punya password yang berbeda. Jika
Anda lupa password ini, maka Anda tidak akan bisa Log in ke wordpress
Anda.
Oleh karena itu, agar tidak kelupaan atau kehilangan password anda, lebih
baik anda mengubahnya dulu ke password yang lebih mudah anda ingat.
Cara merubah password admin, klik User >> Your Profile (lihat gambar):

Anda akan dihadapkan pada halaman edit profile. Lakukan perubahan


seperlunya. Namun yang terpenting untuk saat ini adalah mengubah
password. Cari di halaman bagian bawah untuk mengubah password Anda.
Isikan password baru Anda ke kotak pengisian New Password.
Lihat gambar:

Ebook Gratis oleh Syahuri


Latihan Membuat Website Gratis Secara Offline http://www.syahuri.com
Sesuaikan password anda dengan password yang mudah anda ingat.
Namun pertimbangkan juga kekuatan password anda. Wordpress telah
menyediakan indikator kekuatan suatu password.
So, bijaklah sebijak yang anda mampu ;).
Jika sudah, klik tombol Update Profile.

Kalo udah mengubah password, kita akan lebih lega dan tidak perlu
khawatir kelupaan atau kehilangan password.

Untuk percobaan, cobalah menulis dan mempublikasikan tulisan pertama


anda di blog offline ini. bisa melalui Quick Press yang ada di dashboard
atau melalui menu khusus untuk posting yang ada di
http://localhost/wordpress/wp-admin/post-new.php.
Ketik judul artikel anda, ketik opini, diari, atau apapun yang ingin anda
publish pada kolom isi. Tambahkan tags untuk artikel anda, tentukan
kategorinya, atau bila perlu tentukan tanggal terbitnya. Bahkan anda bisa
mengatur status tulisan tersebut: untuk public atau hanya untuk pribadi
(artikel perpassword). Silakan jelajahi sepuasnya fitur-fitur dari wordpress.
Jangan malu untuk mencoba.
Jika artikel pertama anda sudah jadi, klik saja tombol Publish.
Untuk melihat artikel anda, silakan menuju halaman blog offline anda:
http://localhost/wordpress/
Jika ada yang ingin anda konfigurasi lagi, silakan masuk lagi ke halaman
administrasi yang beralamat di:
http://localhost/wordpress/wp-admin/

=====

Ebook Gratis oleh Syahuri


Latihan Membuat Website Gratis Secara Offline http://www.syahuri.com
Dengan ini artinya Anda sudah siap untuk mengelola blog wordpress Anda.
Tutorial yang sedang Anda baca ini hanyalah tutorial instalasi saja.
Sementara tutorial untuk mengelola blog wordpress ini, seperti merubah
layout (theme), menambah fitur (plugin), dan berbagai tetek bengek
wordpress lainnya bisa Anda dapatkan saat anda menjelajahinya sendiri,
atau bisa juga Anda pelajari dari blogger-blogger yang senantiasa
membagikan ilmunya. Baik berupa blog maupun ebook seperti ini, atau
bahkan dalam bentuk text book.

Tutorial yang saya buat ini hanya untuk instalasi wordpress secara offline di
komputer yang tidak terkoneksi di internet. Tujuannya adalah: sebelum
blog wordpress Anda go public, yaitu meng-uploadnya ke internet agar bisa
dinikmati para netter, ada baiknya Anda mempelajari fitur-fiturnya, atau
mengubah settingan maupun layoutnya terlebih dahulu secara offline.

Kenapa? Karena jika langsung online, tentu akan lebih memakan biaya:
akses internet, domain dan hosting. Sementara jika kita mengelolanya di
komputer secara offline terlebih dahulu, maka kita bisa mensetting dan
mengatur layoutnya tanpa harus terkoneksi internet. Dan ketika kita
merasa yakin dan matang akan blog dan kemampuan kita, barulah kita
meng-uploadnya ke web hosting dan memberikannya nama domain dan
siap untuk dinikmati publik.
Saya yakin, jika Anda bisa menangkap konsep dan mindset dari tutorial ini,
Andapun pasti akan bisa mengaplikasikan tutorial ini langsung online dengan
domain dan hosting.
=====
Terima kasih Anda telah membaca dan mempraktekkan isi ebook ini.
Salam sukses!

Ebook Gratis oleh Syahuri


Latihan Membuat Website Gratis Secara Offline http://www.syahuri.com
TENTANG PENULIS

Ebook ini dibuat secara independen oleh Syahuri. Lengkapnya Muhammad


Syahuri. Kuliah di Fakultas Ekonomi Universitas Syiah Kuala Jurusan
Ekonomi Manajemen S1 angkatan 2007. Lahir pada tahun 1989 di Aceh
Simeulue. Daridulu pengen kuliah di bidang komputer, namun dengan

berbagai alasan dan pertimbangan, jadinya nyasar ke Ekonomi deh .


Saya sangat tertarik dengan dunia blogging, html, css, js, php dan
sejenisnya. Sampai sekarangpun masih dalam tahap mempelajarinya.

Referensi ebook ini adalah pengalaman pribadi. Namun saya tidak sanggup
bila tidak berterima kasih kepada mas Robi Ardiyan (pemilik
http://www.yoogya.com/) yang telah memperkenalkan saya dengan yang
namanya Wordpress.Org dan XAMPP. Dari inspirasi yang beriberikan mas
Robi inilah saya terus tertarik dan senang dengan wordpress dan sering
menguta-atik wordpress.

Membuat ebook ini dengan harapan teman-teman yang masih belum bisa
membuat blog berbasis wordpress bisa menguasai blog wordpress walau
hanya bermodal komputer tanpa terkoneksi internet.

Setelah membuat ebook ini, insya Allah saya akan membuat ebook-ebook
lainnya yang saya harap bisa bermanfaat bagi kita semua. Jadi, agar tidak
ketinggalan info, silakan sering-sering mampir di www.syahuri.com ya…

Saya sangat menghargai bila anda turut mempublikasikan ebook ini, tapi
jangan mengopy paste isinya. Publikasikanlah ebook ini secara penuh tanpa
menambah atau mengurangi isinya.

Ebook Gratis oleh Syahuri


Latihan Membuat Website Gratis Secara Offline http://www.syahuri.com
Jika Anda merasa terbantu dengan ebook ini dan hendak berterima kasih
kepada saya, cukuplah dengan berterima kasih kepada Allah SWT yang
telah memperkanankan kita semua untuk menjalani aktivitas sehari-hari,
termasuk saya yang telah diberi kesempatan untuk menulis ebook ini.

Terima kasih.

Muhammad Syahuri
+62852 6008 1815
syahuri@yahoo.com
http://www.syahuri.com
http://www.friendster.com/syahuri

Ebook Gratis oleh Syahuri


Latihan Membuat Website Gratis Secara Offline http://www.syahuri.com

You might also like