EDITING BLOG ESA UNGGUL · ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog 6623 - Taufiqur...

8
ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog 6623 - Taufiqur Rachman 1 EDITING BLOG EDITING BLOG ESA UNGGUL ESA UNGGUL ESA ESA-121 121 PENGANTAR PENGANTAR APLIKASI KOMPUTER APLIKASI KOMPUTER Pertemuan Ke Pertemuan Ke-2 Oleh: Oleh: 6623 6623 – Taufiqurrahman Taufiqurrahman Laboratorium Laboratorium Komputer Komputer Universitas Esa Unggul Universitas Esa Unggul © 2013 © 2013 Blog Dashboard Blog Dashboard Merupakan halaman control panel blog anda. Digunakan untuk melakukan berbagai hal yang terkait dengan blog, seperti: editing, posting, merubah tampilan, dll. Butuh username dan password (administrator account) untuk log in. ESA121 #2 ESA121 #2 6623 6623 - Taufiqur Rachman Taufiqur Rachman 2

Transcript of EDITING BLOG ESA UNGGUL · ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog 6623 - Taufiqur...

Page 1: EDITING BLOG ESA UNGGUL · ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog 6623 - Taufiqur Rachman 3 Merubah Tampilan (Themes) Blog• Sorot “Appearance” pada halaman Dasboard

ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog

6623 - Taufiqur Rachman 1

E D I T I N G B L O GE D I T I N G B L O GE S A U N G G U LE S A U N G G U L

E S AE S A -- 1 2 11 2 1P E N G A N T A RP E N G A N T A R A P L I K A S I K O M P U T E RA P L I K A S I K O M P U T E R

P e r t e m u a n K eP e r t e m u a n K e -- 22

Oleh:Oleh:6623 6623 –– TaufiqurrahmanTaufiqurrahman

Laboratorium Laboratorium KomputerKomputer

Universitas Esa UnggulUniversitas Esa Unggul

© 2013© 2013

Blog DashboardBlog Dashboard• Merupakan halaman control panel blog

anda.

• Digunakan untuk melakukan berbagai halyang terkait dengan blog, seperti: editing,posting, merubah tampilan, dll.

• Butuh username dan password(administrator account) untuk log in.

ESA121 #2ESA121 #2 6623 6623 -- Taufiqur RachmanTaufiqur Rachman 22

Page 2: EDITING BLOG ESA UNGGUL · ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog 6623 - Taufiqur Rachman 3 Merubah Tampilan (Themes) Blog• Sorot “Appearance” pada halaman Dasboard

ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog

6623 - Taufiqur Rachman 2

Log In Dashboard• Buka halaman Blog Universitas Esa Unggul. Dapat melalui:

http://esaunggul.ac.id klik banner “BLOG CivitasESAUNGGUL”, atau

http://blog.esaunggul.ac.id

• Klik “Login Blog Mahasiswa” yang ada disebelah kanan padabagian META

• Masukan username dan password Anda pada kolom yang telahdisediakan, serta jawab pertanyaan pada kolom “SecurityQuestion”

• Klik “Log In”

ESA121 #2ESA121 #2 6623 6623 -- Taufiqur RachmanTaufiqur Rachman 33

Site Title dan Tag LineSite Title dan Tag Line• Site Title adalah judul/tema dari blog anda.

Untuk tugas blog, buat minimal berisi NIM dan Nama Anda

• Tag Line adalah kata-kata yang menyertai site title (biasanyaberdampingan, bisa diatas atau dibawah site title).

Untuk tugas blog, buat minimal berisi Jurusan/Program StudiAnda dan Universitas Esa Unggul

• Keduanya bisa dirubah melalui Dashboard -> Setting -> General,kemudian rubah/ganti tulisan yang ada pada kolom “Site Title”(biasanya paling atas) dan kolom “Tag Line” (biasanya dibawah SiteTitle)

ESA121 #2ESA121 #2 6623 6623 -- Taufiqur RachmanTaufiqur Rachman 44

Page 3: EDITING BLOG ESA UNGGUL · ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog 6623 - Taufiqur Rachman 3 Merubah Tampilan (Themes) Blog• Sorot “Appearance” pada halaman Dasboard

ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog

6623 - Taufiqur Rachman 3

Merubah Tampilan (Themes) Blog

• Sorot “Appearance” pada halaman Dasboard .

• Klik “Themes”.

• Akan tampil berbagai pilihan themes yang dapat dipilih.

• Untuk memilihnya klik “Activate” pada themes yangdiinginkan.

Catatan:Ada beberapa “Themes” ketika di aktifkan meminta untukmengatur “Widget”

ESA121 #2ESA121 #2 6623 6623 -- Taufiqur RachmanTaufiqur Rachman 55

Menulis Artikel (Posting) BlogMenulis Artikel (Posting) BlogBuka (Log In)

halaman “Dashboard”

Sorot/arahkan mouse ke “Post”

Klik “Add New”

ESA121 #2ESA121 #2 666623 6623 -- Taufiqur RachmanTaufiqur Rachman

Page 4: EDITING BLOG ESA UNGGUL · ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog 6623 - Taufiqur Rachman 3 Merubah Tampilan (Themes) Blog• Sorot “Appearance” pada halaman Dasboard

ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog

6623 - Taufiqur Rachman 4

Menulis Artikel (Posting) BlogMenulis Artikel (Posting) Blog

Tulis/ketik judul artikel yang akan di posting pada kolom

yang bertuliskan “Enter title here”

Mulailah menulis artikel anda pada

kolom ini

Akan tampil halaman “Add New Post”

ESA121 #2ESA121 #2 776623 6623 -- Taufiqur RachmanTaufiqur Rachman

