P. 1
Latihan Membuat Website Gratis Secara Offline

Latihan Membuat Website Gratis Secara Offline

|Views: 349|Likes:
Published by Syahuri Muhammad
ebook ini menjelaskan tentang bagaimana kita bisa belajar membuat website tanpa memiliki komputer atau laptop yang sedang terhubung dengan internet.

artinya, tanpa internetpun kita bisa belajar membuat website. ebook ini tentu akan sangat berguna bagi kita yang hendak belajar membuat website tapi belum memiliki sarana koneksi internet.

ebook ini mengenalkan kita tentang wordpress, xampp, dan cara menginstall blog dengan menggunakan cms wordpress.
ebook ini menjelaskan tentang bagaimana kita bisa belajar membuat website tanpa memiliki komputer atau laptop yang sedang terhubung dengan internet.

artinya, tanpa internetpun kita bisa belajar membuat website. ebook ini tentu akan sangat berguna bagi kita yang hendak belajar membuat website tapi belum memiliki sarana koneksi internet.

ebook ini mengenalkan kita tentang wordpress, xampp, dan cara menginstall blog dengan menggunakan cms wordpress.

More info:

Categories:Types
Published by: Syahuri Muhammad on Aug 02, 2013
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

04/14/2015

pdf

text

original

PHP. Oke. Kini sudah banyak software atau peralatan yang dapat kita manfaatkan untuk mempermudah pembuatan website. membuat website tidak harus memiliki skil itu. Syahuri. Dalam ebook sederhana ini saya hanya sedikit berbagi ilmu tentang cara atau tutorial pembuatan website (selanjutnya disebut blog :D ). sebenarnya saya lebih asik menyebutnya sebagai blog daripada website. bisa saja! Selamat Membaca. saya menggunakan istilah website disini. bahkan ada tutorialnya. Januari 2008 Ebook Gratis Latihan Membuat Website Gratis Secara Offline oleh Syahuri http://www. dan sebagainya.syahuri. Kini.com . Perbedaan antara website dan blog pun kini sudah makin sulit dicari. barangkali karena computer kita belum terkoneksi internet dan kita ingin belajar membuat blog. Istilah website seakan terdengar lebih akrab di telinga masyarakat daripada istilah blog. Jujur saja. saya rasa bukan saat kita membahas perbedaan kedua istilah itu. Mohon maaf. Lebih tepatnya sih disebut ‘latihan’ saja. membuat website hanya bisa dilakukan oleh orang-orang yang memang memiliki ilmu pemograman web seperti HTML.PENGANTAR Kalau dulu. 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. Sebab penulisan ebook ini saya khususkan bagi teman-teman yang ingin membuat website secara offline. Banda Aceh.

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

Jika Anda sudah terdaftar dan membuat blog di www.com/xampp.).nat32.wordpress. atau bahkan terbaik diantara CMS blog lainnya. dan lain sebagainya. CMS Wordpress tersebut dapat anda download di http://www. itu hanyalah blog biasa yang pembuatannya pun tergolong mudah. Alternatif lain selain XAMPP adalah MSAS (Mambo Stand Alone Server).com . Namun bagi kita-kita computer yang yang ingin tidak belajar/latihan membuat website dengan terkoneksi dengan internet. Ini dia: 1) CMS WordPress. Ebook Gratis Latihan Membuat Website Gratis Secara Offline oleh Syahuri http://www. Masing-masing CMS punya kelebihan dan kekurangan masing-masing. Namun fitur yang ditawarkan tidaklah sepowerfull CMS Wordpress yang akan kita pelajari dalam ebook ini. Cukup registrasi saja maka blog anda akan siap pakai seketika itu juga. Xampp merupakan software yang kita gunakan untuk ‘menyulap’ komputer kita menjadi layaknya computer server. Namun hingga sampai saya menulis tulisan ini.PERSIAPAN Sebelum Anda membuat blog. Sehingga kita bisa membuat blog dengan berbasis Wordpress. Tapi itu semua tergantung kebutuhan kita juga sih. maka XAMPP merupakan solusi kita. maka kita bisa menggunakan webhosting yang pada umumnya berbayar. Namun pada tutorial ini kita akan tetap menggunakan XAMPP. . Kalo computer yang sudah terkoneksi internet dan ingin membuat weblog (wordpress). Drupal. Wordpress tetap yang terpopuler. Sebenarnya banyak CMS lain selain wordpress yang bisa kita gunakan.org/download. 2) XAMPP.wordpress. CMS (Content Management System) Wordpress merupakan bahan utama kita dalam membuat blog. Silakan download XAMPP http://www.syahuri. barangkali Anda ingin mengenal dulu beberapa bahan (kayak mau masak aja nih) untuk pembuat/pengelolaan blog. seperti Joomla.com.

