tutorial kelola website

Upload: galuh-ayu-p

Post on 06-Jul-2018

223 views

Category:

Documents


0 download

TRANSCRIPT

  • 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