Menulis Artikel (Posting) BlogMenulis Artikel (Posting) BlogGunakan/klik icon

ini untuk memasukkan media

(dapat berupa gambar, file, video,

musik, dll)

Gunakan/klik icon-icon berikut untuk memformat tulisan

ESA121 #2ESA121 #2 886623 6623 -- Taufiqur RachmanTaufiqur Rachman

Page 5: EDITING BLOG ESA UNGGUL · ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog 6623 - Taufiqur Rachman 3 Merubah Tampilan (Themes) Blog• Sorot “Appearance” pada halaman Dasboard

ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog

6623 - Taufiqur Rachman 5

Menulis Artikel (Posting) BlogMenulis Artikel (Posting) Blog

Masukkan/ketik kata kunci pada kolom kotak dialog Tags, dan klik

tomol “Add”

Masukkan kategori artikel pada kotak dialog Categories

Jika sudah selesai, klik tombol “Publish” pada kotak dialog publish

Disebelah kanan halaman “Add New Post” terdapat kotak dialog

seperti berikut ini

ESA121 #2ESA121 #2 996623 6623 -- Taufiqur RachmanTaufiqur Rachman

Tags dan Categories

TagsTags adalahadalah katakata kuncikunci untukuntuk artikelartikel yangyang ditulisditulis..BisanyaBisanya lebihlebih daridari 11,, idealnyaidealnya 33 –– 55..• Contoh: Artikel yang ditulis tentang definisi internet, maka

tag-nya dapat berupa internet, komputer, definisi, dsb.

CategoriesCategories adalahadalah KelompokKelompok artikelartikel yangyang ditulisditulisdengandengan ciriciri--ciriciri khususkhusus..• Contoh: Blog anda berisi bahan kuliah, maka artikel yang

ditulis tentang definisi internet, dapat dimasukkan kedalamkategori “Pengantar Aplikasi Komputer”.

ESA121 #2ESA121 #2 10106623 6623 -- Taufiqur RachmanTaufiqur Rachman

Page 6: EDITING BLOG ESA UNGGUL · ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog 6623 - Taufiqur Rachman 3 Merubah Tampilan (Themes) Blog• Sorot “Appearance” pada halaman Dasboard

ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog

6623 - Taufiqur Rachman 6

Memasukkan MediaPada halaman “Post” klik icon

disebelah tulisn “Upload/Insert”

Akan tampil kotak dialog “Add Media”

Tentukan lokasi penyimpanan media yang akan dimasukkan

Klik tombol “Pilih Berkas”

ESA121 #2ESA121 #2 11116623 6623 -- Taufiqur RachmanTaufiqur Rachman

Memasukkan Media

Tentukan/cari media/file yang ingin dimasukkan ke dalam

artikel

Klik “Open”

Akan tampil kembali kotak dialog “Add Media”, dengan nama media/file yang dipih,

kemudian klik tombol “Upload”

Akan tampil kotak dialog “Open”

ESA121 #2ESA121 #2 12126623 6623 -- Taufiqur RachmanTaufiqur Rachman

Page 7: EDITING BLOG ESA UNGGUL · ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog 6623 - Taufiqur Rachman 3 Merubah Tampilan (Themes) Blog• Sorot “Appearance” pada halaman Dasboard

ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog

6623 - Taufiqur Rachman 7

Memasukkan Media

Klik tombol “Edit” jika ingin memperbaiki media/file dan jika

perlu isi kolom informasi media

Jika sudah selesai, Klik tombol “Insert Into

Post”

Akan tampil kotak dialog seperti berikut

ESA121 #2ESA121 #2 13136623 6623 -- Taufiqur RachmanTaufiqur Rachman

Menulis Pada PagesPegesPeges adalahadalah halamanhalaman yangyang isinyaisinya tidaktidak berubahberubah--ubahubahatauatau halamanhalaman statisstatis

• Halaman ini biasanya di isi dengan identitas pembuatblog atau contact.

CaraCara membuatmembuat PagesPages• Masuk ke halaman “Dashboard”• Sorot/arahkan ke “Pages”• Klik “Add New”• Selanjutnya buat tulisan (cara menulis sama dengan

menulis pada halaman “Posting”)

ESA121 #2ESA121 #2 14146623 6623 -- Taufiqur RachmanTaufiqur Rachman

Page 8: EDITING BLOG ESA UNGGUL · ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog 6623 - Taufiqur Rachman 3 Merubah Tampilan (Themes) Blog• Sorot “Appearance” pada halaman Dasboard

ESA121 - Pengantar Aplikasi Komputer #2 Editing Blog

6623 - Taufiqur Rachman 8

Tugas 1• Buat blog pribadi anda, dengan aturan:

– Site Title : Minimal Berisi Nama dan NIM anda.– Tag Line : Minimal terdapat kata-kata Jurusan anda dan

Universitas Esa Unggul.• Desain blog anda (bebas).• Buat Widget “Link” (beri judul: Link Kuliah), isinya:

– Link untuk login blog (beri nama: Login Blog Mahasiswa)– Link untuk hybrid (beri nama: Hybrid Learning)

• Buat tulisan/artikel (posting) dalam blog anda (tema: cerita dirianda).

• Kirim tugas anda dengan memberikan alamat/link blog anda padaTugas 1 di hybrid learning.

ESA121 #2ESA121 #2 15156623 6623 -- Taufiqur RachmanTaufiqur Rachman

SekianSekian&&

Terima KasihTerima KasihESA121 #2ESA121 #2 6623 6623 -- Taufiqur RachmanTaufiqur Rachman 1616