Persiapkan persiapan database.) ) 2. Kira-kira tahapan pembuatannya begini: 1. 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. Karena jika Anda hanya membacanya saja tanpa langsung praktek. browser (pastinya .3) Text Editor. maka kita akan segera belajar membuat blog berbasis wordpress di computer kita tanpa harus terkoneksi internet.com . maka Anda akan beranggapan bahwa hal ini sangatlah sulit dan sungguh sangat tidak mengasikkan. Jika semua bahan sudah anda persiapkan. Teks editor sederhana seperti Notepad atau WordPad yang ada di Ms. text editor. XP saya rasa sudah cukup. peralatan: cms instalasi xampp. pembuatan database. Persiapkan bahan: xampp.syahuri. Namun jika ingin lebih istimewa Anda bisa menggunakan software Notepad++. wordpress cms. wordpress dengan mengubah/menyesuaikan Note: tutorial ini akan terasa LEBIH NIKMAT jika Anda membacanya dengan seksama SEKALIGUS mempraktekkannya.

buka XAMPP Control Panel yang berada di C:\xampp\xampp-control. Setelah XAMPP anda install. Cukup eksekusi file exe-nya XAMPP. Dengan phpmyAdmin. Langkah kedua. kita bisa membuat dan mengolah database blog wordpress kita. misalnya di C:\xampp. Apache dan MySql sudah aktif Ebook Gratis Latihan Membuat Website Gratis Secara Offline oleh Syahuri http://www.Latihan Membuat Website Gratis Secara Offline Wordpress + XAMPP Langkah pertama. Cara membuat database sangatlah mudah.com .exe. Untuk pembuatan blog wordpress baru ini. Salah satu fitur dari XAMPP adalah tersedianya phpmyAdmin. yaitu: Pastikan Apache dan MySql anda dalam keadaan aktif. kita membutuhkan database. Untuk mengetahui XAMPP anda sudah aktif atau belum.syahuri.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. Cara instalasi XAMPP ini sama mudahnya seperti instalasi aplikasi lainnya. buatkan database untuk wordpress Anda. klik next-next dst kemudian finish. upload folder wordpress Anda ke direktori XAMPP. upload folder wordpress (yang sebelumnya berbentuk *. install aplikasi XAMPP di computer Anda.

- Ketik di addressbar: http://localhost/phpmyadmin/ Pada field Creat new database. Contohnya bisa dilihat gambar berikut: - Jika sudah klik tombol Create. buka browser Anda. Tekan Tombol F5 pada keyboard Anda (untuk me-refresh halaman web) sehingga kita kembali ke halaman utama phpmyadmin. klik tombol Create.syahuri. Rekomendasi: Mozilla Firefox. maka semestinya database kita sudah terbentuk. silakan anda buat nama databasenya terserah anda. Misalkan Internet Explorer atau Mozilla Firefox. Setelah anda mengerti tentang database ini. Setelah itu.com . Ini hanya contoh saja. ketik dbwordpressku. 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.- Kalo Apache dan MySql sudah aktif.

Caranya: klik kanan pada file wp-config. misalnya Notepad. Dalam folder C:\xampp\htdocs\wordpress. C:\xampp\htdocs\wordpress. wordpress ada yang akan 0 kita tuh. coba cari file dengan nama wp-config-sample.php >> Open With >> Notepad Setelah file tersebut terbuka. masih XAMPP taruh pun folder wordpress dan direktori kita kita. ubahlah: • • • database name. sudah di sudah untuk Namun kita blog belum install. Ebook Gratis Latihan Membuat Website Gratis Secara Offline oleh Syahuri http://www.php (hilangin sample nya saja). sudah buat Jika kita isinya.syahuri. database username. Setelah merubah nama file tersebut.php Rename file tersebut menjadi wp-config.Oke. kini sebelum kita antara database blog buat.com . dan database password sesuai dengan database yang sudah kita buat tadi. sudah database tercipta. mari menciptakan folder wordpress kita hubungkan wordpress kita dengan database yang barusan kita buat tadi. buka file tersebut dengan text editor.

