Halaman Pada website builder sitepad

Transkripsi

1 Tambahkan Background ke Halaman Pada website builder sitepad Menggunakan Top Up Row Setting 1) Buka Halaman yang ingin Anda edit dalam editor. Untuk melakukan itu Klik pada icon Edit pada salah satu halaman seperti yang ditunjukkan gambar di bawah ini. 2) Setelah Anda membuka Halaman di Editor ikuti langkahlangkah di bawah ini

2 Keterangan Klik icon titik tiga kebawah seperti di gambar nomor 1 Lalu akan muncul Pop up dengan nama Row Pilih tombol setting seperti gambar nomor 3 Pilih type bacground yang di inginkan seperti gambar, audio, youtube, slider 3) Ketika Anda sudah memilih salah satu dari Opsi untuk backgroundnya, maka akan memerlukan beberapa masukan seperti gambar, url yang akan di inputkan, detailnya seperti gambar di bawah ini. a.contoh Untuk Latar Belakang Youtube

3 b.contoh Untuk Latar Belakang Parallax c.contoh Untuk Latar Belakang Gambar

4 d.contoh Untuk Latar Belakang Slider Menggunakan Top Up Row Edit Elemen Style 1) Langkahnya sama dengan menambahkan Bacground di awal, namun untuk Edit elemen setting ini setelah muncul Pop Up row, anda bisa pilih Style

5 2) Sekarang di Edit Element Style pilih a. Background Color atau Background Type yang Anda inginkan seperti yang ditunjukkan pada gambar di bawah ini. b. Untuk Latar Belakang Gambar Jika Anda ingin Gambar Latar belakang kemudian klik pada Gambar dan pilih Gambar yang Anda inginkan seperti yang ditunjukkan pada gambar di bawah ini.

6 C. Untuk Latar Belakang Gradient Jika Anda menginginkan Gradient Background maka klik saja Gradient dan pilih Gradient Angle and Color seperti yang ditunjukkan pada gambar di bawah ini.

7 Edit Header dan Footer pada website builder sitepad Ketika Anda berada di dashboard SitePad Website Builder. Anda akan melihat opsi Page di Sidebar Navigation Menu. Arahkan pada Page dan Klik All Page Setelah Anda melihat semua Halaman. Klik pada icon Edit dari Halaman Header atau Footer Page mana saja yang ingin Anda Sunting ditampilkan seperti pada gambar di bawah ini. a. Edit Header Setelah Anda membuka Header Page di editor, Anda akan dapat Mengedit semua yang ada pada Header Page seperti yang ditunjukkan gambar di bawah ini.

8 Catatan: Anda juga dapat menambahkan item tambahan yang ingin Anda tampilkan di Header. Cukup Drag dan Drop seperti yang ditunjukkan pada gambar di bawah ini. b. Edit Teks Hak Cipta Footer Anda juga dapat mengedit Halaman Footer mirip dengan Header Page yang ditunjukkan di atas. Klik edit icon Footer Page seperti yang ditunjukkan pada gambar di atas dan edit. Untuk mengubah teks hak cipta footer cukup klik itu dan ubah sesuai kebutuhan Anda seperti yang ditunjukkan pada gambar di bawah ini.

9 Situs dalam berbagai bahasa pada website builder sitepad Di tutorial ini akan membantu anda untuk mengubah bahasa dari clone website anda. Seperti contoh anda telah membuat halaman untuk bahasa indonesia, lalu anda ingin menggunakan bahasa yang lain (contoh bahasa prancis) Langkah pertama silahkan copy website anda.

10 Setelah melakukan copy/clone website silahkan kunjungi dashboard dan anda akan mendapatkan website/page yang telah di copy. Anda langsung dapat merubah bahasa dari website yang telah di copy dan menempatkannya di page yang berbeda. Seperti contoh berikut anda mempunyai website.com untuk translate bahasa prancis yang telah di lakukan dapat di taruh pada link/url website.com/fr

11 Menambahkan Kategori ke Entri Blog pada website builder sitepad 1. Langkah pertama yang harus dilakukan adalah Login ke Control Panel menggunakan url atau dapat login melalui portal.qwords.com. Lalu silahkan pilih menu SitePad Website Builder.

12 2. Setelah masuk ke SitePad Website Builder silahkan masuk ke menu Blog > ALL Post > Icon Edit pada post yang ingin di tambahkan Kategori 3. Setelah anda masuk ke halaman editor silahkan klik menu Category

13 4. Setelah anda melakukan klik menu Category akan muncuk kotak dialog dan anda bisa menambahkan sebuah Category pada kotak dialog tersebut 5. Setelah memilih Kategori yang ingin Anda tetapkan untuk posting Anda kemudian klik SAVE untuk memperbarui kategori untuk Pos seperti yang ditunjukkan pada gambar di bawah.

14 Setelah menetapkan kategori ke posting, pada pratinjau, posting Anda akan terlihat seperti gambar yang diberikan di bawah ini:

15 Juga jika Anda menetapkan satu kategori ke lebih dari satu posting dan ketika Anda mengklik pada nama kategori itu akan menampilkan semua posting blog yang ditugaskan untuk kategori itu seperti yang ditunjukkan pada gambar di bawah ini:

