4. Membuat halaman dan sub halaman blog by pak sukani

17
1 @gurumelekit mas sukani http://trainergurumelekit.wordpress.com >>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<< MEMBUAT HALAMAN DAN SUB HALAMAN DI WORDPRESS Dibuat oleh Pak Sukani Teacher, Trainer, Narasumber, Motivator, Pembicara dalam pelatihan dan seminar di seluruh wilayah Indonesia Situs : http://trainergurumelekit.wordpress.com ; Email : [email protected] ; HP : 085695685815 / 086930317459 FB : Mas Sukani ; Twitter : @guruMelekIT Grup FB : Diklat Online Guru Melek IT (DOGMIT) Indonesia

Transcript of 4. Membuat halaman dan sub halaman blog by pak sukani

Page 1: 4. Membuat halaman dan sub halaman blog by pak sukani

1

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

MEMBUAT HALAMAN DAN SUB HALAMAN

DI WORDPRESS

Dibuat oleh Pak Sukani

Teacher, Trainer, Narasumber, Motivator, Pembicara dalam pelatihan dan seminar di seluruh wilayah Indonesia

Situs : http://trainergurumelekit.wordpress.com ;

Email : [email protected] ; HP : 085695685815 / 086930317459

FB : Mas Sukani ; Twitter : @guruMelekIT

Grup FB : Diklat Online Guru Melek IT (DOGMIT) Indonesia

Page 2: 4. Membuat halaman dan sub halaman blog by pak sukani

2

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

MEMBUAT HALAMAN DAN SUB HALAMAN DI WORDPRESS

Pernahkan bapak/ibu melihat blog seseorang seperti gambar di bawah ini?

Terlihat pada gambar di atas terdapat halaman dan sub halaman. Misal :

halaman-nya adalah Bahan Ajar, sedangkan Sub Halaman-nya adalah 1) Modul

; 2) Video ; 3) Powerpoint ; 4) Flash (swf).

Halaman dan sub halaman menjadi penting untuk kita buat sebagai menu-menu

blog yang akan kita tampilkan, memudahkan pengunjung blog dalam mencari

informasi dalam blog kita.

Menu-menu halaman dan sub halaman yang akan kita buat seperti gambar di

atas sebagai contohnya, bapak/ibu sebetulnya dapat berkreasi sendiri.

Halaman 1 : Beranda, Sub halamannya : tidak ada

Halaman 2 : Tentang Kami, Sub halamannya : tidak ada

Halaman 3 : Bahan ajar, Sub halamannya : 1) Modul ; 2) Video ; 3)

Powerpoint ; 4) Flash (swf).

Halaman 4 : Info Penting, Sub halamannya : 1) Nilai-nilai ; 2) Remedial ; 3)

Pengayaan

Halaman 5 : Kirim tugas & Tes Online, Sub halamannya : 1) Form kirim tugas

siswa ; 2) Tes Online

Halaman 6 : Download, Sub halamannya : 1) Bank soal ; 2) Software

Halaman

Sub Halaman

Page 3: 4. Membuat halaman dan sub halaman blog by pak sukani

3

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Halaman 7 : Album, Sub halamannya : tidak ada.

Dan seterusnya.

Langkah-langkah membuat halaman dan sub halaman adalah sebagai berikut :

1. Buka Mozilla Firefox di Dekstop, klik Kanan > Open

2. Maka akan terbuka tampilan Mozilla Firefox, lalu ketikkan di Address Bar :

https://id.worpress.com dan tekan “Enter”.

Maka akan muncul tampilan https://id.worpress.com sebagai berikut :

Klik “Log Masuk”.

Page 4: 4. Membuat halaman dan sub halaman blog by pak sukani

4

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

3. Setelah meng-klik “Log Masuk” maka akan muncul tampilan di bawah ini :

Masukkan email dan kata sandi (pasword) bapak/ibu untuk log in. Setelah

selesai memasukkan email dan kata sandi lalu klik “Log Masuk”.

Maka akan muncul tampilan seperti di bawah ini :

4. Klik “Situs Saya” dipojok kiri atas.

Page 5: 4. Membuat halaman dan sub halaman blog by pak sukani

5

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Maka akan muncul tampilan sebagai berikut :

5. Setelah meng-Klik “Admin WP” maka akan muncul tab jendela baru, seperti di

bawah ini. Klik Dasbor.

6. Membuat Halaman dan Sub Halaman

Masuk ke Dasbor lalu pilih Halaman > Tambah baru.

Lihat gambar di bawah ini!

Page 6: 4. Membuat halaman dan sub halaman blog by pak sukani

6

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Maka akan muncul tampilan sebagai berikut :

Page 7: 4. Membuat halaman dan sub halaman blog by pak sukani

7

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Halaman 1 beranda / home itu sudah di sediakan oleh Wordpress.com jadi

kita tidak membuatnya lagi. Lanjut ke halaman 2.

Membuat Halaman 2 : Tentang Kami, Sub halamannya : tidak ada

Isi Judul halaman : Tentang Kami

Isi Halaman : Ceritakan tentang bapa/ibu

Atribut Halaman : (lihat di samping kanan tengah)

Induk : pilih “tanpa induk”

Templat : pilih “templat standar”

Urutan : isi nomor 2.

Kalau sudah mengisi judul halaman, mengisi halaman dan atribut halaman

maka klik “Terbitkan” di kanan atas.

Page 8: 4. Membuat halaman dan sub halaman blog by pak sukani

8

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Klik “Lihat halaman” untuk melihat hasil-nya :

