Saturday, February 28, 2015



Website adalah situs di internet yang menyediakan informasi mengenai suatu instansi atau produk tertentu. Sekedar informasi saja, bahwa website tidaklah sama dengan Blog, artinya saat kita membicarakan website maka kita sedang membicarakan Situs Statis atau sebuah situs yang tidak up to date, artinya konten di dalamnya tidak di update secara berkelanjutan, berbanding terbalik dengan Blog, dimana hampir setiap hari, bahkan jam, konten tersebut selalu diperbarui.

Jika Anda masih bingung dalam membedakan blog dan website, saya akan memberikan contohnya :


Contoh Website : www.blog-yogi.org
Contoh Blog : www.cara-yogi.com


Sudah cukup jelas bukan, selanjutnya dari segi informasi yang diberikan pun juga berbeda jauh, dimaan website hanya berisi informasi mengenai satu perusahaan, perorangan, atau suatu produk. Sementara blog lebih bersifat umum, atau membahas apa saja yang sedang populer.

Dari sini saya harap Anda sudah bisa membedakan antara Website dan Blog. Selanjutnya, kita akan membahas 'bagaimana cara membuat website'. Dalam pembuatan website, akan jauh berbeda sekali dengan cara membuat blog, dimana jika ingin membuat website baru, kita diwajibkan untuk mempunyai dua hal, yaitu Domain dan Hosting, dan kedua hal tersebut tidak perlu Anda siapkan saat membuat Blog, karena memang keduanya sudah disediakan oleh penyedia layanan Blog (kita tinggal pakai), namun berbeda dengan buat Website, dimana kita endiri yang harus menyiapkannya sendiri.

Namun Anda tidak perlu khawatir, karena baik Hosting maupun Domain keduanya bisa kita dapatkan dengan gratis, melalui situs penyedia layanan Web Hosting Gratis seperti IDHostinger dan 2FreeHosting. Namun di tutorial kali ini saya akan mengajarkan kepada Anda bagaimana cara membuat website di 2FreeHosting dengan memanfaatkan CMS Wordpress (penjelasan mengenai apa itu CMS Wordpress akan saya bahas dibawah).


Cara Membuat Website


Baik, cukup penjelasan panjangnya, sekarang kita akan langsung praktek, sebelumnya saya harap Anda sudah menyiapkan email aktif yang akan kita gunakan untuk membuat akun baru di 2FreeHosting. Jika sudah silahkan ikuti tutorial membuat website dibawah ini.


Silahkan Anda buka https://www.2freehosting.com/



Jika situs 2FreeHosting sudah terbuka, silahkan Anda cari dan klik tombol berwarna merah yang bertuliskan Sign Up. Karena disini kita akan membuat akun di 2FreeHosting terlebih dahulu sebelum membuat website.


Masukkan email, nama dan password



Pada kolom yang sudah disediakan silahkan masukkan nama dan juga alamat email dan password. Pastikan email yang Anda masukkan adalah email yang aktif karena nanti kita akan membuka email tersebut untuk memverifikasi akun yang Anda buat.


Buka akun email Anda



Sebagai contoh disini saya menggunakan email dari Gmail, untuk Anda pengguna Yahoo atau layanan email lain, silahkan menyesuaikan. Cari dan email dari 2FreeHostinger dan klik link yang ada di dalam email tersebut.


Pilih Free Hosting



Karena kita hanya akan baru belajar membuat website, maka pada Hosting Plan, kita pilih saja yang Free. Lalu silahkan Anda klik Select.


Isi detail website Anda



Seperti yang saya katakan diatas, dalam membuat website dibutuhkan dua hal yaitu Domain dan Hosting, pada tahap inilah kita akan membuat domain, masukkan nama domain atau alamat website Anda pada kolom subdomain, password dan captcha, lalu klik Create.


Refresh halaman, lalu klik Switch



Tunggu selama 30 detik, hingga proses pemesanan nama domain tersebut selesai, selanjutnya silahkan refresh halaman tersebut dengan cara klik F5 pada keyboard, selanjutya silahkan klik Switch.


Klik Auto Installer



