23 Mei 2020

Blogger Website Instant (Bagian 1) : Cara Membuat Website Profesional dengan Cepat dan Mudah


Gambar 1. Blogger Website Instant
(Sumber: freepik.com)

Website adalah situs atau tempat sebuah halaman tersimpan secara maya atau cloud (awan). Halaman tersebut memiliki beragam konten atau isi bergantung pada tujuan pembuatan si pembuat website. Halaman yang tersimpan secara maya atau cloud tersebut perlu diakses secara daring (online). Oleh sebab itulah, setiap website memiliki URL atau (Uniform Resource Locator). URL dalam sistem jaringan berfungsi sebagai alamat sebuah website. Kita dapat mengakses halaman tersebut jika kita menuliskan alamat URL tersebut ke aplikasi browser, baik yang ada di komputer maupun di smartphone. Selain sebuah URL yang berfungsi sebagai alamat, sebuah halaman website perlu tempat penyimpanan yang berbasis cloud (awan) yang dilayani oleh server. Alamat (URL) dan penyimpanan ialah dua komponen penting agar sebuah website dapat diakses oleh publik dalam sebuah jaringan. 

Pada era terdahulu, untuk membangun sebuah website diperlukan orang yang mahir dalam bidang pengkodean (coding) web. Bahkan hingga saat inipun diperlukan kemampuan tentang pengkodean web untuk dapat membangun sebuah website. Tentu bisa ditebak, harga pembuatan website profesional memang cukup besar biayanya, mulai dari jutaan, puluhan juta, hingga bahkan ratusan juta. Hal tersebut bergantung kepada fitur dan kerumitan dalam pembuatannya. Jika kita melihat besarnya biaya pembuatannya, tentu kita meyakini tidak semua orang mampu untuk memiliki sebuah website yang layak untuk diakses secara publik. Pada era sekarang, yakni ketika internet sudah menjadi hal yang lumrah dan bisa dinikmati siapa saja dan kapan saja, aspek kehidupanpun juga mulai berubah. Beberapa contohnya ialah penggunaan media berbasis web atau jaringan untuk berbagai hal, contohnya perubahan pada media massa seperti koran dan televisi yang sekarang beralih ke website dan video streaming agar dapat bertahan, kemudian pada sektor perdagangan kita bisa melihat banyaknya marketplace berbasis online (e-commerce) yang memungkinkan suatu produk di jual dan dapat dibeli secara online, dan masih banyak contoh lainnya. 

Bagi Anda yang saat ini masih memiliki keinginan untuk memiliki sebuah website namun terkendala dengan kemampuan dan biaya pembuatan, sekarang tidak perlu khawatir lagi sebab sudah banyak bermunculan CMS atau Content Management System yang dapat digunakan untuk membangun sebuah website secara cepat dan mudah. Pada artikel ini kami akan langsung tunjukkan bagaimana membangun website secara praktis menggunakan CMS yang paling kami rekomendasikan untuk Anda yaitu Blogger, berikut langkah yang harus diikuti :
  • Membuat Website/Blog di Blogger
Blogger adalah CMS besutan dari Google yang dahulu dikenal sebagai blogspot dikarenakan alamat URL standar yang digunakan ialah *.blogspot.com. CMS website yang satu ini memang lebih dikenal sebagai Website Log atau disingkat Blog. Hal-hal yang perlu Anda lakukan ialah sebagai berikut :

1. Mendaftarkan ke Blogger
Untuk memiliki sebuah akun blogger Anda cukup menggunakan akun Google atau GMail yang sudah Anda miliki, jika memang belum memiliki, silahkan buat terlebih dahulu. Jika sudah memiliki akun Google silahkan buka alamat www.blogger.com kemudian login menggunakan akun Google yang sudah Anda miliki tadi. 
Jika sudah berhasil masuk, biasanya untuk pertama kali Anda akan diminta membuat nama tampilan penulis (contoh : Admin, User, atau tulis nama Anda sendiri). Setelah itu Anda akan dibawa masuk ke halaman admin Blogger Anda. Pada halaman tersebut, terdapat tombol "Buat Blog" (sebelah kiri atas) , silahkan klik tombol tersebut untuk memulai membuat blog. Cukup ikuti petunjuk yang ada, saya yakin Anda dapat dengan mudah mengikuti petunjuk-petunjuknya untuk menyelesaikan pengaturan awal blog Anda, dan ketika berhasil menyelesaikan pengaturannya maka blog Anda otomatis akan langsung jadi dan siap akses untuk pertama kali.

