Latihan Membuat Website Gratis Secara Offline

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
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 computer yang yang ingin tidak
belajar/latihan
membuat
website
dengan
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.
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 database. peralatan: cms instalasi xampp, pembuatan database,
wordpress
dengan
mengubah/menyesuaikan
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
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, sudah
database tercipta. sudah di sudah
untuk Namun kita
blog belum install,
wordpress ada
yang
akan 0
kita tuh. sudah
buat Jika kita
isinya,
masih
XAMPP taruh pun
folder
wordpress dan
direktori kita kita,
C:\xampp\htdocs\wordpress, kini sebelum kita antara
database blog
buat, mari
menciptakan folder
wordpress
kita
hubungkan
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.
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.
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.!!
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: 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.
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.
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.
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:
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/
=====
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!
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.
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

Latihan Membuat Website Gratis Secara Offline

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Latihan Membuat Website Gratis Secara Offline

Uploaded by

Copyright:

Available Formats

PENGANTAR Kalau dulu, membuat website hanya bisa dilakukan oleh orang-orang yang memang memiliki ilmu pemograman

web seperti HTML, PHP, dan

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

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