silakan buka browser anda dan tuju alamat http://localhost/phpmyadmin dan klik Privileges.Dalam tutorial ini.php ini. kita hanya membuat databasenya saja (yang bernama dbwordpressku tadi). dalam file wp-config. Mudahnya. ubah nama MySql (database) dengan dbwordpressku dan username root. Sedangkan password dikosongkan saja.php tadi. Ebook Gratis Latihan Membuat Website Gratis Secara Offline oleh Syahuri http://www. lihat gambar berikut: Sementara yang lain biarkan saja begitu.php tersebut.com . Lalu bagaimana kita bisa mengetahui username dan passwordnya? Secara default . Maka Anda akan melihat data privileges Anda disitu. So. Yaitu dengan username root dan tanpa password. Karena yang terpenting ya itu 3: database name. Jika di phpmyadmin anda sudah menambah user baru untuk privilagenya dengan username dan password sendiri. seperti yang di atas. dan password databasenya. XAMPP telah membuat ‘privileges’ untuk database kita. anda bisa memasukkannya ke file wp-config.syahuri. SAVE saja file wp-config. kalo sudah di ubah. database username. Nah. Untuk membuktikannya.

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

2. Buka browser anda.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. langsung saja klik Install Wordpress. silakan: 1.php Maka itu artinya segala persiapan kita sudah READY.syahuri. Isi blog title dengan judul blog Anda. Untuk memulai membuat blog berbasis wordpress di computer Anda. Ketik di address bar: http://localhost/wordpress Maka akan keluar halaman wordpress installation yang pertama yang mengharuskan kita mengisi blog title dan email kita.php menjadi wp-config. Misalnya: Blognya si Syahuri Isi di kolom Your E-mail dengan email Anda.com .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. username dan password database yang ada di wpconfig.php -mengubah nama. Contoh: syahuri@yahoo. Ebook Gratis Latihan Membuat Website Gratis Secara Offline oleh Syahuri http://www. Rekomendasi: Mozilla Firefox.

Klik Log In. jika sudah menyimpan atau mengingat username dan password blog anda. Oke. sedangkan yang ini akan kita gunakan terus menerus selama kita ingin log in ke blog kita ini. silakan klik tombol Log In. kita akan dihadapkan pada kotak pengisian data username dan password. 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. Masuk ke blog Anda dengan username dan password tadi. silakan nikmati saja dulu.syahuri. Maka kita akan tiba di halaman dashboard wordpress kita untuk pertama kalinya.Setelah itu. 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.com . atau disebut juga Dashboard. Ebook Gratis Latihan Membuat Website Gratis Secara Offline oleh Syahuri http://www. Data tersebutlah yang akan kita gunakan untuk mengelola blog wordpress kita.

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

Lakukan perubahan seperlunya.syahuri. maka Anda tidak akan bisa Log in ke wordpress Anda. Jika Anda lupa password ini. saran saya. Oleh karena itu.com . lebih baik anda mengubahnya dulu ke password yang lebih mudah anda ingat. Cara merubah password admin. Cari di halaman bagian bawah untuk mengubah password Anda. 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. Lihat gambar: Ebook Gratis Latihan Membuat Website Gratis Secara Offline oleh Syahuri http://www. Contohnya saja password yang saya dapati adalah: a1vM^d1^wbV@. klik User >> Your Profile (lihat gambar): Anda akan dihadapkan pada halaman edit profile. Namun yang terpenting untuk saat ini adalah mengubah password. agar tidak kelupaan atau kehilangan password anda. setelah berkenalan dengan widget-widget itu. Tentunya anda juga punya password yang berbeda. Isikan password baru Anda ke kotak pengisian New Password.Nah.

). ketik opini. kita akan lebih lega dan tidak perlu khawatir kelupaan atau kehilangan password. silakan menuju halaman blog offline anda: http://localhost/wordpress/ Jika ada yang ingin anda konfigurasi lagi. Tambahkan tags untuk artikel anda.com . Jika sudah. atau apapun yang ingin anda publish pada kolom isi.php.Sesuaikan password anda dengan password yang mudah anda ingat. Untuk melihat artikel anda. Ketik judul artikel anda. bisa melalui Quick Press yang ada di dashboard atau melalui menu khusus untuk posting yang ada di http://localhost/wordpress/wp-admin/post-new. Bahkan anda bisa mengatur status tulisan tersebut: untuk public atau hanya untuk pribadi (artikel perpassword). cobalah menulis dan mempublikasikan tulisan pertama anda di blog offline ini. So. Jika artikel pertama anda sudah jadi. klik saja tombol Publish. tentukan kategorinya. bijaklah sebijak yang anda mampu .syahuri. Wordpress telah menyediakan indikator kekuatan suatu password. Namun pertimbangkan juga kekuatan password anda. Kalo udah mengubah password. Silakan jelajahi sepuasnya fitur-fitur dari wordpress. Jangan malu untuk mencoba. Untuk percobaan. atau bila perlu tentukan tanggal terbitnya. 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. klik tombol Update Profile. diari.

