19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com

18

description

web gratis

Transcript of 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com

Page 1: 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com
Page 2: 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com

Ebook Gratis oleh Syahuri

Latihan Membuat Website Gratis Secara Offline http://www.syahuri.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

Page 3: 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com

Ebook Gratis oleh Syahuri

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

Page 4: 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot 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.

Page 5: 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com

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…

Page 6: 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com

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

Page 7: 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com

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

Page 8: 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com

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.

Page 9: 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com

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?

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.

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

Jika di phpmyadmin anda sudah menambah user baru untuk

privilagenya dengan username dan password sendiri, anda bisa

memasukkannya ke file wp-config.php ini.

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.

Page 10: 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com

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….!!

Page 11: 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com

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: [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.

Page 12: 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com

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.

Page 13: 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com

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.

Page 14: 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com

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:

Page 15: 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com

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/

=====

Page 16: 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com

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!

Page 17: 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com

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.

Page 18: 19576791 Latihan Membuat Website Gratis Secara Offline Syahuri Dot Com

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

[email protected]

http://www.syahuri.com

http://www.friendster.com/syahuri