Cara Ampuh Membuat Website Profesional dengan Mudah & Gratis

Tahukah anda pa itu website? Samakah website dengan blog? Lalu apakah bedanya website dengan blog? Perbedaan pada blog dan website sudah cukup jelas kan untuk menjabarkan dua kata ini? Dan menurut saya blog dan website mungkin hampir sama dalam pengertiannya akan tetapi berbeda pada karakteristik yang dimilikinya, Untuk lebih lanjutnya tentang perbedaan blog & website anda bisa baca di : Apakah perbedaan antara Blog dengan Website. 

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.

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

- See more at: http://www.seoterpadu.com/2014/10/cara-membuat-website-profesional-dengan-mudah.html#sthash.7otp2uMn.dpuf

 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>

Jika Anda berminta berikut source code untuk membuat tampilan seperti websitenya SEO Terpadu diatas : - See more at: http://www.seoterpadu.com/2014/10/cara-membuat-website-profesional-dengan-mudah.html#sthash.7otp2uMn.dpuf

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). Silahkan dipraktekan semoga berhasil. Like & Share artikel ini jika bermanfaat, Sebarkanlah ilmu walaupun hanya secuil, Thanks... :)