Ebook Panduan Pengoperasian Web Simpel Daftar isi
:
Login ke halaman admin
2
Ganti password website
2
Membuat halaman baru
3
Menghapus menu / halaman
4
Memasukan gambar
5
Masukan / embed video dari Youtube
6
Mengganti header
7
Mengganti sidebar website
9
Mengganti slider banner
10
Hapus / menambah slider banner di halaman
11
Membuat running text
11
© Studio Web Indo 2017
Login ke halaman admin Alamat login control admin web anda contoh http://namawebanda.com/?login perhatikan huruf yang dibold, anda cukup menambahkan /?login dibelakangnya misalkan namaweb ada http://jualanku.com maka alamat login admin nya bisa diakses melalui (ketik pada address bar browser) http//jualanku.com/?login Masukkan passwod login pertama kali : test (harap segera diganti !)
(Gbr 1). Tampilan halaman login
Ganti password website Penggantian password website akses menu Pengaturan Edit Configuration Password klik Save untuk menyimpan password baru anda, seperti gambar dbawah ini
Membuat halaman baru Klik pada pada satu halaman untuk memulai Menambah/mengedit/menghapus suatu halaman. Contoh: misalkan mau membuat halaman Tentang Kami ditempatkan di bawah menu Home, maka klik terlebih dahulu Menu Home 1. Posisikan kursor di posisi bawah / Ending isi halaman Home. Buat nama menu Tentang Kami lalu block teks 2. Beri format pilih Level1 Page 3. Jika sudah simpan klik pada Gambar Disket
2 3
1
Begitu halnya ketika anda ingin membuat sub halaman misalnya, cara membuatnya sama yang membedakan hanya point 2 yakni format dengan Level2 page dan Leve3 page jadi kira2 posisinya sperti ini -
Halaman (Level1 page) o Sub halaman 1 (Level2 page) Sub halaman 2 (Level3 page)
Tersedia juga fitur seo untuk memudahkan mesin pencari mengindeks konten anda, klik tab meta Beri isian jika diperlukan : Title Judul yang bagus bisa memperbaiki peringkat mesin pencari Description Berikan ringkasan kasar dari artikel ini. Dalam kebanyakan kasus akan ditampilkan pada halaman hasil mesin pencari. Keywords Daftar topic/kata kunci yang paling disorot dari artikel ini, dipisahkan
dengan koma. Robots Index, follow = Mesin pencari diijinkan untuk mengindeks halaman ini. Noindex, nofollow = Mesin pencari TIDAK diizinkan untuk mengindeks halaman ini
Menghapus Menu / halaman Sebagai contoh kita mau hapus halaman About US, berikut step-stepnya : 1. Klik pada halaman yang mau kita hapus.
2. Kosongkan semua judul dan isi halaman bisa juga dengan posisikan kursor mouse di area teks editor kemudian pencet tombol CTRL + A 3. Selanjutya tekan tombol DELETE pada Keyboard
4. Setelah semua konten terhapus klik tombol SAVE (icon disket), menu About US pun hilang
Memasukan gambar Posisikan cursor mouse di tempat kita hendak meletakan gambar, masukan gambar ke halaman dengan cara klik icon image pada menubar (Gbr. A) Selanjutnya akan muncul jendela POP UP (Gbr. B)
Gbr. A Gbr. B
(Gbr. C1). Klik Upload file (Gbr. C2). Pilih berkas yang akan di upload (Gbr. C3). Apabila sudah klik tombol upload!, jika sukses ter-upload pilih gambar yang sudah berhasil diuplod tadi untuk dimasukan ke halaman (Gbr. C4) langkah terakhir klik tombol insert, disini juga anda bisa menambahkan Image Description, Title dlsbg (Gbr. D)
3 1
4
2
Gbr. D Gbr. C
Masukan/embed video dari Yutube Pertama pilih video youtube yg akan ditayangkan. Pada Bagikan (letaknya di bawah tombol Subscribe atau sebelum kolom komentar) pilih sematkan, copy code tersebut perhatikan gambar dibawah. Cotoh kode embed youtube : <iframe width="560" height="315" src="https://www.youtube.com/embed/aXpDWCw03QE" frameborder="0" allowfullscreen>
(1). Pada menu bar web anda klik HTML maka muncul jendela POP UP (2). Pastekan kode embed Youtube tadi kemudian (3). Klik tombol update (4). Save Mudah bukan
4
1
2 3
Mengecek tampilan video apakah berjalan, klik menu View Mode
Mengganti header
Buat header dengan ukuran 960 (Lebar) x 166 (Tinggi) pixel menggunakan photosop atau software lainnya, simpan/beri nama file tersebut dengan nama template_r3_c1.jpg Login ke cpanel hosting web anda username & password di infokan via email ketika website anda aktif. Cpanel dapat diakses melalui : http://namawebanda.com/cpanel setelah berhasil login tampilan seperti berikut, pilih File Manager (Gbr. A) lalu masuk ke direktori = public_html templates limer images (Gbr. B)
Gbr. A
Gbr. B
Disinilah letak file header tersebut tersimpan, (1). Pilih template_r3_c1.jpg (2). Klik kanan pada mouse delete selanjutnya (3). Kita upload header penggantinya. Ingat! Nama file wajib sama.
3 1
2
Sekarang buka kembali web anda muat ulang/refresh apakah tampilan nya sudah berubah ? jika tampilan belum berubah pencet tombol F5 pada keyboard
Contoh tampilan header yang sudah diganti
Mengganti sidebar website Sidebar website dibagi menjadi 3 kolom, dapat diubah pada halaman News, News4 dan News5
News4
News
News5
Misalkan kita mau mengganti link tautan fb / twitter yg ada pada News berikut langkahnya
Masukan url facebook anda
1
4 Penting! jangan hilangkan kode/tulisan #cmsimple hide# yg ada dibawah judul News, News4 dan News5
2 3
Pilih gbr rantai
Mengganti slider banner
Siapkan file pengganti banner 4 item dengan ukuran/size 495 x 197 pixel, gunakan software editing gambar famiiar seperti photosop corel dlsgb simpan masing2 file dengan nama slide1.jpg, slide2.jpg, slide3.jpg dan slide4.jpg Akses menu Kelola File Images. Scroll mouse ke bawah cari file bernama slide1, slide2, slide3 & slide4 delete klik icon tanda palang merah, saat muncul jendela peringatan pilih ok.
Setelah semua terhapus selanjutnya kita upload file pengganti yg sudah kita siapkan, pilih Upload file (Upload file satu per satu)
Hapus / menambah slider banner di halaman Masuk ke halaman Home (1). Pilih HTML pada Menubar (2). Cari kode berikut dibawah blok terlebih dahulu (menghindari agar kode lain tdk ikut terhapus) pastikan dimulai dari kode
diakhiri kemudin hapus tekan delete pada keyboard (3). Apabila sudah klik update (4). Terakhir jangan lupa Save
<iframe name="slide" src="nivoslider/demo" frameborder="0" scrolling="no" width="100%" height="235">
4
2
1
3
Cara ini berlaku juga untuk anda yg ingin menambahkan slider banner, langkah - langkah nya sama saja cukup copy paste kode diatas pada halaman yang anda kehendaki
Membuat running text Running text atau teks berjalan bisa kita tempatkan di halaman dengan menambahkan kode berikut, jangan lupa ubah terlebih dahulu tampilan teks editor menjadi HTML pada Menu bar (sama seperti diatas caranya). <marquee> Isi teks yang mau dijadikan teks berjalan Kode diatas akan menampilkan pergerakan teks dari kanan berjalan ke Kiri <marquee direction="up"> Isi teks yang mau diberi effect terks berjalan Kode diatas menampilkan pergerakan teks dari bawah berjalan ke atas atau mirip credit title pada film ketika berakhir Begitu pun ketika anda hendak menambahkan apapun berupa kode / script baik google adsense, statistic kunjungan histats.com, chatbox.ws dlsbg gunakan cara ini yakni merubah terlebih dahulu tampilan menjadi HTML pada Menubar.
