Cara Menambahkan Modul Gallery

Anda bisa mengumpulkan gambar-gambar yang penting yang menyangkut dengan bisnis di dalam Gallery untuk mempermudah pengunjung melihat gambar tersebut. Dengan menggunakan modul ini, visualisasi dari sebuah produk atau peristiwa yang di abadikan bisa di lihat secara detail dan dalam satu wadah oleh para pengunjung website.

Pada main menu, klik "Add-on Modules" lalu pilih "Gallery".

Setelah halaman baru terbuka, isi kotak di bagian "New Gallery Name" dengan nama galeri yang di inginkan, lalu klik "Add new gallery"

Pada halaman selanjutnya, klik "Upload new images" untuk meng-upload atau menambahkan gambar di galeri. 

Popup window akan muncul, klik "Browse" untuk memilih gambar dari dalam hardisk komputer.

Jika proses pemilihan gambar sudah selesai, klik "Submit"

Jika proses upload sudah selesai, klik "Close Window"

Untuk menambahkan gambar, bisa dengan meng-klik "Upload new images" lalu lakukan proses dari awal.

Proses penambahan gambar sudah selesai, lihat kode di atas tombol "Upload new images",  copy kode tersebut ke notepad.

Sekarang Anda tinggal memasangkan kode tersebut pada halaman website yang sesuai dengan judul gallery tersebut atau bisa juga dengan membuat halaman baru khusus untuk gambar-gambar yang Anda upload. 

Paste kode tersebut di halaman website lalu klik "Save changes"

Proses saving sudah selesai, lihat di sebelah kanan atas monitor terdapat tanda panah kecil berwarna hijau, klik tanda panah tersebut untuk melihat hasil kerja Anda.

Window baru akan terbuka untuk preview halaman yang sudah Anda sisipkan modul gallery.

Klik salah satu gambar yang ada di dalam modul tersebut.

Maka akan muncul popup dengan ukuran gambar yang sesungguhnya.

Terima kasih sudah membaca postingan ini, jangan lupa untuk memberi komentar jika Anda berkenan.

Tutorial Sebelumnya
Menambahkan Modul Contact Form


Tutorial Selanjutnya
Membuat Sub-Domain

Menambahkan Modul Contact Form

Kegunaan dari modul contact form adalah agar pengunjung bisa berinteraksi secara langsung dengan pemilik website atau webmaster jika ada pertanyaan tentang apa yang menjadi fokus dari isi website dengan cara memberi/mengirim pesan melalui email.

Pada main menu, klik "Add-on Modules" lalu pilih "Contact Form".

Pada halaman "Contact Form" di bagian "E-Mail Address" isikan alamat email jika ingin email kiriman dari pengunjung dikirim ke alamat email yang berbeda dengan alamat email pendaftaran di 000webhost atau kosongkan jika ingin email kiriman dari pengunjung dikirim ke alamat email yang sama dengan alamat email pada saat mendaftar ke 000webhost, lalu klik "Save changes"

Jika dipilih setelah default, maka data yang harus diisikan oleh pengunjung jika ingin mengirim pesan kepada webmaster adalah:

• Nama lengkap
• Email
• Subject/judul pesan

Preview contact form-nya adalah sebagai berikut.

Jika ingin menambahkan kelengkapan data lain, misalkan alamat website pengunjung, maka tinggal beri tanda contreng pada bagian "Website URL"

Jangan lupa untuk meng-klik "Save changes" setiap kali ada perubahan.

Jika di tambahkan Website URL, maka data yang harus diisikan oleh pengunjung adalah:

• Nama lengkap
• Email
• Website URL
• Subject/judul pesan

Preview contact form-nya adalah sebagai berikut.

Untuk mengimplementasikan contact form di dalam website, copy kode "{%contact%}" paste ke notepad untuk nantinya di copas ke dalam halaman kerja dimana ingin menempatkan modul contact form tersebut.