2. Mengubah Tampilan
Kami meyakini tampilan awal dari website atau blog yang dibuat di Blogger pasti terlihat tidak layak sekali alias kurang keren. Maka langkah selanjutnya ialah mengubah tampilannya dengan cara mengganti template standar yang ada di Blogger. Sebenarnya Blogger sendiri menyediakan beberapa template yang cukup bagus tetapi masih terlalu standar. Agar tampilan website atau blog lebih layak dan lebih profesional. Anda dapat mendapatkan template yang bagus dan gratis di alamat berikut :
Selain itu, Anda juga bisa mengunduh di penyedia template Blogger yang lain. Setelah Anda berhasil mendapatkan file template-nya yang biasanya berekstensi *.xml, bukalah file tersebut menggunakan Notepad atau jika ingin lebih mudah bisa menggunakan aplikasi Sublime Text. Setelah terbuka, salin (CRTL+C) semua script (coding) yang ada di dalamnya lalu buka Blogger > Tema > klik tanda "3 titik vertikal" > Pilih Edit HTML, kemudian hapus semua script yang lama.  Kemudian setelah itu tempelkan (CTRL+V) script template yang baru di dalam form html di dalamnya.

Gambar 2. Setting Tema/Template Blogger

Kami menyarankan untuk melakukan pratinjau (klik tanda/simbol mata) terlebih dahulu script template yang sudah dimasukkan sebelum benar-benar diterapkan. Fungsi pratinjau ialah melihat sementara bagaimana tampilan template tersebut untuk website atau blog Anda. Jika Anda menyukainya, barulah dapat Anda terapkan (klik simbol disk/simpan). Silahkan lihat perubahan yang terjadi, jika template baru yang Anda terapkan dirasa tidak sesuai harapan, maka Anda boleh menggantinya kembali hingga menemukan template yang sesuai keinginan Anda.

3. Mengubah Favicon
Favicon adalah icon yang terlihat atau muncul pada tampilan bar browser setiap kita membuka website. Favicon sangat perlu diubah jika Anda menginginkan tampilan blog/website yang lebih menarik dan unik. Siapkanlah sebuah logo yang akan digunakan sebagai logo blog/website Anda. Format gambar untuk logo boleh .jpg atau .png, namun jika ada bidang yang transparan maka gunakanlah format .png. Pastikan ukuran gambar untuk logo di bawah 100 kb.
Format untuk favicon sebenarnya paling efektif adalah .ico. Anda bisa mengubah format gambar .jpg atau .png ke format gambar .ico secara online di alamat website berikut :
Anda boleh juga mencoba website lain untuk mengubah file . jpg atau .png ke .ico.
Catatan : Anda tetap dapat menggunakan format .jpg atau .png untuk favicon, akan tetapi  ada beberapa browser yang hanya mendukung favicon berformat .ico, sehingga logo blog/website Anda tidak akan terbaca di beberapa browser. Ukuran favicon paling mudah dan cepat terbaca oleh browser adalah 16 x 16 pixel.
Langkah pertama yang harus dilakukan untuk mengganti favicon di Blogger ialah membuka Tata Letak, kemudian cari kotak/blok bertuliskan Favicon. Setelah berhasil ditemukan, tekan edit kemudian unggah file logo yang telah Anda siapkan sebelumnya.

Jika Anda tidak menemukan kotak/blok bertuliskan Favicon, kemungkinan besar itu disebabkan oleh penggantian template. Tapi tidak perlu khawatir, cukup buka alamat berikut :
https://www.blogger.com/change-favicon.g?blogID=xxxxxxxxxxxxxx
Ganti xxxxxxxxxxxxxx dengan ID blog/website Anda. Setelah berhasil terbuka, langkahnya sama yakni unggah file logo yang sudah disiapkan sebelumnya. Anda dapat menemukan ID blog/website di address bar. Digit angka yang ditandai dengan kotak berwarna merah merupakan ID blog Anda di Blogger (Gambar 3).
Gambar 3. ID Blog di Blogger (Bertanda Merah)
Catatan : Pengaturan untuk favicon pada tampilan admin Blogger yang terbaru, dapat diakses di menu Setelan (pengaturan) > Dasar > Pilih dan tekan "Favicon".
  • Mengganti Domain Standar Blogger
Domain standar Blogger seperti yang kita tahu ialah namablog.blogspot.com, domain blogspot.com yang dimiliki oleh Blogger memang terasa sangat panjang. Nama domain yang terlalu panjang cenderung susah untuk diingat, selain itu jika blog tersebut ingin dibuat sebagai website untuk kepentingan komersil, seperti untuk marketplace/e-commerce atau company profle, maka blog tersebut tidak akan terlihat sebagai website profesional sehingga akan menurunkan tingkat kepercayaan publik terhadap bisnis yang dijalankan.

