Latihan Membuat Website Gratis Secara Offline - Syahuri Dot Com

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 Latihan Membuat Website Gratis Secara Offline

oleh Syahuri http://www.syahuri.com

Ebook Gratis Latihan Membuat Website Gratis Secara Offline

oleh Syahuri 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

belajar/latihan

berbayar.

membuat

Namun

website

bagi

dengan

kita-kita

yang

ingin

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 Latihan Membuat Website Gratis Secara Offline

oleh Syahuri 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 persiapan

peralatan: cms

instalasi

wordpress

xampp,

dengan

pembuatan

database,

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 Latihan Membuat Website Gratis Secara Offline

oleh Syahuri 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 Latihan Membuat Website Gratis Secara Offline

oleh Syahuri 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 Latihan Membuat Website Gratis Secara Offline

oleh Syahuri http://www.syahuri.com

Oke,

database

untuk

tercipta.

Namun

belum

kita

install,

sudah XAMPP taruh pun

sudah di

sudah

wordpress

direktori kita kita,

blog

wordpress ada

yang

isinya,

folder

masih

mari

kini

kita

sebelum

hubungkan

0

wordpress

C:\xampp\htdocs\wordpress,

buat,

akan

kita antara

dan

kita tuh.

Jika

sudah

kita

database

menciptakan folder

buat

blog

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 Latihan Membuat Website Gratis Secara Offline

oleh Syahuri 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 Latihan Membuat Website Gratis Secara Offline

oleh Syahuri 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 Latihan Membuat Website Gratis Secara Offline

oleh Syahuri 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 wpconfig.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: [email protected]

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 Latihan Membuat Website Gratis Secara Offline

oleh Syahuri 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 Latihan Membuat Website Gratis Secara Offline

oleh Syahuri 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 Latihan Membuat Website Gratis Secara Offline

oleh Syahuri 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 Latihan Membuat Website Gratis Secara Offline

oleh Syahuri 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 Latihan Membuat Website Gratis Secara Offline

oleh Syahuri 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 Latihan Membuat Website Gratis Secara Offline

oleh Syahuri 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 Latihan Membuat Website Gratis Secara Offline

oleh Syahuri 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 [email protected] http://www.syahuri.com http://www.friendster.com/syahuri

Ebook Gratis Latihan Membuat Website Gratis Secara Offline

oleh Syahuri http://www.syahuri.com