16 Masukkan Judul Situs Kustom pada website builder sitepad 1. Langkah pertama yang harus dilakukan adalah Login ke Control Panel menggunakan url atau dapat login melalui portal.qwords.com. Lalu silahkan pilih menu SitePad Website Builder.

17 2. Setelah masuk ke SitePad Website silahkan klik ke menu ALL Page Add new > Klik Icon Edit pada page menu yang ingin ditambahkan script CSS. 3. Jika sudah masuk ke halaman editor silahkan klik SEO Option

18 4. Masukkan Judul Situs Pada saat mengklik Opsi SEO Anda akan melihat kotak dialog akan muncul. Masukkan Judul Situs untuk Halaman apa pun menggunakan menu tarik-turun. Catatan: Jika Judul Situs diatur untuk Global Meta, itu juga akan mengubah Judul Situs utama untuk situs web Anda di Pengaturan SitePad. Juga, jika ada halaman yang tidak memiliki Judul Situs Kustom maka itu akan digunakan dari Global Meta. 5. Jika pengisian Form sudah selesai silahkan klik SAVE 6. Untuk Menghapus Judul Situs dari halaman saat ini klik pada

19 Clear Meta. Judul Situs akan disetel ulang ke tidak ada. Catatan: Untuk Meta Global jika Anda mengklik pada Hapus Meta untuk menghapus Judul Situs itu tidak akan me-reset Pengaturan Situs Pengaturan Judul Situs yang telah disimpan sebelumnya ketika Global Meta Site Title ditetapkan. Tambahkan CSS HTML Khusus menggunakan 1. Langkah pertama yang harus dilakukan adalah Login ke Control Panel menggunakan url atau dapat login melalui portal.qwords.com. Lalu silahkan pilih menu SitePad Website Builder.

20 2. Setelah masuk ke SitePad Website silahkan klik ke menu ALL Page Add new > Klik Icon Edit pada page menu yang ingin ditambahkan script CSS. 3. Jika sudah masuk ke halaman editor silahkan masuk ke menu Custom HTML

21 4. Pada mengklik Custom HTML Anda akan melihat kotak dialog akan muncul. Masukkan semua CSS Anda di bawah tag gaya seperti yang ditunjukkan pada gambar di bawah ini. 5. Jika script CSS sudah di inputkan silahkan klik Save

22 Menggunakan Blog Pada Website Builder Sitepad Login ke Control Panel menggunakan url atau dapat login melalui portal.qwords.com. Lalu silahkan pilih menu SitePad Website Builder. Setelah itu anda akan di arahkan ke Dashboard SitePad Website Builder. Silahkan klik Blog -> Add New.

23 Setelah itu anda akan di arahkan Website Builder Sitepad editor blog anda : Anda juga dapat memilih layout dari blog anda :

24 Jika sudah mengisi blog anda, anda dapat save sebagai draft atau publish blog yang telah anda buat : Menggunakan Judul Untuk Website Costum Sebelumnya silahkan akses dashboard Website Builder Sitepad

25 terlebih dahulu, setelah itu akses menu Pages lalu akses menu edit seperti gambar berikut : Setelah di arahkan ke halaman editor silahkan akses menu berikut : Silahkan memasukkan judul website yang anda inginkan, untuk pagenya dapat di cek pada tanda panah ke bawah untuk memilih page yang anda inginkan. Sebagai Catatan jika melakukan save untuk global meta ini akan

26 mengubah seluruh halaman website anda. Untuk menghapus anda dapat mengikuti screenshot berikut Menggunakan custom HTML pada

27 Website Builder Sitepad Sebelumnya silahkan akses dashboard Website Builder Sitepad terlebih dahulu, setelah itu akses menu Pages lalu akses menu edit seperti gambar berikut : Setelah di arahkan ke halaman editor silahkan akses menu berikut : Setelah itu silahkan paste html yang ingin anda masukan pada

28 website anda lalu klik save : Melakukan Website Reset Pada Page Sebelumnya silahkan akses dashboard Website Builder Sitepad terlebih dahulu, setelah itu akses menu Pages lalu dapat klik reset sebelah Publish.

29 Setelah itu akan terdapat 3 opsi yaitu : Catatan : 1. Reset All Pages Opsi ini akan menghapus pages/halaman yang telah di buat. 2. Reset All Blog Post Opsi ini akan menghapus post yang telah anda buat. 3. Reset Full Site Opsi ini akan mengembalikan keadaan

30 website seperti saat pertama pembuatan. Setelah klik salah satu opsi diatas lalu klik continue, anda akan menemui pop up konfirmasi berikut : Merubah Bahasa Builder Sitepad Website Untuk merubah bahasa anda dapat akses ke dashboard Sitepad Builder lalu dapat mengakses menu berikut untuk merubah bahasa di dashboardnya. Untuk merubah bahasa pada website yang telah anda buat anda dapat mengakses menu berikut

31 Setelah mengakses menu tersebut anda dapat menuju bagian berikut untuk mengubah bahasa di website anda :

32 Cara Duplikasi Page pada Website Builder Sitepad Untuk copy page anda dapat ke dashboard Website Builder -> Pages -> All Pages. Setelah click clone icon anda akan di arahkan ke sitepad Editor untuk page yang baru saja anda clone.

33