Tunggu proses loadingnya selesai maka akan muncul hasilnya seperti ini :

Untuk memperbaharui judul & isi halaman maka silahkan bapak/ibu ubah sendiri

judul dan isi halaman, lalu klik “Perbarui”.

Page 9: 4. Membuat halaman dan sub halaman blog by pak sukani

9

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Halaman 3 : Bahan ajar, Sub halamannya : 1) Modul ; 2) Video ; 3)

Powerpoint ; 4) Flash (swf).

a) Klik Dasbor > Halaman > Tambah baru

Isi Judul halaman : Bahan Ajar , sedangkan Isi Halaman : kosongkan

Atribut Halaman : (lihat di samping kanan tengah)

Induk : pilih “tanpa induk”

Templat : pilih “templat standar”

Urutan : isi nomor 3.

Page 10: 4. Membuat halaman dan sub halaman blog by pak sukani

10

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Kalau sudah mengisi judul halaman dan atribut halaman maka klik “Terbitkan”

di kanan atas.

Untuk melihat hasil pembuatan halaman “bahan ajar: maka klik “Lihat

halaman”.

Page 11: 4. Membuat halaman dan sub halaman blog by pak sukani

11

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Tunggu proses loadingnya selesai maka akan muncul hasilnya seperti ini :

Terlihat pada gambar di atas bahwa Halaman “Bahan Ajar” telah selesai

dibuat. Selanjutnya kita akan membuat Sub Halaman-nya.

b) Membuat Sub Halaman : 1) Modul pada Halaman Bahan Ajar.

Klik Dasbor > Halaman > Tambah baru

Maka akan muncul tampilan sebagai berikut :

Page 12: 4. Membuat halaman dan sub halaman blog by pak sukani

12

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Isi judul sub hamanan : 1) Modul

Isi sub halaman : isi dengan modul yang bapak/ibu miliki atau nanti

bisa berisi kumpulan link-link modul penting atau jika mau

dikosongkan dulu juga tidak apa-apa. Diperbaruinya nanti bisa

belakangan. He..he..he..

Atribut sub halaman :

Induk : Ubah “tanpa induk” menjadi Bahan Ajar dan Isi Urutan ke-1,

sehingga nanti sub halaman 1) Modul akan berada di bawah

halaman Bahan Ajar pada nomor 1.

Templat : pilih Templat Standar.

Setelah mengisi Judul Sub halaman, Isi Sub Halaman dan Atribut

Sub Halaman maka Klik “Terbitkan”

Page 13: 4. Membuat halaman dan sub halaman blog by pak sukani

13

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Untuk melihat hasil-nya apakah Sub Halaman 1) Modul sudah

berhasil dibuat atau belum maka klik “Lihat halaman”.

Hasilnya adalah seperti ini :

Page 14: 4. Membuat halaman dan sub halaman blog by pak sukani

14

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

c) Membuat Sub Halaman : 2) Video pada halaman Bajan Ajar

Caranya sama dengan membuat sub halaman : 1) Modul pada halaman

bahan Ajar yang sebelumnya saya bahas. Induk-nya sama yaitu dipilih

Bahan Ajar dan Templat-nya : Templat standar.

Hanya saja perbedaannya terletak pada pengaturan di Atribut Halaman,

khususnya di urutan.

Jika sub halaman 2) video ini akan disetting pada urutan ke-2 di halaman

Bahan Ajar maka di Atribut halaman-nya di isi urutan ke-2.

Klik Dasbor > Halaman > Tambah baru

Maka akan muncul tampilan sebagai berikut :

Isi judul sub hamanan : 2) Video

Isi sub halaman : isi dengan dokumen video yang bapak/ibu miliki

atau nanti bisa berisi kumpulan video dari youtube atau jika mau

Page 15: 4. Membuat halaman dan sub halaman blog by pak sukani

15

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

dikosongkan dulu juga tidak apa-apa. Diperbaruinya nanti bisa

belakangan. He..he..he..

Atribut sub halaman :

Induk : Ubah “tanpa induk” menjadi Bahan Ajar dan Isi Urutan ke-2,

sehingga nanti sub halaman 2) Video akan berada di bawah

halaman Bahan Ajar pada nomor 2.

Templat : pilih Templat Standar.

Setelah mengisi Judul Sub halaman, Isi Sub Halaman dan Atribut

Sub Halaman maka Klik “Terbitkan”

Untuk melihat hasil-nya apakah Sub Halaman 2) Video sudah

berhasil dibuat atau belum maka klik “Lihat halaman”.

Page 16: 4. Membuat halaman dan sub halaman blog by pak sukani

16

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Hasilnya adalah seperti ini :

Sub halaman 2) Video telah berhasil di buat. Selajutnya untuk

membuat Sub halaman 3) Powerpoint dan Sub halaman 4) Flash

(swf) caranya sama dengan membuat Sub halaman sebelumnya.

Untuk Sub halaman 3) Powerpoint maka isi atribut halaman urutan

ke-3, sedangkan Untuk Sub halaman 4) Flash (swf) di urutan ke-4.

Page 17: 4. Membuat halaman dan sub halaman blog by pak sukani

17

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

d) Untuk membuat halaman info penting, kirim tugas, download dan lain-lain

cara nya sama dengan membuat halaman “kontak kami” yang

sebelumnya sudah saya bahas. Begitu pula jika ingin membuat sub

halaman, caranya pun sama seperti membuat sub halaman 1) modul.

Silahkan dikembangkan sendiri.

**** SEMOGA BERMANFAAT ****