Langkah yang dapat dilakukan untuk menjadikan blog menjadi website yang profesional selain mengubah tampilan/template ialah mengganti domain dari blogspot.com yang bersifat gratis menjadi domain yang berbayar. Banyak jenis TLD atau Top Level Domain yang bisa Anda pilih. TLD yang dimaksud contohnya ialah seperti, .com, .org, .net, .id, .co.id, .or.id, .web.id, .my.id, dan seterusnya. Ketika membeli TLD maka Anda dapat melakukan custom nama domain blog sesuka Anda (asalkan nama domain tersebut masih tersedia atau belum dipakai oleh orang lain). Kami menyarankan buatlah nama domain yang pendek dan mudah diingat.

Anda dapat membeli TLD di beberapa registrar atau penyedia web domain, salah satunya ialah Eduprisma Web Domain & Hosting. Jika ingin membeli web domain, silahkan klik tautan berikut : domreg.eduprisma.web.id. Sebelum melakukan pembelian, silahkan buat akun terlebih dahulu kemudian setelah itu buat pesanan (order) nama domain yang diinginkan. Buka atau klik tautan berikut untuk membuat akun : domreg.eduprisma.web.id/user/register. Berikut cara memesan sebuah web domain di Eduprisma Web Domain & Hosting :
  1. Pastikan sudah masuk ke halaman akun user/client area,
  2. Pilih menu Product > Order Now, maka Anda akan dibawa ke halaman pemesanan domain,
  3. Pilih dengan cara mencentang pada TLD atau Top Level Domain yang diinginkan (contoh: .com, co.id),
  4. Masukkan nama domain yang diinginkan, kemudian tekan Check Domain untuk memeriksa ketersediaan nama domain yang Anda inginkan,
  5. Jika nama domain yang diinginkan berstatus tersedia maka akan muncul harga web domain dan tombol Order,
  6. Jika sudah yakin dengan nama domain tersebut, tekan tombol Order. Setelah itu akan muncul beberapa konfigurasi yang harus diselesaikan (Centang semua Additional Services dan pilih periode pembayaran di tab Period)
  7. Setelah konfigurasi domain sudah sesuai yang Anda inginkan, tekan Continue untuk melihat ringkasan pemesanan.
  8. Jika sudah sesuai, tekan Continue lagi untuk Checkout atau menyetujui pembayaran dan pemesanan domain.
  9. Setelah menyelesaikan pembayaran, selanjutnya sistem akan melakukan validasi terhadap web domain yang Anda daftarkan. Setelah tervalidasi maka web domain Anda akan berstatus aktif.
Gambar 4. Domain Telah Aktif

Tanda domain yang dipesan sudah aktif ialah adanya simbol bumi berwarna hijau pada bagian My Recent Product (terletak di halaman home bagian bawah). Jika sudah aktif selanjutnya, berikut adalah cara menghubungkan antara domain dan blog/website yang Anda buat di Blogger :

1. Buka halaman admin pada akun Blogger, kemudian pilih Setelan > Dasar.

2. Pada bagian Alamat Blog, silahkan tekan/pilih "+Siapkan URL pihak ketiga untuk blog Anda".

3. Masukkan alamat domain yang sudah Anda daftarkan. Sertakan "www" didepan nama domain Anda (contoh: www.namadomain.com).

4. Setelah itu tekan tombol Simpan. Tunggu hingga muncul semacam kode unik yang diberikan oleh Blogger untuk diinputkan ke Registrar domain Anda.

5. Kode unik dari blogger terdiri dari dua kode yang merupakan hostname dari blog Anda (lihat Gambar 5).
Gambar 5. Kode Unik Blogger

6. Setelah Anda mengetahui kode unik tersebut, sekarang bukalah halaman registrar.

7. Pastikan sudah login, dan masuk ke akun user/client area Eduprisma Web Domain & Hosting.

8. Pada halaman depan user/client area, lihat pada bagian My Recent Product, tekan tulisan nama domain Anda > lalu tekan Manage Domain (lihat Gambar 4).

9. Anda akan diarahkan ke pengaturan domain. Sekarang lihat pada bagian Addons Services > Managed DNS > tekan Manage (lihat Gambar 6).
Gambar 6. Konfigurasi Domain

10. Tekan Add New Record (lihat Gambar 7). 

Gambar 7. DNS Management

