Ebook Panduan Pengoperasian Web Simpel

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></iframe>
(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 <center> diakhiri </center> kemudin hapus
tekan delete pada keyboard (3). Apabila sudah klik update (4). Terakhir jangan lupa Save
<center><iframe name="slide" src="nivoslider/demo" frameborder="0" scrolling="no" width="100%"
height="235"></iframe></center>
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 </marquee>
Kode diatas akan menampilkan pergerakan teks dari kanan berjalan ke Kiri
<marquee direction="up"> Isi teks yang mau diberi effect terks berjalan </marquee>
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.