Bukan halaman website di mana contact form ingin dipasangkan, misalnya di halaman Hubungi Kami, lalu copas kode tersebut dan jangan lupa untuk meng-klik "Save changes" untuk menyimpan hasil kerja Anda.

Setelah di Save, preview halaman tersebut.

Tutorial Sebelumnya
Menambahkan Modul Vote Pool


Tutorial Selanjutnya
Cara Menambahkan Modul Gallery

Menambahkan Modul Vote Pool

Modul pool berguna jika Anda ingin berinteraksi dengan pengunjung website, dengan cara memberikan pilihan jawaban atas pertanyaan yang Anda berikan. Cara ini bagus untuk mengetahui apa ketertarikan pengunjung akan website Anda.

Pada main menu, klik "Add-on Modules" lalu pilih "Vote Pool".

Setelah muncul halaman baru, pada bagian "Question" isi dengan pertanyaan yang ingin di tanyakan kepada pengunjung website, pada bagian "Answer 1:" isi dengan pilihan jawaban yang di sediakan. Untuk menambahkan pilihan jawaban, klik tombol "Add answer"

Jika sudah selesai, copy atau simpan kode "{%vote%}" ke notepad lalu klik "Save changes"

Di main menu, bukan halaman website yang Anda inginkan untuk memasang vote, lalu paste "{%vote%}".

Preview halaman website untuk melihat hasil kerja Anda.

Tutorial Sebelumnya
Menambahkan Modul News


Tutorial Selanjutnya
Menambahkan Modul Contact Form

Menambahkan Modul News

Modul new adalah articles yang dapat di posting-kan ke dalam website tanpa harus membuat halaman terlebih dahulu. Kegunaannya adalah untuk memberitahukan kepada pengunjung website tentang hal baru atau postingan baru yang terdapat di dalam website Anda.

Pada main menu, klik "Add-on Modules" lalu pilih "News".

Popup window news akan muncul, pada bagian "Short text" pilih format tanggal sesuai dengan kebutuhan, pada bagian "Header" isi dengan judul news, dan pada bagian penulisan news, isi secara singkat tentang berita atau articles yang ingin di postingkan.

Scrool down mouse ke bawah, pada bagian "Long text" isikan dengan berita atau articles secara kumplit sesuai dengan keinginan.

Copy atau simpan kode "{%news%}" ke notepad dan paste di halaman website jika Anda ingin news datau articles tersebut dipostingkan di dalam halaman lain, setelah semua selesai klik "Add news".

Setelah hasil kerja tersimpan dan preview website, maka new akan tertambahkan di bagian sisi sebelah kiri atau kanan website Anda.

Jika pengunjung meng-klik judul dari news tersebut, maka article atau news secara kumplit akan muncul sebagai halaman baru dari website.

 

 

Tutorial Sebelumnya
Membuat Halaman Koran


Tutorial Selanjutnya
Menambahkan Modul Vote Pool

Membuat Halaman Koran

Untuk lebih mempercantik atau memperindah halaman pada website bisa menggunakan tekhnik halaman koran. dengan tekhnik ini, maka halaman pada website akan lebih bervariatif dan pengunjung dapat langsung melihat halaman-halaman yang ada pada saat pertama kali mereka berkunjung.

Pada daerah kerja, klik icon/lambang "Insert predefined template content" yang berada di sebelah kanan toolbar daerah kerja.

Akan muncul popup window, Klik tanda panah kecil kebawah pada bagian "Template" untuk memilih tampilan yang sesuai dengan keinginan.

Preview untuk Layout 1

Preview untuk Layout 2

Preview untuk layout 3

Jika sudah memutuskan pilihan layout, klik "Insert" yang berada di sebelah kiri bawah popup window tersebut dan layout akan ter-copy-kan ke dalam website. Selanjutnya edit semua tulisan dengan kontent Anda.

Edit konten sesuai dengan kebutuhan dan sisipkan gambar jika perlu, klik "Save change" untuk menyimpan hasil kerja Anda.