11. Masukkan kode unik yang diperoleh dari Blogger dengan Record Type sebagai CNAME. Masukkan persis seperti yang tertera pada Gambar 8 dan 9, kecuali hostname. Pada bagian hostname, masukkan kode unik sesuai dengan yang diberikan oleh Blogger. Jika kode unik yang pertama sudah selesai dimasukkan lalu tekan Save untuk menyimpan, kemudian ulangi langkah yang sama untuk memasukkan kode unik yang kedua.

Gambar 8. DNS Record Kode Unik (1)

Gambar 9. DNS Record Kode Unik (2)

12. Setelah 2 (dua) DNS record berhasil dimasukkan, masukkan kembali  4 (empat) DNS record (A Record Type) sebagaimana yang tertera pada gambar dengan cara yang sama seperti membuat CNAME record. Masukkan IP atau Hostname berikut sebagai A Record Type :
216.239.32.21
216.239.34.21
216.239.36.21 
216.239.38.21
Gambar 10. A Record Type

13. Jika semua record sudah terinput dengan baik maka Anda akan melihat daftar DNS Record seperti pada Gambar 7.

14. Kembali ke Blogger yakni pada halaman Setelan > Dasar (Gambar 5), lalu tekan Simpan (Save). Tunggu hingga proses menyimpan berhasil (jangan panik, biasanya memang memerlukan waktu sedikit lama), menunggu proses penyesuaian DNS yang telah Anda daftarkan.

15. Jika penyesuaian DNS dengan Blogger telah berhasil, jangan lupa untuk mencentang "Alihkan domain namadomain.com ke www.namadomain.com". Tujuannya adalah ketika pengguna mengetikkan namadomain.com di browser maka secara otomatis akan membuka www.namadomain.com.

16. Terakhir, pada bagian HTTPS Setting, pilih "Ya" pada bagian Ketersediaan HTTPS dan Pengalihan HTTPS. 
Catatan : Tampilan halaman admin Blogger saat ini terus mengalami perubahan, sehingga dimungkinkan ada perbedaan tampilan Blogger pada gambar yang kami sajika untuk artikel ini dengan tampilan Blogger sesungguhnya yang saat ini sedang Anda gunakan. Akan tetapi, tidak ada perubahan secara signifikan dari segi fitur, sehingga Anda tetap dapat mengikuti panduan pada artikel ini dengan sedikit penyesuaian.
 
  • Kelebihan Membuat Website Menggunakan Blogger
Beberapa kelebihan yang bisa diberikan oleh Blogger salah satunya ialah kita tidak perlu menyediakan penyimpanan awan (cloud). Semua penyimpanan sudah ditangani oleh Google dan kita tidak perlu membayar penyimpanan yang telah kita gunakan tersebut alias gratis. 
Kelebihan selanjutnya ialah kita hanya memerlukan sebuah domain untuk sebuah website yang nampak lebih profesional. Normalnya untuk membangun sebuah website yang profesional, kita memerlukan sebuah domain dan hosting sekaligus. Domain berfungsi sebagai alamat dan hosting berfungsi sebagai tempat penyimpanan yang dilayani oleh server. Untuk menggunakan keduanya, Anda dikenakan biaya yang terpisah. Domain biasanya dikenakan biaya per tahun, sedangkan hosting dikenakan biaya per bulan (namun untuk pembayarannya bisa dilakukan per tahun, bergantung penyedianya).



Sebelumnya
Selanjutnya

Saya adalah seorang penggiat di dunia pendidikan. Konsentrasi saya sekarang ialah dalam hal teknologi pendidikan dan pendidikan geografi. Saya sangat suka dalam menciptakan karya, baik berupa tulisan maupun media pembelajaran.

7 komentar:

  1. Makasih infonya ka, sangat membantu

    BalasHapus
  2. Aku setting DNSnya sudah sama seperti itu kok masih belum bisa ya?

    BalasHapus
    Balasan
    1. Sudah berapa lama setting untuk DNS-nya? Jika konfigurasinya sudah tepat, sebenarnya tidak perlu waktu lama. Mungkin hanya perlu menunggu 1-2 jam (maks 1 x 24 jam).

      Hapus
    2. Barusan aja sih. Baik, trims infonya.

      Hapus
    3. Iya, tidak perlu panik. Silahkan ditunggu proses penyesuaian DNS-nya.

      Hapus
  3. Terima kasih, beli domain dan settingnya di Eduprisma ternyata gampang buangett !!

    BalasHapus

Saya ucapkan terima kasih sudah mengunjungi dan membaca tulisan di website kami. Kami selalu mengharapkan sebuah saran dan kritik yang membangun. Terima kasih.