Membangun Halaman Web (Blog) Menggunakan Weebly

Membangun Halaman Web (Blog) Menggunakan Weebly

---

Membangun halaman web (web page) sering membuat orang merasa ragu, karena selama ini halaman web selalu dikaitkan dengan kemampuan menulis script/code HTML. Tetapi dengan hadirnya Weebly, keadaan menjadi lain. Membuat halaman web bukan lagi monopoli bagi yang mengerti HTML. Andapun pasti bisa membangun Wab page sendiri, sesuai keinginan. Tak harus dipusingkan menulis script HTML.

Artikel ini adalah bagian dari artikel serial tentang Membangun website dalam Weebly (2014).

1. Tutorial Weebly 1 - Membangun Halaman Web/Blog Menggunakan Weebly  -- artikel ini. 
2. Tutorial Weebly 2 - Membuat Halaman Baru dan Mengatur Layout Halaman  
3. Tutorial Weebly 3 - Mengenal Icon Tool Elemen dan Menyusun Elemen Halaman   
4. Tutorial Weebly 4 - Memasukkan Konten Kedalam Elemen Halaman (Edit Elemen)   
5. Tutorial Weebly 5 - Memasukkan Konten Gambar, Foto Kedalam Elemen IMAGE   
6. Tutorial Weebly 6 - Publish Halaman, Mobile View dan Logout Dari Page Editor   
7. Tutorial Weebly 7 - Cara membuat Multi Kolom dalam Halaman Posting 

Membangun Web (Blog) Cara Weebly.

• Weebly menyediakan satu cara membangun halaman web dengan metode drag & drop.  Artinya, dalam praktek,

1. Jika Anda ingin mengetikkan teks, yang perlu dilakukan adalah klik icon Text - lalu drag kehalaman - dan ketik teks Anda.
2. Jika ingin memasang gambar/foto, klik icon Image - drag ke halaman - lalu upload foto nya.
3. Jika ingin membuat judul artikel (tag_H2), klik icon Title - drag ke halaman - ketik judulnya, demikian juga untuk elemen lainnya. 
4. Jika ingin memasukkan script (code) HTML dalam halaman posting, klik icon Embed Code (HTML), lalu masukkan script-nya.
5. Jika ingin memasukkan script (code) HTML yang berhubungan dengan SEO (verifikasi Google dll.), buka menu Settings SEO, lalu masukkan code HTML nya.
6. Ingin membuat halaman versi Web Standard atau halaman versi Blog, tinggal memilih opsi bentuk halaman yang tersedia.
7. Jika ingin memilih design (template), sudah tersedia ratusan design profesional, dan tinggal pilih yang disukai. Bahkan Anda pun bisa merancang design halaman sendiri seperti yang Anda mau.
8. Ingin membangun Online Store ? Itu pun bukan masalah sulit, semua store-tools nya sudah tersedia, lengkap lagi.
9. Optimasi untuk perangkat mobile. Halaman web/blog Anda akan di-optimasi agar tampil mulus di perangkat mobile. Anda bahkan bisa mengeditnya untuk versi mobile.
10. Tersedia Unlimited space, meski "hanya" sebagai Free Member. Juga tidak ada "iklan titipan" dari Weebly. Halaman Website Anda, adalah milik Anda.
11. dan lain-lain.

Ya, hanya se-sederhana itu.  Dan Anda siap menjadi layaknya seorang Web Master.

Daftar (Sign In) dengan Mudah & Cepat.

• Untuk bisa memiliki Web-site (Blog) di dalam Weebly, anda hanya perlu men- Daftar (atau Sign In). Cara dan persyaratan amat mudah, cukup dengan memiliki alamat Email (Email address), dan 5-menit kemudian Anda sudah memiliki sebuah Web site (Blog). Sekedar contoh adalah web saya ini - "kangtokkomputer". Saya yakin Anda pasti bisa membuat yang jauh lebih menarik lagi.

• Jika berminat, Anda bisa mendaftar dengan amat mudah di link ini : Membuat Website GRATIS dengan Weebly. Begitu proses registrasi selesai, langsung Submit (Publish) website Anda, agar secepatnya alamat-URL bisa ter-index oleh Search Engine Google. Posting-nya bisa dibuat belakangan -- hitung-hitung nitip kapling -- :) 

• Dan saya membuat tutorial Weebly ini untuk membantu Anda pengguna Weebly khususnya di Indonesia (saya tak ada kaitan bisnis apapun dengan Weebly selain sebagai salah satu "free type user" nya, sama seperti Anda). Tentu saja tutorial ini hanya sebatas pemahaman saya atas penggunaan berbagai fitur yang disediakan Weebly.

