PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan...

20
MODUL PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA MARDISISWO DI Susun Oleh: TIM PENYUSUN Program Studi Teknik Informatika Fakultas MIPA Universitas Diponegoro 2011

Transcript of PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan...

Page 1: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

 

MODUL 

PELATIHAN PEMBUATAN BLOG 

GURU DAN KARYAWAN SMA MARDISISWO 

 

 

DI Susun Oleh: 

TIM PENYUSUN 

 

 

Program Studi Teknik Informatika 

Fakultas MIPA Universitas Diponegoro 

2011

Page 2: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

 

DAFTAR ISI 

 

 

BAB I E-mail ........................................................................................................................... 1

A. Membuat E-mail .................................................................................................... 1

B. Cek e-mail ............................................................................................................... 4

C. Kirim E-mail ............................................................................................................ 5

BAB II Blog ............................................................................................................................. 6

A. Membuat Blog ......................................................................................................... 6

B. Hasil Pembuatan Blog ............................................................................................. 10

C. Membuat Artikel atau tulisan baru di halaman blog ............................................... 10

D. Mengupload file ke blog .......................................................................................... 12

E. Mengganti Tampilan (Appearance) ......................................................................... 16

 

 

 

Page 3: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

1  

BAB I E‐mail 

 

E‐mail atau bias kita  sebut  surat elektronik merupakan  fasilitas yang  terdapat dalam  internet untuk  kirim  mengirim  surat  dalam  bentuk  elektronik.  Banyak  website  yang  menyediakan fasilitas ini diantaranya yaitu yahoo.com, gmail.com, hotmail.com, dan lain‐lain. Pada modul ini akan  kita  bahas  salah  cara membuat  e‐mail  di  yahoo.com,  yang  nantinya  digunakan  untuk membuat  blog  di wordpress.com,  karena  untuk membuat  blog  harus memiliki  e‐mail  untuk mengaktifkan blog yang kita buat 

A. Membuat  E‐mail  

Langkah‐langkah membuat e‐mail di http://www.yahoo.com/   yaitu sebagai berikut : 

1) Buka browser (missal Mozilla Firefox atau internet explorer) 2) Ketik alamat web  http://www.yahoo.com/  sehingga akan tampil seperti pada gambar 

dibawah ini 

 

Page 4: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

2  

3) Klik Buat Account, sehingga akan tampil seperti pada gambar dibawah ini. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4) Isikan data‐data diri pada form diatas, kemudian klik  tombol Buat Account Saya, sehingga akan tampil seperti pada gambar dibawah ini: 

Page 5: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

3  

 

5) Klik lanjutkan , jika akan mengirim email, atau mengecek email, sehingga tampak seperti pada gambar berikut 

 

6) Klik Mail, sehingga akan tampil seperti pada gambar dibawah ini 

 

Page 6: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

4  

 

B. Cek e‐mail Setelah e‐mail sudah selesai dibuat dan sudah dibuka maka kita bias melakukan cek email apakah ada email yang masuk  tidak, dan bias mengirimkan email ke email orang  lain. Dari tampilan email pada gambar diatas, untuk melakukan pengecekan email dengan cara klik e‐mail masuk, sehingga akan tampil seperti pada gambar dibawah ini. 

 

Page 7: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

5  

C. Kirim E‐mail 

Pada gambar tampilan e‐mail ditas untuk mengirimkan e‐mail yaitu dengan memilih Tulis email, maka akan tampak seperti pada gambar dibawah ini 

 

Page 8: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

6  

BAB II BLOG  

Pada awalnya Blog digunakan untuk catatan pribadi oleh seseorang secara online, yaitu untuk menuliskan kejadian‐kejadian  luar biasa dalam perjalanan kehidupan sesorang. Dengan perkembangan  teknologi  Blog  digunakan  tidak  hanya  untuk menuliskan  catatan  pribadi  tapi dapat digunakan untuk menuliskan yang lain, misalnya seorang guru dapat mengupload materi atau soal ke blog, sehingga murid dapat mendownload materi dan soal tersebut dari Komputer yang  terhubung  di  internet  dimanapun  berada,  seorang  pengusaha  dapat  menawarkan produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. 

Pada  modul  ini  akan  di  pelajari  membuat  dan  mengedit  blog  di  wordpress.com,  meliputi cara membuat blog, membuat post baru dalam bentuk teks biasa, membuat post baru dengan mengupload file, dan mengganti tampilan (appearance). 

A. Membuat Blog 

