PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1....

Post on 30-Jan-2018

233 views 4 download

Transcript of PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1....

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM

1. Silahkan ketik browser anda masuk ke alamat www.weebly.com

2. Selanjutnya pada tampilan ini klik pilihan Site

Ketik nama

Ketik email

Ketik Password Anda

Klik Get

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

3. Pada tampilan template Website, silahkan pilih template yang di inginkan.

4. Pilih salah satu tampilan template kemudian pilih tombol “choose”, sebagai contoh dibawah ini.

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

5. Berikan nama Domain Anda, centang pada pilihan “A great way to get your website started” dan

berikan nama domain Anda. usahakan dalam memberi nama sedekat mungkin dengan nama

usaha anda, seperti www.tokorendang.weebly.com

6. Selanjutnya Klik tombol “Build my Site”

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

7. Silahkan kelola website anda dengan mendrag & Drop modul-modul yang ada disebelah kiri,

kelembar kerja atau stage, dengan cara menekan mouse sebelah kiri kemudian ditekan & tarik

ke lembar kerja yang berwarna putih seperti gambar di bawah ini.

8. Beberapa penjelasan modul-modul secara umum

Letakan di bawah ini

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

9. Berikut beberapa penjelasan modul secara umum sebagai berikut :

Text : untuk membuat tulisan pada lembar kerja

Title : Membuat Judul tulisan yang akan dibuat

Image : untuk menambahkan foto kedalam website

Gallery : untuk menambahkan galeri dari beberapa foto-foto

Slideshow : untuk membuat efek animasi dari beberapa foto

Map : untuk menambahkan alamat Peta Lokasi usaha Anda

Contact Form : untuk membuat form (lembar) isian

Embed Code : untuk menambahkan link website (URL)

Spacer : untuk menambahkan spasi antara objek

Button : untuk membuat tombol perintah

Search box : untuk membuat kotak pencarian kata yang ingin dicari

Divider : untuk membuat pemisah pada text

HD Video : untuk menambahkan Video

Audio : menambahkan efek suara Backsound pada website

Youtube : untuk menambahkan link Youtube kedalam website

Flash : untuk menambahkan file Flash (aplikasi animasi)

File : untuk menambahkan dokumen (.doc)

Block quote : untuk membuat efek background pada text

Poll : untuk membuat polling

Social Icon : untuk menshare keberbagai media social

Survey : untuk membuat Survey pada website

Bookings : fasilitas untuk memesan

Forum : untuk membuat forum Tanya jawab pada website

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

10. Cara merubah tampilan default pada website, dengan cara klik dua kali pada objek yang ingin

diganti.

11. Menambahkan Tilte dan text pada website

Klik pada objek

Menambahkan Title dan Text

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

12. Menambahkan foto pada website, silahkan tarik modul image kemdian klik dan cari file foto

yang ingin dimasukan.

13. Kemudian tampil seperti ini, klik tombol “upload a photo your computer “

Klik disini

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

14. Hasil upload foto

15. Menambahkan Peta Lokasi pada Website

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

16. Membuat RSVP Form (form isian )

17. Membuat online Booking

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

18. Setelah proses edit websitenya sudah selesai, kemudian klik tombol Publish pada kanan pojok

atas.

19. Kemudian Klik “Continue”

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

20. Pilih pada Pilihan Personal

21. Isi captcha dengan text yang tertera seperti dibawa ini dan klik “Ok, Publish My Site”

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

22. Website Berhasil “TerPublish”

23. Website berhasil dibuat

24.

Klik pada link ini

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

CATATAN :

1) Pada saat masuk Kembali ketika ingin membuka lembar control Panel (Pengaturan Website),

Silahkan kunjungi www.weebly.com

2) Kemudian Masukan Login “ Username / email” dan “Password” yang sudah diberikan pada

saat “Register ( mendaftar)”.

Login

di Sini

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

3) Lembar Control Panel (Pengaturan) Weebly .

4)

Setelah di Klik My Site, maka akan tampil pengaturan Website Weeblynya

Klik

my site

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

4) Untuk setiap melakukan perubahan silahkan untuk selalu menekan tombol “Publish” pada

pojok kanan atas.

SEKIAN &TERIMA KASIH

mardiyanto_85@ymail.com

Update

content

Website