Sebelum bisa meng-edit halaman web (halaman posting, web page), hal pertama tentu harus Log In lebih dahulu ke Website Anda.

Log In ke Web Editor

Gambar-1

Untuk Log In, ketik weebly.com pada Address-bar browser Anda, tekan Enter. (atau klik text link di bagian bawah halaman). Muncul layar Sign In/Log In - Gambar-1a. Klik teks Log In yang ada dipojok kanan atas. Muncul layar Log In - Gambar-1b, isikan alamat email dan password yang digunakan saat daftar, klik tombol Log In. Maka muncul layar Dashboard. Note : Klik gambar untuk tampil lebih besar, atau klik kanan dan pilih Open in New Tab.

Mengenal Dashboard

Gambar-2

Muncul layar Dashboard milik Anda - Gambar-2. Tombol Log Out disudut kanan atas digunakan untuk keluar (Exit) dari editor, setelah selesai melakukan editing halaman. Pada Menu bar disebelah atas bisa diperoleh semua informasi tentang website Anda. Secara default, dashboard akan membuka tab-menu SITES, yaitu menu untuk masuk ke Page Editor (Editor Halaman). Anda bisa klik dan mempelajari tab-menu lainnya (DOMAINS : nama domain jika Anda sudah membeli domain sendiri, INVITES : nama teman yang telah Anda ajak mendaftar di Weebly, BILLING : riwayat pembayaran jika Anda menggunakan versi berbayar (bukan Free), ACCOUNT : data account saat Anda mendaftar, SUPPORT : dukungan).

• Kolom My Sites.

1. Tombol Add Site (orange) digunakan jika ingin membuat website ke-2  (member Free boleh membuat dua website).
2. Di bawah nya terletak kolom yang berisi daftar/list Nama Situs (weebly) yang Anda miliki. Dalam contoh ini saya hanya memiliki satu situs weebly.
   
   1. Didepan Nama Situs adalah status Member Type (Free, Starter, atau Pro).
   2. Dibelakang Nama Situs terdapat tombol Edit : klik tombol Edit ini jika ingin melakukan editing, membuat halaman baru dll. Tombol Stats : klik tombol Stats  ini jika ingin melihat statistik visitor (pengunjung) situs Anda. Tombol More : berisi fitur lainnya.
   3. Kolom paling kanan adalah Kolom Partisipasi.
3. Selanjutnya untuk memulai editing halaman web, klik tombol Edit.

Mengenal Layar Page Editor

Gambar-3 Gambar-4 Gambar-5

Muncul layar Page Editor - Gambar-3. Di dalamnya tampil halaman Home Page  milik Anda.  Sepertinya ini adalah saat yang tepat untuk mulai menata web (blog) Anda dengan memilih Design (template) yang disukai, merancang  Header, memilih tampilan Navigator (Menu), dsb. Main Menu (Menu Utama) terletak di bagian paling atas. Build : terbuka secara default, yang berisi semua tools untuk editing halaman. Gambar-3. Design : berisi berbagai pilihan design web (template) yang profesional, serta bermacam tool berkaitan dengan bentuk design web. Gambar-4. Pages : tempat management halaman web. Disini bisa dilakukan pembuatan halaman baru, menghapus halaman, pengaturan hirarki halaman dll. Gambar-5. Store : adalah tempat untuk membangun halaman web store (toko online). Settings : adalah tempat melakukan berbagai setting umum website Anda (mis. setting Account, SEO, dll.).

• Menu tambahan.

1. Dibelakang menu Settings ada icon Desktop View : ini adalah tampilan mode desktop-komputer (default), yang merupakan tampilan paling lengkap.
2. Dibelakangnya lagi ada icon Mobile View : adalah tampilan dalam mode perangkat mobil. Dengan meng-klik icon ini kita bisa melihat tampilan halaman web kita jika dibuka menggunakan perangkat mobile.
3. Berikutnya adalah tombol Publish : tombol penting untuk men-submit (Publish) halaman web yang telah selesai dibuat. Dengan klik tombol Publish, maka halaman web akan di-publikasikan ke Dunia Maya, dan akan bisa di-akses oleh siapapun.
4. Terakhir adalah ikon Drop down menu dengan beberapa sub menu, diantaranya adalah menu Exit Editor yang bisa digunakan untuk menutup dan keluar dari Page Editor.

Artikel berikutnya "Tutorial Weebly-2 Membuat Halaman Baru dan Mengatur Layout "  - link  ada di atas.