Langkah‐langkah membuat blog di worpress.com yaitu sebagai berikut: 

1) Buka  browser  (missal  Mozilla  Firefox  dan  Internet  Explorer)  ketik  alamat  web http://wordpress.com, sehingga akan tampil seperti pada gambar dibawah ini: 

 

2) Klik Sign Up now, sehingga akan tampil seperti pada gambar dibawah ini. 

 

Page 9: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

7  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Page 10: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

8  

3) Dari  Form  gambar  diatas  isilah  data‐data  diri  anda  kemudian  Klik  Tombol  Create  Blog, sehingga jika pengisiannya benar akan tampak seperti pada gambar berikut 

 

4) Bukalah  email  anda  dan  Ceklah  Email  anda  sehingga  akan  tampil  seperti  pada  gambar dibawah ini: 

 

5) Pilih  email  yang  dikirm  dari Wordpress.com  sehingga  akan  tampil  seperti  pada  gambar dibawah ini 

Page 11: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

9  

 

6) Klik Activate Blog, sehingga akan tampil web baru seperti pada gambar dibawah ini. 

 

Page 12: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

10  

 

B. Hasil Pembuatan Blog 

Dari  langkah‐langkah  diatas  berarti  pembuatan  blog  sudah  selesai,  untuk membuka  hasilnya maka  tinggal  di  buka  dengan  cara  mengetikkan  alamat  blognya,  missal wachidazepiliana.wordpress.com, sehingga tampilannya seperti pada gambar dibawah ini 

 

C. Membuat Artikel atau tulisan baru di halaman blog Setelah selesai membuat maka kita dapan mengisi blog misalnya dengan artikel‐artikel yang kita kehendaki. Langkah‐langkah untuk membuat artikel di blog yaitu seperti pada  langkah‐langkah berikut: 

Page 13: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

11  

1) Buka Area Administrasi pada blog anda sehingga tampilannya seperti pada gambar dibawah ini. 

 2) Dari gambar diatas Klik Post, sehingga akan tampil seperti pada gambar dibawah ini 

 

Page 14: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

12  

3) Dari gambar diatas Klik Add New, sehingga akan tampil seperti pada gambar dibawah ini. 

 

4) Pada area Add New Post diatas, isilah judul dan isi dari artikel yang akan di buat kemudian klik tombol Publish 

D. Mengupload file ke blog 

Dengan  memakai  blog  kita  dapat  mengupload  file‐file  sehingga  nantinya  orang  lain  bias mendownloadnya, langkah‐langkahnya yaitu sebagai berikut: 

1) Buka Area Administrasi blog anda, pilih Post, dan pilih Add New, sehingga tampilannya seperti pada gambar dibawah ini 

 

Page 15: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

13  

2) Dari gambar diatas tulis judul artikelnya, kemudian letakan kursor untuk meletakkan file yang akan diupload dan kemudian klik Add An Image, sehingga akan tampil seperti pada gambar dibawah ini. 

 

3) Tunggu Sebentar, setelah itu akan tampil seperti pada gambar dibawah ini. 

 

4) Klik Select Files, sehingga akan tampil seperti pada gambar dibawah ini. 

Page 16: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

14  

 

5) Pilih File yang akan diupload kemudian klik Open, sehingga akan tampak seprti pada gambar dibawah ini 

 

6) Tunggu beberapa saat sampai proses upload selesai. Setelah selesai maka akan tampak seperti pada gambar dibawah ini. 

Page 17: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

15  

 

7) Kemudian Klik Insert Into Post, dan akan tampak seperti pada gambar dibawah ini. 

 

8) Dari gambar di atas klik Publish 9) Hasil dari upload file diatas yaitu seperti pada gambar dibawah ini. 

Page 18: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

16  

 

E. Mengganti Tampilan (Appearance) 

Tampilan pada blog bisa kita ubah sesuai dengan selera kita, untuk mengganti tampilan tersebut yaitu seperti langkah‐langkah berikut: 

1) Buka Area Administrasi Blog anda, seperti pada gambar dibawah ini. 

Page 19: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

17  

 

2) Klik Appearance, sehingga akan tampil seperti pada gambar dibawah ini. 

 

Page 20: PELATIHAN PEMBUATAN BLOG GURU DAN KARYAWAN SMA …produknya secara online di blog, seorang sastrawan dapat menulis cerita diblog, dan lain‐lain. Pada modul ini akan di pelajari membuat

18  

3) Klik Actifvate pada tampilan yang sesuai dengan selera kita 4) Hasil Merubah Apperance