tutorial website jdih -...
TRANSCRIPT
![Page 1: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/1.jpg)
TUTORIALPENGEMBANGAN
WEBSITE JDIHPROVINSI JAWA TIMUR
Malang, 7 Juli 2017
![Page 2: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/2.jpg)
Overview
• Login Halaman Administrator
• Posting/Artikel
• Halaman/Pages
• Setup Menus
• Upload Peraturan
• Header Image
![Page 3: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/3.jpg)
LOGIN HALAMAN ADMINISTRATOR
http://jdih.jatimprov.go.id/wp-login.php
![Page 4: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/4.jpg)
Mengakses Halaman LOGIN ADMINISTRATOR
Langkah – langkah :
• Buka aplikasi browser (Google Chrome / Mozila Firefox)
• Ketik alamat Website JDIH : www.jdih.jatimprov.go.id
• Kemudian tambahkan “/wp-login.php”
• Selanjutnya tekan ENTER, secara otomatis kita akan diarahkan ke halaman Welcome Login.
![Page 5: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/5.jpg)
TampilanHALAMAN LOGIN
Masukkan UsernameContoh : adminjdih
Masukkan PasswordContoh : 12345678
Masukkan Inputan Captcha Contoh : 8
![Page 6: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/6.jpg)
TampilanHALAMAN DASBOR
![Page 7: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/7.jpg)
MEMBUAT POSTING/ARTIKEL
![Page 8: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/8.jpg)
AKSES MENU POSTS
Untuk membuat Berita / Artikel, kita menggunakan fitur POSTS. Klik
menu POSTS di sebelah kiri bagian atas.
Berisi daftar artikel/berita.disini kita dapat mengubah, menghapus, dan menambah
POST baru.
Klik TAMBAH BARU, untukmembuat berita/artikel baru.
![Page 9: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/9.jpg)
TAMBAH BERITA/ARTIKELDi halaman ini kita dapat mengelola berita/artikel baik mengubah, mengurangi,
atau menambah berita/artikel baru untuk ditampilkan di Website JDIH
Untuk menambahkanartikel/berita baru klik
TAMBAH BARU
Untukmengedit/mengubahkonten artikel/beritayang telah kita buat
Menghapus artikel
yang telah dibuat
![Page 10: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/10.jpg)
MENAMBAH ARTIKEL BARU
Judul artikel/berita yang akan ditampilkan di
Website JDIH
Isi konten yang akan ditampilkan di Wesite
JDIH
![Page 11: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/11.jpg)
MENAMBAH ARTIKEL BARU
Menambahkan media baru, bisa berupa gambar, suara,
atau video
![Page 12: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/12.jpg)
MENAMBAH ARTIKEL BARU
Tentukan kategorinya, apakah berupa ARTIKEL, BERITA, silahkan centang
kategori dimaksud.
![Page 13: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/13.jpg)
MENAMBAH ARTIKEL BARU
Jika selesai membuat isiberita/artikel,
Silahkan klik TERBITKAN.
![Page 14: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/14.jpg)
MENAMBAH ARTIKEL BARUJika berhasil diatas akan muncul pesan
sebagai berikut :
Artikel/berita yang telahdibuat, dimuat dalam
daftar pada HALAMAN POST
![Page 15: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/15.jpg)
MEMBUAT HALAMAN BARU
![Page 16: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/16.jpg)
AKSES MENU HALAMANPada bagian sidebar klik
menu “HALAMAN”, secara otomatis akan muncul tampilan dibawah ini
![Page 17: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/17.jpg)
MANAJEMEN HALAMAN
Untuk menambahkanHalaman baru klik“TAMBAH BARU”
Untuk Menghapus
Halaman yang
telah dibuat klik
“TRASH”
Untukmengedit/mengubahkonten Halaman yang
telah kita buat klik “SUNTING”
![Page 18: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/18.jpg)
MENAMBAH HALAMAN BARU
Judul HALAMAN yang akan ditampilkan di
Website JDIH
Isi konten HALAMANyang akan ditampilkan di
Wesite JDIH
Menambahkan media baru, bisa berupa
Gambar, Suara, atauVideo
![Page 19: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/19.jpg)
MENAMBAH HALAMAN BARU
Jika selesai membuatHALAMAN & KONTEN
Silahkan klik“TERBITKAN”.
![Page 20: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/20.jpg)
MENAMBAH HALAMAN BARU
Artikel/berita yang telahdibuat, dimuat dalam
daftar pada HALAMAN POST
Jika berhasil maka akan muncul pesansebagai berikut :
![Page 21: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/21.jpg)
HALAMAN MENU
![Page 22: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/22.jpg)
Menambahkan
Halaman/Page ke “MENU”
Setelah kita membuat halaman/page, langkah
selanjutnya adalah memasukkan halaman kedalam
menu website
Pada bagian sidebar klik “APPEARANCE” > “MENU”,
secara otomatis akan muncul tampilan dibawah ini
![Page 23: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/23.jpg)
Menambahkan
Halaman/Page ke “MENU”
Merupakan nama menu website, bisa diberi nama
bebas, misal : “Menu Utama”
Struktur Menu yaitu urutan halaman yang akan di
tampilkan di Website JDIH“DRAG & DROP”
Halaman yang sudah dibuat, secara otomatis akan muncul
di bagian Halaman
![Page 24: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/24.jpg)
Menambahkan
Halaman/Page ke “MENU”
Select/Pilih Halaman, selanjutnya klik
tombol “Add to Menu”
• Hasil halaman yang sudah ditambahkan ke bagian “Menu”, selanjutnya klik “Save Menu”
• “DRAG & DROP” untuk mengatur urutan halaman/page
![Page 25: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/25.jpg)
Menambahkan
Halaman/Page ke “MENU”
Halaman sudah tampil di menu “Website JDIH”
![Page 26: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/26.jpg)
UPLOAD PERATURAN
![Page 27: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/27.jpg)
UPLOAD PERATURAN
- WPFilebase
Pilih menu WP-Filebase, terletak di sebelah kiri bagian
bawah (sidebar)
![Page 28: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/28.jpg)
WPFilebase Category
Langkah pertama adalah membuat KATEGORI terlebih
dahulu, karena kategori merupakan “rumah” dimana
kita menaruh file-file peraturan yang akan kita upload
nanti.
Contoh :
KATEGORI INDUK
SUB – KATEGORI
Kategori anak
![Page 29: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/29.jpg)
Membuat Kategori
Klik menu WP-Filebase Kategori
![Page 30: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/30.jpg)
Halaman Kategori
Pada halaman kategori ini kita dapat mengelola
kategori, baik itu mengubah, menghapus, atau
menambah kategori baru.
Untuk menambah kategori baru, klik ADD NEW.
Untuk MENGUBAH nama atau
konten masing-masing kategori
yang telah dibuat, silahkan klik
nama kategori dimaksud!
Untuk MENGHAPUS kategori,
centang checkbox disamping
kategori yang akan dihapus
kemudian klik DELETE.
![Page 31: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/31.jpg)
Membuat Kategori Baru
Samakan dengan Nama
Kategori diatas!
Nama Kategori
Sesuaikan Kategori Induk
dengan atas!
Boleh diabaikan saja.
Lanjutkan klik TAMBAH
KATEGORI BARU !
![Page 32: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/32.jpg)
Notifikasi Berhasil
Jika muncul pesan sebagai berikut, maka kategori
berhasil dibuat.
![Page 33: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/33.jpg)
WPFilebase Files
Langkah selanjutnya adalah melakukan upload file
peraturan, pilih menu WP-Filebase Files
![Page 34: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/34.jpg)
Halaman FIles Pada halaman ini kita dapat mengelola data file-file
peraturan baik mengubah, menghapus, atau
menambah file peraturan baru.
Untuk menambah file peraturan baru ada dua metode,
yaitu :
Cara manual (ADD NEW)
Cara otomatis (BATCH UPLOAD)
![Page 35: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/35.jpg)
UPLOAD METODE MANUAL
Pilih File Peraturan yang
akan diupload
JUDUL : berikan informasi yang
lengkap JENIS PERATURAN,
TAHUN, NOMOR dan
TENTANG-nya.
Sesuaikan dengan atas
Isian lain boleh diabaikan, langsung klik
ADD FILE jika selesai mengisi diatas.
![Page 36: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/36.jpg)
UPLOAD METODE OTOMATIS
PERTAMA, selalu pilih KATEGORI terlebih
dahulu !!
Kemudian pilih berkas/file yang akan diupload.
Sebelum diupload, file peraturan harus di-rename
karena nama file menjadi JUDUL yang dilihat
visitor/pengunjung Website JDIH.
![Page 37: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/37.jpg)
![Page 38: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/38.jpg)
MERUBAH HEADER IMAGE• Siapkan format Gambar jpeg/gif di Adobe Photoshop dengan ukuran
• Width : 1024 px
• Height : 210 px
• Resolution : 72 dpi
• Color Mode : RGB
Masukkan nominal
sesuai dengan ukuran
yang sudah ditentukan
Tema Desain bebas
sesuai dengan Tema
masing-masing
kabupaten/kota
![Page 39: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/39.jpg)
MERUBAH HEADER IMAGE
Untuk merubah tampilan “Header Image” pada Website
JDIH, kita bisa masuk ke “Appearance > Widget “
![Page 40: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/40.jpg)
MERUBAH HEADER IMAGE
Letak Posisi Header Image
ada pada sidebar “TOP-A”
Tambahkan Widget “Text”
dengan cara drag widget
“Text” dari kiri ke kanan
![Page 41: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/41.jpg)
MERUBAH HEADER IMAGE
Untuk memulai upload,
pilih “Media > Add
New”
Pilih berkas/file yang sudah
dibuat sebelumnya (header
image). Tunggu hingga
proses Upload 100%.
![Page 42: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/42.jpg)
MERUBAH HEADER IMAGE
Copy URL Image “wp-
content/uploads/2014/
11/HeaderJatim.gif “
Pilih “SUNTING” untuk masuk ke
pengaturan gambar/image.
![Page 43: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/43.jpg)
MERUBAH HEADER IMAGE
• Ketikkan kode singkat
diatas pada Widget
“TEXT” yang ada pada
bagian TOP-A
• Paste URL Image “wp-
content/uploads/20
14/11/HeaderJatim.
gif “ setelah SRC=Jangan lupa klik tombol
“SIMPAN”
![Page 44: TUTORIAL WEBSITE JDIH - codymaxx.comcodymaxx.com/wp-content/uploads/2017/01/MATERI-BIMTEK-WEBSITE-JDIH... · MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan ... TAHUN,](https://reader030.vdocuments.mx/reader030/viewer/2022032713/5c860af009d3f2b2468d0bbb/html5/thumbnails/44.jpg)
T H E E N DT H A N K YO U . . .