Transcript
Page 1: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

PENGATURAN DESAIN BLOG DI WORDPRESS.COM

I MADE WENA

PROGAM STUDI PENDIDIKAN MATEMATIKAFAKULTAS KEGURUAN DAN ILMU PENDIDIKAN

UNIVERSITAS MAHASARASWATI DENPASAR, 2009

Page 2: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

PROTOTIPE AWAL BLOG

Page 3: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

MENU UTAMA ATAS

• Tulisan, untuk membuat tulisan baru• Media, untuk menyimpanan

media/file tertentu• Taut, untuk pembuatan tautan ke blog

lain• Halaman, untuk membuat halaman

blog• Komentar, untuk pengaturan

komentar• Rating, untuk pengaturan penampilan

ratting suatu tulisan• Polling, untuk pembuatan suatu

polling

Page 4: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

MENU UTAMA BAWAH• Tampilan, untuk mengatur

perwajahan dari blog• Pengguna, untuk mengatur orang-

orang yang berhak jadi pengguna dan posisi pengguna

• Pekakas, untuk pengaturan perkakas-perkakas yang dapat digunakan

• Pengaturan, untuk melakukan pengaturan terkait pengaturan umum, tulisan, membaca, media, dll

Page 5: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

MENU PUSTAKA MEDIA

• Pustaka, merupakan kumpulan file-file pendukung dari blog yang dibuat

• Add New, berfungsi untuk mengunggah file baru ke pustaka media

Page 6: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

PUSTAKA MEDIA

Page 7: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

TAMBAHKAN FILE PUSTAKA MEDIA (1)

• KLIK Add New, pada menu MEDIA sehingga muncul tampilan berikut :

Page 8: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

• Klik PILIH BERKAS, Sehingga muncul tampilan sejenis berikut untuk mencari file yang akan di Up-load ke Pustaka Media

TAMBAHKAN FILE PUSTAKA MEDIA (1)

Setelah memilih file yang akan di Upload, klik Open dan tunggu beberapa saat hingga muncul tampilan sejenis berikut :

Page 9: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

• Isikan Judul dan deskripsi File yang di unggah, akhiri dengan klik pada SIMPAN SELURUH PERUBAHAN

TAMBAHKAN FILE PUSTAKA MEDIA (3)

Page 10: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

• PENGUNGGAHAN FILE KE PUSTAKA MEDIA DAPAT DILAKUKAN SETIAP SAAT, BILA MEMANG DIPERLUKAN

TAMBAHKAN FILE PUSTAKA MEDIA (3)

Page 11: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

MENU TAMPILAN• TEMA, untuk memilih tema yang

akan dipergunakan sebagai halaman depan blog

• Widget, untuk mengatur penampilan menu-menu blog

• Extras, mengatur posisi ekstra yang disediakan untuk aktif atau tidak

• Custom Header, Untuk mengatur tampilan dan gambar Header blog anda

• Edit CSS, untuk melakukan editing terhadap CSS

Page 12: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

• Klik TEMA pada menu Tampilan sehingga muncul tampilan sejenis berikut

MENGUBAH TEMA

Page 13: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

MENGUBAH TEMA• Geser right scroll bar sehingga tampil tema yang saudara inginkan (bila belum ada, anda

dapat memanfaatkan menu yang ada sampai muncul tema yang saudara ingin pilih. Misal pilih TEMA SAPPHIRE ). Untuk mengaktifkan Klik link AKTIFKAN

Page 14: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

• Setelah itu akan terjadi perubahan pada aktivasi tema saat ini (misal seperti gambar)

MENGUBAH TEMA

Page 15: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

• PERBEDAAN TAMPILAN TEMA SEBELUM DAN SESUDAH PERUBAHAN

MENGUBAH TEMA

Page 16: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

MENGATUR DAFTAR MENU• Klik WIDGET pada menu Tampilan, sehingga muncul tampilan

gambar sejenis berikut :

Page 17: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

• Klik dan Geser menu Widget-widget yang saudara perlukan ke kolom sisi yang tersedia di pinggir kanan. Misalkan pilihan saudara tampak seperti gambar.

MENGATUR DAFTAR MENU

Page 18: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

• Atur properti dari Daftar Menu sesuai kebutuhan

MENGATUR DAFTAR MENU

Page 19: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

MENGATUR DAFTAR MENU

Page 20: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

• Siapkan gambar untuk HEADER BLOG dengan ukuran 740 x 180 Fixel (sesuai keperluan) dengan menggunakan program pengolah gambar

MERUBAH HEADER BLOG

Page 21: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

MERUBAH HEADER BLOG• Klik link Custom Header, sehingga muncul tampilan header blog, misal

sebagai berikut , lalu Klik Browse untuk mencari file headernya

Page 22: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

• Pilih gambar yang dipergunakan sebagai header, akhiri dengan klik OPEN lalu Klik UNGGAH

MERUBAH HEADER BLOG

Page 23: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

• Tampilan Header Blog setelah diadakan perubahan

MERUBAH HEADER BLOG

Page 24: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

• TAMPILAN HEADER SEBELUM DAN SESUDAH PERUBAHAN

MERUBAH HEADER BLOG

Page 25: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

MENU TULISAN

• Sunting, melakukan editing terhadap suatu tulisan yang telah di buat sebelumnya.

• Add New, untuk membuat tulisan baru.

• Tag Tulisan, untuk mengatur pembuatan tag tulisan

• Kategori, untuk mengatur pembuatan dan penempatan kategori tulisan

Page 26: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

MEMBUAT KATEGORI TULISAN• Klik KATEGORI pada menu Tulisan, sehingga muncul tampilan sejenis berikut :

Page 27: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

• Ketik Nama KATEGORI pilih INDUK KATEGORI (BILA ADA) serta Deskripsinya, dan akhiri dengan menekan link TAMBAH KATEGORI

MEMBUAT KATEGORI TULISAN

Page 28: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

MENULIS BARU• Klik Add New pada menu tulisan, sehingga muncul halaman sbb:

Page 29: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

• Ketik JUDUL TULISAN, MATERI TULISAN pada tempat yang ditentukan dan Centang KATEGORI TULISAN

MENULIS BARU

Page 30: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM
Page 31: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM
Page 32: PENGATURAN DESAIN BLOG  DI WORDPRESS.COM

Top Related