Tutorial Kelola Website
-
Upload
galuh-ayu-p -
Category
Documents
-
view
223 -
download
0
Transcript of Tutorial Kelola Website
-
8/17/2019 Tutorial Kelola Website
1/40
==== ====== ====
==== ====== ====
==== ====
==== ====== ====
==== ====== ====
++++++================
====================
TUTORIAL KELOLA WEBSITE
LPM HIMMAH UIIby Team RG
WELCOME to Learn
***
-
8/17/2019 Tutorial Kelola Website
2/40
1. Posting Halaan Berita
1) Link edit website.
2) Login User, sesuai username masing-masing.
3)Membuat a!aman baru
-
8/17/2019 Tutorial Kelola Website
3/40
") #i a!aman $isua!, masukkan %udu! berita dan isi tu!isan denganalign justify &rata kanan kiri).
'turan (enu!isan di imma n!ine+
•
enu!isan !e+ iti/ dan 0ogyakarta, MM' L/di(erteba! &bold)
• emua tu!isan, diatur times new roman, dengan ukuran font 12untuk isi berita. engaturan ini sebaiknya di!akukan ketika tu!isanmasi berada di da!am 4i!e word &.do5).
• enu!isan %udu! sesuai 0#.
• enu!isan Re(ortase bersama+ 6au7i/ %uga di(erteba! &bold).
-
8/17/2019 Tutorial Kelola Website
4/40
8) 9ika ada masa!a dengan a!aman $isua!, maka bisa ber(inda kea!aman text, untuk mengatur a!aman berita se5ara manua!.
:onto+
%ika tombo! align justify (ada a!aman $isua! tidak da(at digunakan,maka bisa menu!iskan sintaks justify , di a!aman text .
;) ebe!um a!aman berita di(ub!ikasikan, !ebi baik 5ek u!ang isinyame!a!ui tombo! preview. ete!a yakin, baru menekan tombo!
publish.
-
8/17/2019 Tutorial Kelola Website
5/40
!. Posting Halaan "a#ar
1) 'rakan kursor ke tem(at gambar akan dimasukkan.
2) Tekan tombo! Add Media untuk men5ari gambar.
3) i!i Upload Files
")
-
8/17/2019 Tutorial Kelola Website
6/40
8) i!i 4i!e yang akan di upload, kemudian tekan pen.
;) Tam(i!an 4i!e berasi! diungga ke da!am 4o!der Media !ibrary .
-
8/17/2019 Tutorial Kelola Website
7/40
=) 6i!e yang ada di 4o!der Media Library, da(at di edit dan di a(us.
>) osisi gambar ketika diatur rotasinya.
?) i!ian a(us (esan.
-
8/17/2019 Tutorial Kelola Website
8/40
1@) 9ika gambar te!a yakin untuk di upload, beri nama yang sesuai(ada gambar.
-
8/17/2019 Tutorial Kelola Website
9/40
12) #dit ukuran gambar yang ter!a!u besar.
13) i!i ukuran yang sesuai, dengan (osisi center .
-
8/17/2019 Tutorial Kelola Website
10/40
1") Update 4i!e gambar
18) asi! tam(i!an dari edit ukuran gambar.
-
8/17/2019 Tutorial Kelola Website
11/40
1;) ebe!um gambar di(ub!ikasikan, (i!i preview untuk 5ek a!aman.ete!a yakin, baru tekan tombo! publish.
1=) $review
-
8/17/2019 Tutorial Kelola Website
12/40
$. Edit Halaan
1) i!i $ost A edit .
2) 'tur a!aman agar rata kanan kiri misa!nya.
-
8/17/2019 Tutorial Kelola Website
13/40
3) $review tam(i!an dan update.
") a(us berita
-
8/17/2019 Tutorial Kelola Website
14/40
%. Mengat&r Kategori
%.1. Kategori t&nggal
1) Ruang untuk edit kategori.
2) Tamba kategori %ame.
3)
-
8/17/2019 Tutorial Kelola Website
15/40
")
-
8/17/2019 Tutorial Kelola Website
16/40
%.! Kategori Parent
1) Buat nama untuk kategori baru. sikan s!ugCketerangan kategori,dan tentukan dia di bawa kategori a(a, a! ini disebut parent .
2) Tekan tombo! Add &ew 'ategory.
3) Tam(i!an kategori parent .
-
8/17/2019 Tutorial Kelola Website
17/40
'. Mengat&r Link Sidebar
1) Tam(i!an lin( yang terubung ke website MM'.
2) #a4tar lin( yang terubung.
3) embagian lin( berdasarkan kategori lin( .
-
8/17/2019 Tutorial Kelola Website
18/40
") )elete lin(
8) Tamba lin( Sidebar
a)
-
8/17/2019 Tutorial Kelola Website
19/40
5) i!i che( box +blan( /, agar lin( !angsung da(at dibuka di %ende!a baru.
d) sikan che( box di bawa sesuai kebutuan. #ikosongkan sa%a %ika tidak (er!u.
e) 9ika (engaturan se!esai, tekan tombo! Add !in(*.
-
8/17/2019 Tutorial Kelola Website
20/40
;) #dit !in( Sidebar
a) i!i #dit.
b) Lakukan (engaturan yang sama se(erti tamba lin(.
5) Tekan Update %ika (engaturan te!a se!esai.
-
8/17/2019 Tutorial Kelola Website
21/40
(. Mengat&r Men& Header
1) Menu header yang dimaksud.
2) #a4tar menu header di!iat dari website.
3) #dit menu header .
-
8/17/2019 Tutorial Kelola Website
22/40
") ni ada!a isi tam(i!an dari menu header 4orum/. Tu!isan yangberwarna biru di bawa, ada!a teks yang te!a diubungkan ke web4orum diskusi MM'.
8) B!ok tu!isan open forum, sete!a itu k!ik gambar rantai untuk lin( kewebsite diskusi.
;) Berikut ada!a a!amat website yang ditu%u untuk me!akukan 4orumdiskusi.
-
8/17/2019 Tutorial Kelola Website
23/40
=) Liat asi! (engaturan ter!ebi dau!u me!a!ui preview.
>) ni ada!a website 4orum diskusi yang dimaksud.
?) 9ika (engaturan te!a sesuai, (i!i Update.
-
8/17/2019 Tutorial Kelola Website
24/40
1@) i!i rash, %ika ingin menga(us 4i!e.
11) engaturan untuk menu undu 4i!e.
a) Tam(i!an undu 4i!e kokob (ada web MM'.
b) i!i #dit (ada menu header Undu/. ete!a itu, tu!iskansintaks se(erti 5onto yang terse!eksi, yakni DboEty(eF/down!oad/ama edisi kokobDCboE.
9angan !u(a beri warna biru, (ada teks yang akan di!akukan lin( .
-
8/17/2019 Tutorial Kelola Website
25/40
5) e!eksi nama edisi (o(ob, kemudian tekan gambar rantai &lin(-.
d) Tu!iskan lin( website, tem(at
-
8/17/2019 Tutorial Kelola Website
26/40
e) Tam(i!an dari
-
8/17/2019 Tutorial Kelola Website
27/40
3) i!i 4i!e (d4 yang akan diungga.
") roses upload sedang ber%a!an.
-
8/17/2019 Tutorial Kelola Website
28/40
8) Tam(i!an (d4 berasi! diungga.
Beri nama %udu! 4i!e
-
8/17/2019 Tutorial Kelola Website
29/40
-. Ce, *an At&r Koentar
#i menu comment , admin da(at mengatur ke!uar masuknya komentar.
. Pengat&ran Appearance Customize
1) i!i menu Appearance/'ustomi0e
-
8/17/2019 Tutorial Kelola Website
30/40
2) #i menu 'ostumi0e, kita da(at me!akukan edit %udu! header dans!ogan.
1/. Pengat&ran A00earane Wi*gets
1) engaturan ini digunakan untuk menamba gadgets, sebagai(e!engka( dari sisi kanan a!aman berita. Bisa beru(a lin( ,s(onsor, atau ik!an.
-
8/17/2019 Tutorial Kelola Website
31/40
2) ni ada!a 5onto ik!an yang di(asang (ada website MM'.
3) :ara menggunakannya, tarik kotak text ke kanan atas.
-
8/17/2019 Tutorial Kelola Website
32/40
") Beri nama Advertisement (ada kotak text tadi. sikan sintaksse(erti 5onto di bawa. Tu!isan yang terse!eksi tsb, ada!a lin( dari gambar yang te!a diungga ke sa!a satu website, yakni
postimage.org.
-
8/17/2019 Tutorial Kelola Website
33/40
8) ni ada!a tam(i!an website yang ditu%u.
;) intaks yang terse!eksi di bawa, ada!a ukuran dari gambar ik!anyang akan di upload ke website MM'. Besar ukuran ik!an,menyesuaikan tem(at yang ada.
-
8/17/2019 Tutorial Kelola Website
34/40
=) Save (engaturan dari kotak text tadi.
11. Posting "a#ar I,lan
1) Masuk a!amat web+ postimage.org.
2) Login dengan menggunakan akun dari MM'.
-
8/17/2019 Tutorial Kelola Website
35/40
3) Upload gambar. i!i gambar yang akan di upload me!a!ui 1rowser .
") i!i 4i!e.
-
8/17/2019 Tutorial Kelola Website
36/40
8) Buat ga!eri baru, untuk menyim(an 4i!e-4i!e yang di upload.
;) Beri nama ga!eri k!an /, misa!nya.
=) ama ga!eri te!a terbentuk.
-
8/17/2019 Tutorial Kelola Website
37/40
>) engaturan se!esai, 4i!e sia( di upload.
?) e!esai 4i!e di upload, maka akan mun5u! lin( se(erti di bawa.e!eksi sa!a satu lin( se(erti 5onto, kemudian copy paste kea!aman browser.
-
8/17/2019 Tutorial Kelola Website
38/40
1@) Tam(i!an dari lin( gambar yang berasi! di upload.
11) Gambar yang ada, da(at diatur (e!etakannya, rotasinya, mau(undia(us 4i!enya.
-
8/17/2019 Tutorial Kelola Website
39/40
1!. Ta#a2 User
1) :onto tamba user (ada menu Users.
2) Beri (assword sesuai aturan yang tertera.
3) Beri ak akses (ada user baru.
-
8/17/2019 Tutorial Kelola Website
40/40
") Berikut nama user yang te!a terda4tar di website MM', denganberagam ak akses.
3ei,ian 0en4elasan se*er2ana engenai 0engelolaan
5e#site LPM HIMMAH UIISelaat Meno#a *an Ber2ati62ati 78