Selesai pengerjaan membuat halaman koran. Preview halaman Anda.

 

 

Tutorial Sebelumnya
Cara Copas Article Dari File Word


Tutorial Selanjutnya
Menambah Modul News

Cara Copas Articles Dari File Word

Untuk memindahkan articles dari file MS. Word dan menjadikannya konten ke dalam website tidak dapat dilakukan secara langsung dengan meng-copy paste articles ke dalam website. Triknya adalah dengan menggunakan tools khusus yang sudah tersedia.

Jika langsung meng-copy paste ke dalam website, maka hasilnya tidak akan rapih dan akan ada kode HTML yang terlihat di dalam halaman.

Pada halaman kerja, klik icon/lambang "Paste From Word" yang berada di atas toolbar halaman kerja.

Akan muncul popup, copy tulisan/articles dari file MS. Word lalu paste di dalam halaman popup tersebut, setelah itu klik "Insert"

Article akan ter-insert ke dalam halaman website, klik CTLR+A untuk memblok seluruh articles, lalu klik icon/lambang "Align full" untuk merapikan tulisan/articles, terakhir klik "Save Changes"

Jika sudah selesai maka hasilnya akan menjadi rapi dan bagus. Preview halaman website, 

Tutorial Sebelumnya
Cara Menyisipkan Gambar


Tutorial Selanjutnya
Membuat Halaman Koran

Cara Menyisipkan Gambar

Gambar sudah menjadi satu kesatuan di dalam website dengan tujuan untuk lebih mempercantik tampilan website dan menjadi sangat penting karena bisa memberikan informasi secara visual kepada para pengunjung.

Dengan menggunakan gambar, pengunjung website bisa lebih mengerti apa yang di sampaikan oleh webmaster atau pemilik website.

Langkah untuk menyisipkan gambar.

Pada area tulis, Klik icon/lambang "Insert/edit image".

Muncul popup window, klik "Browse" di kanan atas layar monitor.

Pada popup selanjutnya, klik "Browse" yang berada di kiri bawah monitor untuk mencari gambar dari hardisk/komputer.

Setelah muncul window browser, cari gambar yang ingin di sisipkan, lalu klik "Open"

Selanjutnya, klik tombol "Upload" yang berada di sebelah tombol "Browse"

Proses upload/unggah gambar akan tergantung dari kecepatan dan kapasitas file yang di upload. Setelah proses upload selesai, klik "OK" yang berada di bawah kanan monitor.

Pada popup selanjutnya, klik tombol "Appearance"  untuk merubah posisi gambar sesuai dengan kebutuhan dan keinginan.

Klik tanda panah kecil di bagian "Alignment" lalu pilih posisi gambar di dalam website yang diinginkan.

Pada bagian "Vertical Space" dan "Horizontal Space" isi dengan angka 5 atau berapa saja, Anda bisa bereksperimen dengan angka tersebut. Fungsi dari Vertical space dan horizontal space adalah menentukan jarak antara gambar dan tulisan disebelah kiri atau bawah gambar, semakin kecil/besar angka yang dimasukkan maka semakin dekat/jauh jarak antara gambar dan tulisan.

Selanjutnya klik tombol "General", isi "Image description" dan "Title" sesuai dengan judul gambar, lalu klik "Insert"

Sekarang gambar sudah berada di area tulis. Untuk memperbesar atau memperkecil gambar, klik gambar lalu tarik ujung gambar dengan menggunakan mouse arah keluar atau ke dalam gambar.

Jika sekiranya gambar sudah sesuai dengan tampilan, klik "Save Changes"

Lihat preview hasil kerja Anda, dengan mengklik tanda panah hijau di sebelah kanan atas monitor Anda.

Window baru akan terbuka dengan preview halaman yang sudah di sisipi dengan gambar.

Tutorial Sebelumnya
Membuat Anchor Text Link Ke Website Lain


Tutorial Selanjutnya
Cara Copas Article dari File Word