Scroll kebawah lalu cari icon berbentuk palu yang bertuliskan Auto Installer, klik icon tersebut. Sedikit penjelasan diatas adalah tampilan Dashboard (Control Panel) pada website Anda, jadi disni tempat Anda nantinya untuk mengatur segala aktifitas website Anda


Pilih CMS Wordpress



Akan ada banyak sekali pilihan CMS disana, namun disini kita akan menggunakan CMS yang paling banyak digunakan oleh orang dunia, yap CMS terebut adalah Wordpress.


Masukkan Administrator Name & Password



Masukkan username dan password yang akan Anda gunakan untuk login ke website Anda nanti, usahakan menggunakan password yang rumit agar web Anda terhindar dari tangan jail hacker.


Simpan data website Anda



Diatas adalah data sensitif dari website Anda, jadi pastikan Anda menyimpannya benar-benar, karena data diatas akan kita gunakan untuk berbagai keperluan, salah satunya adalah untuk login dan juga untuk pembuatan database website.


Website dengan CMS Wordpress telah berhasil dibuat, selamat. Silahkan Anda cek dengan cara mengunjungi alamat situs Anda, jika muncul tampilan seperti dibawah ini, maka saya ucapkan selamat, Anda telah melewati setengah perjalanan membuat website, dan masih ada setengah jalan lagi yang harus kita tempuh agar website yang kita buat terlihat keren profesional.





Dan berikut tampilan Website CMS Wordpress yang sudah saya edit secara penuh hanya dengan menggunakan CSS, HTML dan JavaScript.





Jika Anda berminta berikut source code untuk membuat tampilan seperti websitenya SEO Terpadu diatas :


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Welcome to your first page!</title>
<link rel="stylesheet" href="http://static.supportindeed.com/default/index/style.css">
<style type="text/css">
#circles {
text-align: center;
font-size: 50px;
font-style: normal;
font-family: t;
}
.copy {
margin-top: 100px; margin-left: 460px; font-size: 20px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="moving-background">
<div id="parallax" class="clear">
<div id="last-layer" class="parallax-layer">
<img src="http://static.supportindeed.com/default/index/final-background.png" alt="final background" />
</div>
<div id="bottom-layer" class="parallax-layer">
<img src="http://static.supportindeed.com/default/index/middle-layer.png" />
</div>
<div id="top-layer" class="parallax-layer">
<img src="http://static.supportindeed.com/default/index/top-layer.png" />
</div>
</div>
</div>
<div id="circles">Horee aku berasil buat Website !!!<div class="copy">Created by (isi nama anda)</div></div>
</div>
<script src="http://static.supportindeed.com/default/index/jquery.min.js"></script>
<script src="http://static.supportindeed.com/default/index/jquery.event.frame.js"></script>
<script src="http://static.supportindeed.com/default/index/jquery.parallax.js"></script>
<script src="http://static.supportindeed.com/default/index/main.js"></script>
</body>
</html>


Sesuai janji saya diatas saya akan menjelaskan apa itu CMS Wordpress dan kenapa saya memilih untuk membuat website menggunakan CMS.


Wordpress memiliki banyak Theme

Jadi ini sangat cocok utnuk teman-teman yang belum jago pemrograman web, dengan wordpress kita akan dimanjakan dengan banyak sekali pilihan theme yang menarik, mulai dari yang gratis sampai yang berbayar.


Wordpress kaya akan Plugin

Ada ribuan plugin yang tersedia untuk wordpress, fungsinya antara lain adalah untuk memudahkan kita sebagai webmaster. Jadi misal kita ingin buat website toko online, maka tinggal install saja plugin WP Online Stor.


Dan masih banyak lagi kelebihan dari sebuah Website yang dibuat dengan CMS Wordpress ini, namun tentu tidak bisa saya sebutkan semuanya disini (mungkin di artikel selanjutnya).


[ Video ] Cara Membuat Website


Ini adalah video tutorial untuk membantu Anda yang mungkin masih merasa kesusahan dalam memahami artikel cara membuat website yang saya tulis diatas, jadi untuk Anda yang sekiranya masih binung dengan penjelasan saya diatas, silahkan tonton video tutorial membuat website ini.
 seoterpadu.com || artikel ini hanya untuk menjadi blog dummy