yaitu meng-uploadnya ke internet agar bisa dinikmati para netter.com . barulah kita meng-uploadnya ke web hosting dan memberikannya nama domain dan siap untuk dinikmati publik. menambah fitur (plugin).syahuri. Tujuannya adalah: sebelum blog wordpress Anda go public. Sementara tutorial untuk mengelola blog wordpress ini. tentu akan lebih memakan biaya: akses internet. atau mengubah settingan maupun layoutnya terlebih dahulu secara offline. Salam sukses! Ebook Gratis Latihan Membuat Website Gratis Secara Offline oleh Syahuri http://www. Dan ketika kita merasa yakin dan matang akan blog dan kemampuan kita. seperti merubah layout (theme). atau bahkan dalam bentuk text book. dan berbagai tetek bengek wordpress lainnya bisa Anda dapatkan saat anda menjelajahinya sendiri. Tutorial yang saya buat ini hanya untuk instalasi wordpress secara offline di komputer yang tidak terkoneksi di internet. ada baiknya Anda mempelajari fitur-fiturnya. maka kita bisa mensetting dan mengatur layoutnya tanpa harus terkoneksi internet. Baik berupa blog maupun ebook seperti ini. Kenapa? Karena jika langsung online. Saya yakin.Dengan ini artinya Anda sudah siap untuk mengelola blog wordpress Anda. Andapun pasti akan bisa mengaplikasikan tutorial ini langsung online dengan domain dan hosting. ===== Terima kasih Anda telah membaca dan mempraktekkan isi ebook ini. jika Anda bisa menangkap konsep dan mindset dari tutorial ini. Tutorial yang sedang Anda baca ini hanyalah tutorial instalasi saja. Sementara jika kita mengelolanya di komputer secara offline terlebih dahulu. atau bisa juga Anda pelajari dari blogger-blogger yang senantiasa membagikan ilmunya. domain dan hosting.

tapi jangan mengopy paste isinya. Jadi. css. Ebook Gratis Latihan Membuat Website Gratis Secara Offline oleh Syahuri http://www. Daridulu pengen kuliah di bidang komputer. Setelah membuat ebook ini. Sampai sekarangpun masih dalam tahap mempelajarinya. Lengkapnya Muhammad Syahuri.com . agar tidak ketinggalan info.com/) yang telah memperkenalkan saya dengan yang namanya Wordpress. html. silakan sering-sering mampir di www.syahuri. Kuliah di Fakultas Ekonomi Universitas Syiah Kuala Jurusan Ekonomi Manajemen S1 angkatan 2007. 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. php dan sejenisnya.Org dan XAMPP. jadinya nyasar ke Ekonomi deh . Referensi ebook ini adalah pengalaman pribadi.syahuri. namun dengan berbagai alasan dan pertimbangan. Lahir pada tahun 1989 di Aceh Simeulue. insya Allah saya akan membuat ebook-ebook lainnya yang saya harap bisa bermanfaat bagi kita semua.yoogya. Publikasikanlah ebook ini secara penuh tanpa menambah atau mengurangi isinya.com ya… Saya sangat menghargai bila anda turut mempublikasikan ebook ini. Saya sangat tertarik dengan dunia blogging. Namun saya tidak sanggup bila tidak berterima kasih kepada mas Robi Ardiyan (pemilik http://www. js.TENTANG PENULIS Ebook ini dibuat secara independen oleh Syahuri. Dari inspirasi yang beriberikan mas Robi inilah saya terus tertarik dan senang dengan wordpress dan sering menguta-atik wordpress.

com/syahuri Ebook Gratis Latihan Membuat Website Gratis Secara Offline oleh Syahuri http://www. Terima kasih.syahuri.com http://www. Muhammad Syahuri +62852 6008 1815 syahuri@yahoo.syahuri. termasuk saya yang telah diberi kesempatan untuk menulis ebook ini.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.friendster.com .com http://www.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->