LAPORAN

PENGABDIAN KEPADA MASYARAKAT (PkM)

UNIVERSITAS SEMARANG

PENERAPAN HTML DAN WEBLOG SEBAGAI MEDIA

PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL

BAGI PANTI ASUHAN AL JANNAH TUGU SEMARANG

Khoirudin SKom MEng NIDN 0622028901

Pengabdian Kepada Masyarakat Ini Dibiayai Oleh Universitas Semarang

Berdasarkan Surat Perjanjian Nomor 82USMH9N2017

TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INFORMASI DAN KOMUNIKASI

UNIVERSITAS SEMARANG

SEMESTER GENAP

TAHUN AJARAN 20162017

Pelaksana

i

HALAMAN PENGESAHAN

LAPORAN PENGABDIAN KEPADA MASYARAKAT

1 Judul PkM Penerapan HTML Dan Weblog Sebagai Media

Promosi Dan Pembelajaran Di Era Digital Bagi

Panti Asuhan Al Jannah Tugu Semarang

2 Ketua Tim Pengusul

a Nama Whisnumurti Adhiwibowo ST MKom

b NIDN 0612117602

c JabatanGolongan Asisten Ahli IIIB

d Program Studi Teknik Informatika

e Bidang Keahlian Network Management

f Alamat Surel Jl Soekarno Hatta Tlogo Sari Semarang

50196 Telp 024-6702757

Anggota Tim Pengusul

a Jumlah Anggota Dosen 2 orang

b Nama Anggota 1 Khoirudin SKom MEng

Bidang Keahlian Information Technology

c Nama Anggota 2 Muhammad Zakki Abdillah SKom MKom

Bidang Keahlian Web Development

3 Lokasi KegiatanMitra

a Wilayah Mitra Desa Tapak Kecamatan Tugu Kota Semarang

(DesaKecamatan)

b KabupatenKota Semarang

c Provinsi Jawa Tengah

d Jarak PT ke Lokasi 15 Km

mitra (KM)

4 Luaran yang dihasilkan Peningkatan Kemampuan dan Kreatifitas

5 Periode Pelaksanaan Semester Genap 20162017

6 Biaya Total Rp 300000000

Semarang 9 September 2017

Mengetahui

Dekan Fakultas TIK Ketua Pelaksana

Dr Titin Winarti SKom MM Whisnumurti Adhiwibowo ST MKom

NIDN 0627116901 NIDN 0612117602

Mengetahui

Ketua Lembaga Penelitian dan Pengabdian Masyarakat

Universitas Semarang

Dr Wyati SaddewisasiSE MSi

NIDN 0019016001

ii

HALAMAN PENGESAHAN REVIEWER

1 Judul Penerapan HTML Dan Weblog Sebagai Media Promosi

Dan Pembelajaran Di Era Digital Bagi Panti Asuhan Al

Jannah Tugu Semarang

2 Rumpun Ilmu 458 (Teknik Informatika)

Ketua Peneliti

a Nama Lengkap dan Gelar Whisnumurti Adhiwibowo ST MKom

b Jenis Kelamin Laki - laki

c NIDN NIS 0612117602 06557003102137

d Disiplin Ilmu Teknik Informatika

e Golongan III B

f Jabatan Fungsional Asisten Ahli

g FakultasProgram Studi FTIK Teknik Informatika

h Alamat Surel whisnuusmacid

3 Jumlah Anggota 2 (dua) orang

a Nama Anggota (1) Khoirudin SKom MEng

b Nama Anggota (2) Muhammad Zakki Abdillah MKom

4 Lokasi Pengabdian Panti Asuhan Al Jannah Semarang

5 Jangka Pelaksanaan 4 Bulan

Mengetahui Semarang 09 September 2017

Reviewer I Reviewer II

Dr Titin Winarti SKom MM Agus Margiantoro SSiMT

NIDN 0627116901 NIDN 0629037101

iii

RINGKASAN

Dalam era digital seperti sekarang ini kebutuhan akan pemahaman dan kemampuan

menguasai teknologi merupakan suatu yang mutlak harus kita kuasai Hai ini ditambah

dengan sulitnya untuk melakukan maintenance webside yang sudah mereka miliki saat ini

yaitu httpwwwaljannahsmgorg dimana website yang mereka miliki dibangun dengan

template bloger Melihat kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu kota

Semarang memiliki inisiatif untuk membakali anak didik mereka dengan pengetahuan

teknologi komputer dan mereka mampu untuk melakukan maintenance website yang mereka

punyai dan untuk meyelesaikan masalah tersebut panti asuhan Al Jannah mengajak tim PkM

Universitas Semarang untuk bekerjasama membantu mereka dalam menyelesaikan masalah

tersebut

Melihat permasalahan diatas kami menawarkan sebuah solusi yang kami kemas dalam

workshop dengan tema penerapan teknologi HTML dan weblog sebagai sarana pengayaan

teknologi dan sekaligus nantinya dapat dimanfaatkan sebagai sarana untuk media promosi

Keyword weblog panti asuhan HTML

iv

PRAKATA

Kegiatan pengabdian masyarakat merupakan bagian dari Tri Darma Perguruan tinggi

Puji syukur kita panjatkan kepada Tuhan Yang Maha Esa yang telah melimpahkan berkat

dan rahmat-Nya Sehingga kegiatan yang berlangsung di Panti Asuhan AL Jannah Tugu

Semarang Provinsi Jawa Tengah dapat berjalan dengan baik dan lancar

Kegiatan pengabdian masyarakat ini tidak lepas dari banyaknya dukungan berbagai

pihak untuk kami mengucapkan terima kasih sebesar-besarnya kepada

1 Prof DrHPahlawansjah Harahap SE ME Msi Selaku Rektor Universitas

Semarang yang telah menfasilitasi untuk melakukan kegiatan ini

2 DrWyati Saddewisasi SE Msi Selaku Ketua LPPM Universitas Semarang yang

telah menfasilitasi sehingga pengabdian ini dapat berjalan

3 Dr Titin Winarti SKomMM Selaku Dekan Fakultas Teknologi Informasi dan

Komunikasi Universitas Semarang yang telah membantu terlaksananya kegiatan

pengabdian ini

4 Segenap pengurus Panti Asuhan AL Jannah Kecamatan Tugu Semarang yang telah

banyak membantu dan berperan serta atas terselenggaranya kegiatan ini

5 Para santri Panti Asuhan AL Jannah yang telah berperan serta dalam kegiatan ini

Laporan ini tidak lepas dari kesalahan untuk itu kritik dan saran yang bersifat positif

sangat di harapkan guna menyempurnakan isi maupun redaksi Semoga laporan kegiatan

ini bermanfaat bagi semua pihak yang membutuhkan

Semarang 9 September 2017

Tim Penyusun

v

DAFTAR ISI

HALAMAN SAMPUL 0

HALAMAN PENGESAHAN i

HALAMAN PENGESAHAN REVIEWER ii

RINGKASAN iii

PRAKATA vi

DAFTAR ISI v

DAFTAR TABEL vii

DAFTAR LAMPIRAN viii

BAB I PENDAHULUAN 1

11 Latar Belakang 1

12 Identifikasi Masalah 2

13 Tujuan Kegiatan 2

14 Manfaat Kegiatan 2

BAB II TARGET DAN LUARAN3

21 Target Luaran 3

22 Luaran Hasil 3

BAB III METODE PELAKSANAAN 4

31 Kerangka Pemecahan Masalah 4

32 Realisasi Pelaksanaan Kegiatan 4

33 Khalayak Sasaran 5

34 Metode Kegiatan 6

35 Keterkaitan 6

36 Metode Terapan 6

BAB IV KELAYAKAN PERGURUAN TINGGI 7

41 Kinerja LPPM 7

42 Jenis Kepakaran 7

vi

BAB V HASIL DAN PEMBAHASAN 9

51 Hasil yang di dapat 9

52 Analisa terhadap hasil yang di peroleh 10

53 Evaluasi kegiatan 10

BAB VI KESIMPULAN DAN SARAN 11

61 Kesimpulan 11

62 Saran 11

vii

DAFTAR TABEL

Tabel 31 Peserta Pelatihan 10

Tabel 41 Hasil Kuesioner Pre Test dan Post Test 12

viii

DAFTAR LAMPIRAN

Lampiran 1 Daftar Hadir Peserta

Lampiran 2 Dokumentasi Kegiatan

Lampiran 3 Materi Kegiatan

Lampiran 4 Hasil Pelatihan

Lampiran 5 Surat Kontrak Perjanjian

Lampiran 6 ` Personalia Pengabdian Masyarakat

Lampiran 7 Peta Lokasi

Lampiran 8 Publikasi Media

1

BAB I

PENDAHULUAN

11 Latar Belakang

Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang

berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir

miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo

No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri

Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat

mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial

Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan

SMP dan SMA

Gambar 11 Gambar Panti Asuhan Al Jannah

Pola pengasuhan yang digunakan didalam panti ini adalah pola

pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi

menasehati dengan kata lembut menyapa saat bertemu bermusyawarah

Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan

dengan sistem pembujukan yaitu memberikan nasehat dengan lembut

berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem

pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang

tinggal di panti

2

Gambar 12 Santri Panti Asuhan sedang makan bersama

Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti

Para pengurus Panti Al Jannah paham betul dalam era digital dan

teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu

menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai

Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu

kota Semarang memiliki inisiatif untuk membakali anak didik mereka

dengan pengetahuan teknologi

3

Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah

mempunyai sebuah website yang berlamat pada

httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga

merasa belum dapat mengelola website tersebut dengan baik Selain itu

para pengurus juga menginginkan anak didik mereka mempunyai

pengetahuan yang baik tentang teknologi informasi dan internet terutama

dalam pengetahuan suatu website serta pengelolaannya

i

HALAMAN PENGESAHAN

LAPORAN PENGABDIAN KEPADA MASYARAKAT

1 Judul PkM Penerapan HTML Dan Weblog Sebagai Media

Promosi Dan Pembelajaran Di Era Digital Bagi

Panti Asuhan Al Jannah Tugu Semarang

2 Ketua Tim Pengusul

a Nama Whisnumurti Adhiwibowo ST MKom

b NIDN 0612117602

c JabatanGolongan Asisten Ahli IIIB

d Program Studi Teknik Informatika

e Bidang Keahlian Network Management

f Alamat Surel Jl Soekarno Hatta Tlogo Sari Semarang

50196 Telp 024-6702757

Anggota Tim Pengusul

a Jumlah Anggota Dosen 2 orang

b Nama Anggota 1 Khoirudin SKom MEng

Bidang Keahlian Information Technology

c Nama Anggota 2 Muhammad Zakki Abdillah SKom MKom

Bidang Keahlian Web Development

3 Lokasi KegiatanMitra

a Wilayah Mitra Desa Tapak Kecamatan Tugu Kota Semarang

(DesaKecamatan)

b KabupatenKota Semarang

c Provinsi Jawa Tengah

d Jarak PT ke Lokasi 15 Km

mitra (KM)

4 Luaran yang dihasilkan Peningkatan Kemampuan dan Kreatifitas

5 Periode Pelaksanaan Semester Genap 20162017

6 Biaya Total Rp 300000000

Semarang 9 September 2017

Mengetahui

Dekan Fakultas TIK Ketua Pelaksana

Dr Titin Winarti SKom MM Whisnumurti Adhiwibowo ST MKom

NIDN 0627116901 NIDN 0612117602

Mengetahui

Ketua Lembaga Penelitian dan Pengabdian Masyarakat

Universitas Semarang

Dr Wyati SaddewisasiSE MSi

NIDN 0019016001

ii

HALAMAN PENGESAHAN REVIEWER

1 Judul Penerapan HTML Dan Weblog Sebagai Media Promosi

Dan Pembelajaran Di Era Digital Bagi Panti Asuhan Al

Jannah Tugu Semarang

2 Rumpun Ilmu 458 (Teknik Informatika)

Ketua Peneliti

a Nama Lengkap dan Gelar Whisnumurti Adhiwibowo ST MKom

b Jenis Kelamin Laki - laki

c NIDN NIS 0612117602 06557003102137

d Disiplin Ilmu Teknik Informatika

e Golongan III B

f Jabatan Fungsional Asisten Ahli

g FakultasProgram Studi FTIK Teknik Informatika

h Alamat Surel whisnuusmacid

3 Jumlah Anggota 2 (dua) orang

a Nama Anggota (1) Khoirudin SKom MEng

b Nama Anggota (2) Muhammad Zakki Abdillah MKom

4 Lokasi Pengabdian Panti Asuhan Al Jannah Semarang

5 Jangka Pelaksanaan 4 Bulan

Mengetahui Semarang 09 September 2017

Reviewer I Reviewer II

Dr Titin Winarti SKom MM Agus Margiantoro SSiMT

NIDN 0627116901 NIDN 0629037101

iii

RINGKASAN

Dalam era digital seperti sekarang ini kebutuhan akan pemahaman dan kemampuan

menguasai teknologi merupakan suatu yang mutlak harus kita kuasai Hai ini ditambah

dengan sulitnya untuk melakukan maintenance webside yang sudah mereka miliki saat ini

yaitu httpwwwaljannahsmgorg dimana website yang mereka miliki dibangun dengan

template bloger Melihat kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu kota

Semarang memiliki inisiatif untuk membakali anak didik mereka dengan pengetahuan

teknologi komputer dan mereka mampu untuk melakukan maintenance website yang mereka

punyai dan untuk meyelesaikan masalah tersebut panti asuhan Al Jannah mengajak tim PkM

Universitas Semarang untuk bekerjasama membantu mereka dalam menyelesaikan masalah

tersebut

Melihat permasalahan diatas kami menawarkan sebuah solusi yang kami kemas dalam

workshop dengan tema penerapan teknologi HTML dan weblog sebagai sarana pengayaan

teknologi dan sekaligus nantinya dapat dimanfaatkan sebagai sarana untuk media promosi

Keyword weblog panti asuhan HTML

iv

PRAKATA

Kegiatan pengabdian masyarakat merupakan bagian dari Tri Darma Perguruan tinggi

Puji syukur kita panjatkan kepada Tuhan Yang Maha Esa yang telah melimpahkan berkat

dan rahmat-Nya Sehingga kegiatan yang berlangsung di Panti Asuhan AL Jannah Tugu

Semarang Provinsi Jawa Tengah dapat berjalan dengan baik dan lancar

Kegiatan pengabdian masyarakat ini tidak lepas dari banyaknya dukungan berbagai

pihak untuk kami mengucapkan terima kasih sebesar-besarnya kepada

1 Prof DrHPahlawansjah Harahap SE ME Msi Selaku Rektor Universitas

Semarang yang telah menfasilitasi untuk melakukan kegiatan ini

2 DrWyati Saddewisasi SE Msi Selaku Ketua LPPM Universitas Semarang yang

telah menfasilitasi sehingga pengabdian ini dapat berjalan

3 Dr Titin Winarti SKomMM Selaku Dekan Fakultas Teknologi Informasi dan

Komunikasi Universitas Semarang yang telah membantu terlaksananya kegiatan

pengabdian ini

4 Segenap pengurus Panti Asuhan AL Jannah Kecamatan Tugu Semarang yang telah

banyak membantu dan berperan serta atas terselenggaranya kegiatan ini

5 Para santri Panti Asuhan AL Jannah yang telah berperan serta dalam kegiatan ini

Laporan ini tidak lepas dari kesalahan untuk itu kritik dan saran yang bersifat positif

sangat di harapkan guna menyempurnakan isi maupun redaksi Semoga laporan kegiatan

ini bermanfaat bagi semua pihak yang membutuhkan

Semarang 9 September 2017

Tim Penyusun

v

DAFTAR ISI

HALAMAN SAMPUL 0

HALAMAN PENGESAHAN i

HALAMAN PENGESAHAN REVIEWER ii

RINGKASAN iii

PRAKATA vi

DAFTAR ISI v

DAFTAR TABEL vii

DAFTAR LAMPIRAN viii

BAB I PENDAHULUAN 1

11 Latar Belakang 1

12 Identifikasi Masalah 2

13 Tujuan Kegiatan 2

14 Manfaat Kegiatan 2

BAB II TARGET DAN LUARAN3

21 Target Luaran 3

22 Luaran Hasil 3

BAB III METODE PELAKSANAAN 4

31 Kerangka Pemecahan Masalah 4

32 Realisasi Pelaksanaan Kegiatan 4

33 Khalayak Sasaran 5

34 Metode Kegiatan 6

35 Keterkaitan 6

36 Metode Terapan 6

BAB IV KELAYAKAN PERGURUAN TINGGI 7

41 Kinerja LPPM 7

42 Jenis Kepakaran 7

vi

BAB V HASIL DAN PEMBAHASAN 9

51 Hasil yang di dapat 9

52 Analisa terhadap hasil yang di peroleh 10

53 Evaluasi kegiatan 10

BAB VI KESIMPULAN DAN SARAN 11

61 Kesimpulan 11

62 Saran 11

vii

DAFTAR TABEL

Tabel 31 Peserta Pelatihan 10

Tabel 41 Hasil Kuesioner Pre Test dan Post Test 12

viii

DAFTAR LAMPIRAN

Lampiran 1 Daftar Hadir Peserta

Lampiran 2 Dokumentasi Kegiatan

Lampiran 3 Materi Kegiatan

Lampiran 4 Hasil Pelatihan

Lampiran 5 Surat Kontrak Perjanjian

Lampiran 6 ` Personalia Pengabdian Masyarakat

Lampiran 7 Peta Lokasi

Lampiran 8 Publikasi Media

1

BAB I

PENDAHULUAN

11 Latar Belakang

Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang

berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir

miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo

No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri

Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat

mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial

Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan

SMP dan SMA

Gambar 11 Gambar Panti Asuhan Al Jannah

Pola pengasuhan yang digunakan didalam panti ini adalah pola

pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi

menasehati dengan kata lembut menyapa saat bertemu bermusyawarah

Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan

dengan sistem pembujukan yaitu memberikan nasehat dengan lembut

berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem

pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang

tinggal di panti

2

Gambar 12 Santri Panti Asuhan sedang makan bersama

Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti

Para pengurus Panti Al Jannah paham betul dalam era digital dan

teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu

menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai

Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu

kota Semarang memiliki inisiatif untuk membakali anak didik mereka

dengan pengetahuan teknologi

3

Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah

mempunyai sebuah website yang berlamat pada

httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga

merasa belum dapat mengelola website tersebut dengan baik Selain itu

para pengurus juga menginginkan anak didik mereka mempunyai

pengetahuan yang baik tentang teknologi informasi dan internet terutama

dalam pengetahuan suatu website serta pengelolaannya

ii

HALAMAN PENGESAHAN REVIEWER

1 Judul Penerapan HTML Dan Weblog Sebagai Media Promosi

Dan Pembelajaran Di Era Digital Bagi Panti Asuhan Al

Jannah Tugu Semarang

2 Rumpun Ilmu 458 (Teknik Informatika)

Ketua Peneliti

a Nama Lengkap dan Gelar Whisnumurti Adhiwibowo ST MKom

b Jenis Kelamin Laki - laki

c NIDN NIS 0612117602 06557003102137

d Disiplin Ilmu Teknik Informatika

e Golongan III B

f Jabatan Fungsional Asisten Ahli

g FakultasProgram Studi FTIK Teknik Informatika

h Alamat Surel whisnuusmacid

3 Jumlah Anggota 2 (dua) orang

a Nama Anggota (1) Khoirudin SKom MEng

b Nama Anggota (2) Muhammad Zakki Abdillah MKom

4 Lokasi Pengabdian Panti Asuhan Al Jannah Semarang

5 Jangka Pelaksanaan 4 Bulan

Mengetahui Semarang 09 September 2017

Reviewer I Reviewer II

Dr Titin Winarti SKom MM Agus Margiantoro SSiMT

NIDN 0627116901 NIDN 0629037101

iii

RINGKASAN

Dalam era digital seperti sekarang ini kebutuhan akan pemahaman dan kemampuan

menguasai teknologi merupakan suatu yang mutlak harus kita kuasai Hai ini ditambah

dengan sulitnya untuk melakukan maintenance webside yang sudah mereka miliki saat ini

yaitu httpwwwaljannahsmgorg dimana website yang mereka miliki dibangun dengan

template bloger Melihat kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu kota

Semarang memiliki inisiatif untuk membakali anak didik mereka dengan pengetahuan

teknologi komputer dan mereka mampu untuk melakukan maintenance website yang mereka

punyai dan untuk meyelesaikan masalah tersebut panti asuhan Al Jannah mengajak tim PkM

Universitas Semarang untuk bekerjasama membantu mereka dalam menyelesaikan masalah

tersebut

Melihat permasalahan diatas kami menawarkan sebuah solusi yang kami kemas dalam

workshop dengan tema penerapan teknologi HTML dan weblog sebagai sarana pengayaan

teknologi dan sekaligus nantinya dapat dimanfaatkan sebagai sarana untuk media promosi

Keyword weblog panti asuhan HTML

iv

PRAKATA

Kegiatan pengabdian masyarakat merupakan bagian dari Tri Darma Perguruan tinggi

Puji syukur kita panjatkan kepada Tuhan Yang Maha Esa yang telah melimpahkan berkat

dan rahmat-Nya Sehingga kegiatan yang berlangsung di Panti Asuhan AL Jannah Tugu

Semarang Provinsi Jawa Tengah dapat berjalan dengan baik dan lancar

Kegiatan pengabdian masyarakat ini tidak lepas dari banyaknya dukungan berbagai

pihak untuk kami mengucapkan terima kasih sebesar-besarnya kepada

1 Prof DrHPahlawansjah Harahap SE ME Msi Selaku Rektor Universitas

Semarang yang telah menfasilitasi untuk melakukan kegiatan ini

2 DrWyati Saddewisasi SE Msi Selaku Ketua LPPM Universitas Semarang yang

telah menfasilitasi sehingga pengabdian ini dapat berjalan

3 Dr Titin Winarti SKomMM Selaku Dekan Fakultas Teknologi Informasi dan

Komunikasi Universitas Semarang yang telah membantu terlaksananya kegiatan

pengabdian ini

4 Segenap pengurus Panti Asuhan AL Jannah Kecamatan Tugu Semarang yang telah

banyak membantu dan berperan serta atas terselenggaranya kegiatan ini

5 Para santri Panti Asuhan AL Jannah yang telah berperan serta dalam kegiatan ini

Laporan ini tidak lepas dari kesalahan untuk itu kritik dan saran yang bersifat positif

sangat di harapkan guna menyempurnakan isi maupun redaksi Semoga laporan kegiatan

ini bermanfaat bagi semua pihak yang membutuhkan

Semarang 9 September 2017

Tim Penyusun

v

DAFTAR ISI

HALAMAN SAMPUL 0

HALAMAN PENGESAHAN i

HALAMAN PENGESAHAN REVIEWER ii

RINGKASAN iii

PRAKATA vi

DAFTAR ISI v

DAFTAR TABEL vii

DAFTAR LAMPIRAN viii

BAB I PENDAHULUAN 1

11 Latar Belakang 1

12 Identifikasi Masalah 2

13 Tujuan Kegiatan 2

14 Manfaat Kegiatan 2

BAB II TARGET DAN LUARAN3

21 Target Luaran 3

22 Luaran Hasil 3

BAB III METODE PELAKSANAAN 4

31 Kerangka Pemecahan Masalah 4

32 Realisasi Pelaksanaan Kegiatan 4

33 Khalayak Sasaran 5

34 Metode Kegiatan 6

35 Keterkaitan 6

36 Metode Terapan 6

BAB IV KELAYAKAN PERGURUAN TINGGI 7

41 Kinerja LPPM 7

42 Jenis Kepakaran 7

vi

BAB V HASIL DAN PEMBAHASAN 9

51 Hasil yang di dapat 9

52 Analisa terhadap hasil yang di peroleh 10

53 Evaluasi kegiatan 10

BAB VI KESIMPULAN DAN SARAN 11

61 Kesimpulan 11

62 Saran 11

vii

DAFTAR TABEL

Tabel 31 Peserta Pelatihan 10

Tabel 41 Hasil Kuesioner Pre Test dan Post Test 12

viii

DAFTAR LAMPIRAN

Lampiran 1 Daftar Hadir Peserta

Lampiran 2 Dokumentasi Kegiatan

Lampiran 3 Materi Kegiatan

Lampiran 4 Hasil Pelatihan

Lampiran 5 Surat Kontrak Perjanjian

Lampiran 6 ` Personalia Pengabdian Masyarakat

Lampiran 7 Peta Lokasi

Lampiran 8 Publikasi Media

1

BAB I

PENDAHULUAN

11 Latar Belakang

Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang

berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir

miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo

No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri

Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat

mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial

Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan

SMP dan SMA

Gambar 11 Gambar Panti Asuhan Al Jannah

Pola pengasuhan yang digunakan didalam panti ini adalah pola

pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi

menasehati dengan kata lembut menyapa saat bertemu bermusyawarah

Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan

dengan sistem pembujukan yaitu memberikan nasehat dengan lembut

berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem

pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang

tinggal di panti

2

Gambar 12 Santri Panti Asuhan sedang makan bersama

Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti

Para pengurus Panti Al Jannah paham betul dalam era digital dan

teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu

menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai

Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu

kota Semarang memiliki inisiatif untuk membakali anak didik mereka

dengan pengetahuan teknologi

3

Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah

mempunyai sebuah website yang berlamat pada

httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga

merasa belum dapat mengelola website tersebut dengan baik Selain itu

para pengurus juga menginginkan anak didik mereka mempunyai

pengetahuan yang baik tentang teknologi informasi dan internet terutama

dalam pengetahuan suatu website serta pengelolaannya

iii

RINGKASAN

Dalam era digital seperti sekarang ini kebutuhan akan pemahaman dan kemampuan

menguasai teknologi merupakan suatu yang mutlak harus kita kuasai Hai ini ditambah

dengan sulitnya untuk melakukan maintenance webside yang sudah mereka miliki saat ini

yaitu httpwwwaljannahsmgorg dimana website yang mereka miliki dibangun dengan

template bloger Melihat kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu kota

Semarang memiliki inisiatif untuk membakali anak didik mereka dengan pengetahuan

teknologi komputer dan mereka mampu untuk melakukan maintenance website yang mereka

punyai dan untuk meyelesaikan masalah tersebut panti asuhan Al Jannah mengajak tim PkM

Universitas Semarang untuk bekerjasama membantu mereka dalam menyelesaikan masalah

tersebut

Melihat permasalahan diatas kami menawarkan sebuah solusi yang kami kemas dalam

workshop dengan tema penerapan teknologi HTML dan weblog sebagai sarana pengayaan

teknologi dan sekaligus nantinya dapat dimanfaatkan sebagai sarana untuk media promosi

Keyword weblog panti asuhan HTML

iv

PRAKATA

Kegiatan pengabdian masyarakat merupakan bagian dari Tri Darma Perguruan tinggi

Puji syukur kita panjatkan kepada Tuhan Yang Maha Esa yang telah melimpahkan berkat

dan rahmat-Nya Sehingga kegiatan yang berlangsung di Panti Asuhan AL Jannah Tugu

Semarang Provinsi Jawa Tengah dapat berjalan dengan baik dan lancar

Kegiatan pengabdian masyarakat ini tidak lepas dari banyaknya dukungan berbagai

pihak untuk kami mengucapkan terima kasih sebesar-besarnya kepada

1 Prof DrHPahlawansjah Harahap SE ME Msi Selaku Rektor Universitas

Semarang yang telah menfasilitasi untuk melakukan kegiatan ini

2 DrWyati Saddewisasi SE Msi Selaku Ketua LPPM Universitas Semarang yang

telah menfasilitasi sehingga pengabdian ini dapat berjalan

3 Dr Titin Winarti SKomMM Selaku Dekan Fakultas Teknologi Informasi dan

Komunikasi Universitas Semarang yang telah membantu terlaksananya kegiatan

pengabdian ini

4 Segenap pengurus Panti Asuhan AL Jannah Kecamatan Tugu Semarang yang telah

banyak membantu dan berperan serta atas terselenggaranya kegiatan ini

5 Para santri Panti Asuhan AL Jannah yang telah berperan serta dalam kegiatan ini

Laporan ini tidak lepas dari kesalahan untuk itu kritik dan saran yang bersifat positif

sangat di harapkan guna menyempurnakan isi maupun redaksi Semoga laporan kegiatan

ini bermanfaat bagi semua pihak yang membutuhkan

Semarang 9 September 2017

Tim Penyusun

v

DAFTAR ISI

HALAMAN SAMPUL 0

HALAMAN PENGESAHAN i

HALAMAN PENGESAHAN REVIEWER ii

RINGKASAN iii

PRAKATA vi

DAFTAR ISI v

DAFTAR TABEL vii

DAFTAR LAMPIRAN viii

BAB I PENDAHULUAN 1

11 Latar Belakang 1

12 Identifikasi Masalah 2

13 Tujuan Kegiatan 2

14 Manfaat Kegiatan 2

BAB II TARGET DAN LUARAN3

21 Target Luaran 3

22 Luaran Hasil 3

BAB III METODE PELAKSANAAN 4

31 Kerangka Pemecahan Masalah 4

32 Realisasi Pelaksanaan Kegiatan 4

33 Khalayak Sasaran 5

34 Metode Kegiatan 6

35 Keterkaitan 6

36 Metode Terapan 6

BAB IV KELAYAKAN PERGURUAN TINGGI 7

41 Kinerja LPPM 7

42 Jenis Kepakaran 7

vi

BAB V HASIL DAN PEMBAHASAN 9

51 Hasil yang di dapat 9

52 Analisa terhadap hasil yang di peroleh 10

53 Evaluasi kegiatan 10

BAB VI KESIMPULAN DAN SARAN 11

61 Kesimpulan 11

62 Saran 11

vii

DAFTAR TABEL

Tabel 31 Peserta Pelatihan 10

Tabel 41 Hasil Kuesioner Pre Test dan Post Test 12

viii

DAFTAR LAMPIRAN

Lampiran 1 Daftar Hadir Peserta

Lampiran 2 Dokumentasi Kegiatan

Lampiran 3 Materi Kegiatan

Lampiran 4 Hasil Pelatihan

Lampiran 5 Surat Kontrak Perjanjian

Lampiran 6 ` Personalia Pengabdian Masyarakat

Lampiran 7 Peta Lokasi

Lampiran 8 Publikasi Media

1

BAB I

PENDAHULUAN

11 Latar Belakang

Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang

berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir

miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo

No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri

Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat

mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial

Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan

SMP dan SMA

Gambar 11 Gambar Panti Asuhan Al Jannah

Pola pengasuhan yang digunakan didalam panti ini adalah pola

pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi

menasehati dengan kata lembut menyapa saat bertemu bermusyawarah

Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan

dengan sistem pembujukan yaitu memberikan nasehat dengan lembut

berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem

pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang

tinggal di panti

2

Gambar 12 Santri Panti Asuhan sedang makan bersama

Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti

Para pengurus Panti Al Jannah paham betul dalam era digital dan

teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu

menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai

Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu

kota Semarang memiliki inisiatif untuk membakali anak didik mereka

dengan pengetahuan teknologi

3

Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah

mempunyai sebuah website yang berlamat pada

httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga

merasa belum dapat mengelola website tersebut dengan baik Selain itu

para pengurus juga menginginkan anak didik mereka mempunyai

pengetahuan yang baik tentang teknologi informasi dan internet terutama

dalam pengetahuan suatu website serta pengelolaannya

iv

PRAKATA

Kegiatan pengabdian masyarakat merupakan bagian dari Tri Darma Perguruan tinggi

Puji syukur kita panjatkan kepada Tuhan Yang Maha Esa yang telah melimpahkan berkat

dan rahmat-Nya Sehingga kegiatan yang berlangsung di Panti Asuhan AL Jannah Tugu

Semarang Provinsi Jawa Tengah dapat berjalan dengan baik dan lancar

Kegiatan pengabdian masyarakat ini tidak lepas dari banyaknya dukungan berbagai

pihak untuk kami mengucapkan terima kasih sebesar-besarnya kepada

1 Prof DrHPahlawansjah Harahap SE ME Msi Selaku Rektor Universitas

Semarang yang telah menfasilitasi untuk melakukan kegiatan ini

2 DrWyati Saddewisasi SE Msi Selaku Ketua LPPM Universitas Semarang yang

telah menfasilitasi sehingga pengabdian ini dapat berjalan

3 Dr Titin Winarti SKomMM Selaku Dekan Fakultas Teknologi Informasi dan

Komunikasi Universitas Semarang yang telah membantu terlaksananya kegiatan

pengabdian ini

4 Segenap pengurus Panti Asuhan AL Jannah Kecamatan Tugu Semarang yang telah

banyak membantu dan berperan serta atas terselenggaranya kegiatan ini

5 Para santri Panti Asuhan AL Jannah yang telah berperan serta dalam kegiatan ini

Laporan ini tidak lepas dari kesalahan untuk itu kritik dan saran yang bersifat positif

sangat di harapkan guna menyempurnakan isi maupun redaksi Semoga laporan kegiatan

ini bermanfaat bagi semua pihak yang membutuhkan

Semarang 9 September 2017

Tim Penyusun

v

DAFTAR ISI

HALAMAN SAMPUL 0

HALAMAN PENGESAHAN i

HALAMAN PENGESAHAN REVIEWER ii

RINGKASAN iii

PRAKATA vi

DAFTAR ISI v

DAFTAR TABEL vii

DAFTAR LAMPIRAN viii

BAB I PENDAHULUAN 1

11 Latar Belakang 1

12 Identifikasi Masalah 2

13 Tujuan Kegiatan 2

14 Manfaat Kegiatan 2

BAB II TARGET DAN LUARAN3

21 Target Luaran 3

22 Luaran Hasil 3

BAB III METODE PELAKSANAAN 4

31 Kerangka Pemecahan Masalah 4

32 Realisasi Pelaksanaan Kegiatan 4

33 Khalayak Sasaran 5

34 Metode Kegiatan 6

35 Keterkaitan 6

36 Metode Terapan 6

BAB IV KELAYAKAN PERGURUAN TINGGI 7

41 Kinerja LPPM 7

42 Jenis Kepakaran 7

vi

BAB V HASIL DAN PEMBAHASAN 9

51 Hasil yang di dapat 9

52 Analisa terhadap hasil yang di peroleh 10

53 Evaluasi kegiatan 10

BAB VI KESIMPULAN DAN SARAN 11

61 Kesimpulan 11

62 Saran 11

vii

DAFTAR TABEL

Tabel 31 Peserta Pelatihan 10

Tabel 41 Hasil Kuesioner Pre Test dan Post Test 12

viii

DAFTAR LAMPIRAN

Lampiran 1 Daftar Hadir Peserta

Lampiran 2 Dokumentasi Kegiatan

Lampiran 3 Materi Kegiatan

Lampiran 4 Hasil Pelatihan

Lampiran 5 Surat Kontrak Perjanjian

Lampiran 6 ` Personalia Pengabdian Masyarakat

Lampiran 7 Peta Lokasi

Lampiran 8 Publikasi Media

1

BAB I

PENDAHULUAN

11 Latar Belakang

Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang

berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir

miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo

No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri

Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat

mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial

Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan

SMP dan SMA

Gambar 11 Gambar Panti Asuhan Al Jannah

Pola pengasuhan yang digunakan didalam panti ini adalah pola

pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi

menasehati dengan kata lembut menyapa saat bertemu bermusyawarah

Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan

dengan sistem pembujukan yaitu memberikan nasehat dengan lembut

berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem

pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang

tinggal di panti

2

Gambar 12 Santri Panti Asuhan sedang makan bersama

Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti

Para pengurus Panti Al Jannah paham betul dalam era digital dan

teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu

menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai

Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu

kota Semarang memiliki inisiatif untuk membakali anak didik mereka

dengan pengetahuan teknologi

3

Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah

mempunyai sebuah website yang berlamat pada

httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga

merasa belum dapat mengelola website tersebut dengan baik Selain itu

para pengurus juga menginginkan anak didik mereka mempunyai

pengetahuan yang baik tentang teknologi informasi dan internet terutama

dalam pengetahuan suatu website serta pengelolaannya

v

DAFTAR ISI

HALAMAN SAMPUL 0

HALAMAN PENGESAHAN i

HALAMAN PENGESAHAN REVIEWER ii

RINGKASAN iii

PRAKATA vi

DAFTAR ISI v

DAFTAR TABEL vii

DAFTAR LAMPIRAN viii

BAB I PENDAHULUAN 1

11 Latar Belakang 1

12 Identifikasi Masalah 2

13 Tujuan Kegiatan 2

14 Manfaat Kegiatan 2

BAB II TARGET DAN LUARAN3

21 Target Luaran 3

22 Luaran Hasil 3

BAB III METODE PELAKSANAAN 4

31 Kerangka Pemecahan Masalah 4

32 Realisasi Pelaksanaan Kegiatan 4

33 Khalayak Sasaran 5

34 Metode Kegiatan 6

35 Keterkaitan 6

36 Metode Terapan 6

BAB IV KELAYAKAN PERGURUAN TINGGI 7

41 Kinerja LPPM 7

42 Jenis Kepakaran 7

vi

BAB V HASIL DAN PEMBAHASAN 9

51 Hasil yang di dapat 9

52 Analisa terhadap hasil yang di peroleh 10

53 Evaluasi kegiatan 10

BAB VI KESIMPULAN DAN SARAN 11

61 Kesimpulan 11

62 Saran 11

vii

DAFTAR TABEL

Tabel 31 Peserta Pelatihan 10

Tabel 41 Hasil Kuesioner Pre Test dan Post Test 12

viii

DAFTAR LAMPIRAN

Lampiran 1 Daftar Hadir Peserta

Lampiran 2 Dokumentasi Kegiatan

Lampiran 3 Materi Kegiatan

Lampiran 4 Hasil Pelatihan

Lampiran 5 Surat Kontrak Perjanjian

Lampiran 6 ` Personalia Pengabdian Masyarakat

Lampiran 7 Peta Lokasi

Lampiran 8 Publikasi Media

1

BAB I

PENDAHULUAN

11 Latar Belakang

Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang

berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir

miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo

No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri

Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat

mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial

Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan

SMP dan SMA

Gambar 11 Gambar Panti Asuhan Al Jannah

Pola pengasuhan yang digunakan didalam panti ini adalah pola

pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi

menasehati dengan kata lembut menyapa saat bertemu bermusyawarah

Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan

dengan sistem pembujukan yaitu memberikan nasehat dengan lembut

berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem

pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang

tinggal di panti

2

Gambar 12 Santri Panti Asuhan sedang makan bersama

Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti

Para pengurus Panti Al Jannah paham betul dalam era digital dan

teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu

menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai

Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu

kota Semarang memiliki inisiatif untuk membakali anak didik mereka

dengan pengetahuan teknologi

3

Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah

mempunyai sebuah website yang berlamat pada

httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga

merasa belum dapat mengelola website tersebut dengan baik Selain itu

para pengurus juga menginginkan anak didik mereka mempunyai

pengetahuan yang baik tentang teknologi informasi dan internet terutama

dalam pengetahuan suatu website serta pengelolaannya

vi

BAB V HASIL DAN PEMBAHASAN 9

51 Hasil yang di dapat 9

52 Analisa terhadap hasil yang di peroleh 10

53 Evaluasi kegiatan 10

BAB VI KESIMPULAN DAN SARAN 11

61 Kesimpulan 11

62 Saran 11

vii

DAFTAR TABEL

Tabel 31 Peserta Pelatihan 10

Tabel 41 Hasil Kuesioner Pre Test dan Post Test 12

viii

DAFTAR LAMPIRAN

Lampiran 1 Daftar Hadir Peserta

Lampiran 2 Dokumentasi Kegiatan

Lampiran 3 Materi Kegiatan

Lampiran 4 Hasil Pelatihan

Lampiran 5 Surat Kontrak Perjanjian

Lampiran 6 ` Personalia Pengabdian Masyarakat

Lampiran 7 Peta Lokasi

Lampiran 8 Publikasi Media

1

BAB I

PENDAHULUAN

11 Latar Belakang

Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang

berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir

miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo

No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri

Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat

mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial

Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan

SMP dan SMA

Gambar 11 Gambar Panti Asuhan Al Jannah

Pola pengasuhan yang digunakan didalam panti ini adalah pola

pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi

menasehati dengan kata lembut menyapa saat bertemu bermusyawarah

Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan

dengan sistem pembujukan yaitu memberikan nasehat dengan lembut

berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem

pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang

tinggal di panti

2

Gambar 12 Santri Panti Asuhan sedang makan bersama

Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti

Para pengurus Panti Al Jannah paham betul dalam era digital dan

teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu

menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai

Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu

kota Semarang memiliki inisiatif untuk membakali anak didik mereka

dengan pengetahuan teknologi

3

Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah

mempunyai sebuah website yang berlamat pada

httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga

merasa belum dapat mengelola website tersebut dengan baik Selain itu

para pengurus juga menginginkan anak didik mereka mempunyai

pengetahuan yang baik tentang teknologi informasi dan internet terutama

dalam pengetahuan suatu website serta pengelolaannya

vii

DAFTAR TABEL

Tabel 31 Peserta Pelatihan 10

Tabel 41 Hasil Kuesioner Pre Test dan Post Test 12

viii

DAFTAR LAMPIRAN

Lampiran 1 Daftar Hadir Peserta

Lampiran 2 Dokumentasi Kegiatan

Lampiran 3 Materi Kegiatan

Lampiran 4 Hasil Pelatihan

Lampiran 5 Surat Kontrak Perjanjian

Lampiran 6 ` Personalia Pengabdian Masyarakat

Lampiran 7 Peta Lokasi

Lampiran 8 Publikasi Media

1

BAB I

PENDAHULUAN

11 Latar Belakang

Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang

berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir

miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo

No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri

Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat

mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial

Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan

SMP dan SMA

Gambar 11 Gambar Panti Asuhan Al Jannah

Pola pengasuhan yang digunakan didalam panti ini adalah pola

pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi

menasehati dengan kata lembut menyapa saat bertemu bermusyawarah

Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan

dengan sistem pembujukan yaitu memberikan nasehat dengan lembut

berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem

pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang

tinggal di panti

2

Gambar 12 Santri Panti Asuhan sedang makan bersama

Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti

Para pengurus Panti Al Jannah paham betul dalam era digital dan

teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu

menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai

Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu

kota Semarang memiliki inisiatif untuk membakali anak didik mereka

dengan pengetahuan teknologi

3

Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah

mempunyai sebuah website yang berlamat pada

httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga

merasa belum dapat mengelola website tersebut dengan baik Selain itu

para pengurus juga menginginkan anak didik mereka mempunyai

pengetahuan yang baik tentang teknologi informasi dan internet terutama

dalam pengetahuan suatu website serta pengelolaannya

viii

DAFTAR LAMPIRAN

Lampiran 1 Daftar Hadir Peserta

Lampiran 2 Dokumentasi Kegiatan

Lampiran 3 Materi Kegiatan

Lampiran 4 Hasil Pelatihan

Lampiran 5 Surat Kontrak Perjanjian

Lampiran 6 ` Personalia Pengabdian Masyarakat

Lampiran 7 Peta Lokasi

Lampiran 8 Publikasi Media

1

BAB I

PENDAHULUAN

11 Latar Belakang

Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang

berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir

miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo

No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri

Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat

mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial

Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan

SMP dan SMA

Gambar 11 Gambar Panti Asuhan Al Jannah

Pola pengasuhan yang digunakan didalam panti ini adalah pola

pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi

menasehati dengan kata lembut menyapa saat bertemu bermusyawarah

Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan

dengan sistem pembujukan yaitu memberikan nasehat dengan lembut

berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem

pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang

tinggal di panti

2

Gambar 12 Santri Panti Asuhan sedang makan bersama

Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti

Para pengurus Panti Al Jannah paham betul dalam era digital dan

teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu

menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai

Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu

kota Semarang memiliki inisiatif untuk membakali anak didik mereka

dengan pengetahuan teknologi

3

Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah

mempunyai sebuah website yang berlamat pada

httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga

merasa belum dapat mengelola website tersebut dengan baik Selain itu

para pengurus juga menginginkan anak didik mereka mempunyai

pengetahuan yang baik tentang teknologi informasi dan internet terutama

dalam pengetahuan suatu website serta pengelolaannya

1

BAB I

PENDAHULUAN

11 Latar Belakang

Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang

berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir

miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo

No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri

Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat

mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial

Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan

SMP dan SMA

Gambar 11 Gambar Panti Asuhan Al Jannah

Pola pengasuhan yang digunakan didalam panti ini adalah pola

pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi

menasehati dengan kata lembut menyapa saat bertemu bermusyawarah

Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan

dengan sistem pembujukan yaitu memberikan nasehat dengan lembut

berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem

pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang

tinggal di panti

2

Gambar 12 Santri Panti Asuhan sedang makan bersama

Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti

Para pengurus Panti Al Jannah paham betul dalam era digital dan

teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu

menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai

Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu

kota Semarang memiliki inisiatif untuk membakali anak didik mereka

dengan pengetahuan teknologi

3

Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah

mempunyai sebuah website yang berlamat pada

httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga

merasa belum dapat mengelola website tersebut dengan baik Selain itu

para pengurus juga menginginkan anak didik mereka mempunyai

pengetahuan yang baik tentang teknologi informasi dan internet terutama

dalam pengetahuan suatu website serta pengelolaannya

2

Gambar 12 Santri Panti Asuhan sedang makan bersama

Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti

Para pengurus Panti Al Jannah paham betul dalam era digital dan

teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu

menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai

Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu

kota Semarang memiliki inisiatif untuk membakali anak didik mereka

dengan pengetahuan teknologi

3

Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah

mempunyai sebuah website yang berlamat pada

httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga

merasa belum dapat mengelola website tersebut dengan baik Selain itu

para pengurus juga menginginkan anak didik mereka mempunyai

pengetahuan yang baik tentang teknologi informasi dan internet terutama

dalam pengetahuan suatu website serta pengelolaannya

3

Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah

mempunyai sebuah website yang berlamat pada

httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga

merasa belum dapat mengelola website tersebut dengan baik Selain itu

para pengurus juga menginginkan anak didik mereka mempunyai

pengetahuan yang baik tentang teknologi informasi dan internet terutama

dalam pengetahuan suatu website serta pengelolaannya

2

12 Identifikasi Masalah

Berdasarkan analisa situasi yang dialami oleh mitra kami dalam hal

ini adalah Panti Asuhan Al Jannah kami merangkum permasalahan tersebut

sebagai berikut

a Mitra merasa kesulitan dalam pengelolaan website

httpwwwaljannahsmgorg yang sudah mereka punya

b Mitra menginginkan anak didiknya memiliki pengetahuan yang baik

tentang teknologi informasi dan internet

Mitra ingin mengetahui cara membuat website dan manajemen

pengelolaanya

13 Tujuan Kegiatan

Tujuan dari kegiatan ini adalah memberikan pengetahuan kepada anak

panti dan pengurus panti bagaimana membuat sebuat webside dan mengelola

website dengan baik

14 Manfaat Kegiatan

Manfaat dari kegiatan pengabdian ini adalah

a Santri mendapatkan pengetahuan tentang teknologi informasi

b Santri mengetahui dan memahami tentang bagaimana membuat sebuah

website

c Santri mampu menghasilkan karya berupa website (weblog) dan mampu

mengelolanya dengan baik

d Santri dapat menyalurkan hoby menulis mereke lewat weblog

3

BAB II

TARGET DAN LUARAN

21 Target Luaran

Target luaran dari pelaksanaan PkM ini adalah

a Santri mendapatkan pengetahuan tentang teknologi informasi

b Santri mengetahui dan memahami tentang bagaimana membuat sebuah

website

c Santri mampu menghasilkan karya berupa website (weblog) dan mampu

mengelolanya dengan baik

d Santri dapat menyalurkan hoby menulis mereke lewat weblog

22 Luaran Hasil

Dari pengabdian yang kami lakukan yaitu yang kami kemas dalam workshop

kecil kami telah mendapatkan luaran sebagai berikut

1 Anak Panti mendapatkan pengetahuan tentang teknologi komputer

2 Anak panti mengetahui dan memahami tentang bagaimana membuat

website

3 Anak panti dapat mengelola weblog mereka dengan baik

Table 21 Capaian Luaran

No Jenis Luaran Indikator Capaian

1 Publikasi ilmiah di jurnalprosiding Tidak ada

2 Publikasi pada Media masa (cetakElektronik) Ada

3 Peningkatan omzet pada mitra yang bergerak dalam bidang

ekonomi Tidak Ada

4 Peningkatan kuantitas dan kualitas produk Tidak ada

5 Peningkatan pemahaman dan ketrampilan masyarakat Ada

6 Peningkatan ketentraman kesehatan masyarakat (mitra

masyarakat umum) Ada

7 Jasa model rekayasa sosial sistem produkbarang Ada

8

Hak kekayaan intelektual (paten paten sederhana hak cipta

merek dagang rahasia dagang desain produk industri

perlindungan varietas tanaman perlindungan topografi)

Tidak ada

9 Buku ajar Tidak ada

4

BAB III

METODE PELAKSANAAN

31 Kerangka Pemecahan Masalah

Memberikan pengetahuan dan peningkatan kemampuan membuat

dan mengelola weblog dengan menggunakan wordpress

32 Realisasi Pelaksanaan Kegiatan

Pelaksanaan kegiatan pengabdian yang berupa Pelatihan

Pembuatan weblog dengan wordpress ini di laksanakan hari senin tanggal 25

Mei 2017 bertempat di Aula Panti Asuhan Al Jannah Kecamatan Tugu

Semarang Barat Kegiatan ini berlangsung selama plusmn 5 jam yang di mulai

pukul 0900 hingga 1400 yang di ikuti sebanyak 25 peserta

Beberapa persiapan sebelum pelaksanaan kegiatan di lakukan

untuk mendukung kelancaran kegiatan sebagai berikut

1 Mengirim surat kesediaan Panti Asuhan Al Jannah perihal

kesediaannya untuk mengikuti pelatihan

2 Menerima tanggapan yang cukup antusias dari Panti Asuhan Al

Jannah atas kesediaannya dalam pelaksanaan kegiatan pengabdian

pada tanggal 25 Mei 2017

3 Tanggal tanggal 23 Mei 2016 melakukan pengecekan kesiapan

tempat dan peralatan penunjang agar dapat di gunakan dengan baik

dan pada saat pelaksanaan

4 Menyiapkan modul materi pelatihan dan perlengkapannya

5 Tanggal 25 Mei 2017 kegiatan pelatihan di mulai dari pukul 0900

hingga 1400 dengan susunan acara

a Peserta menempati ruangan

b Pembukaan pelatihan oleh pengurus Panti Asuhan Al Jannah

5

c Penyampaian materi oleh tim PkM Universitas Semarang

- Whisnumurti Adhiwibowo ST MKom (Etika dalam

Menulis dimedia sosial)

- Khoirudin SKom MEng (Cara searching yang baik dan

pengenalan weblog)

- Muhammad Zakki Abdillah SKom MKom (Membuat

weblog dan configurasi wordpress)

d Pemberian kenang-kenangan

e Di tutup dengan foto bersama dengan penghuni panti

33 Khalayak Sasaran

Peserta kegiatan ini terdiri dari 25 orang yaitu

Tabel 31 Peserta Pelatihan

No Nama Peserta Jenjang

Pendidikan

Status

1 Ari Erviana MASMA Penerima Manfaat

2 Arum Murnianingsih MASMA Penerima Manfaat

3 Arum Wulandari MASMA Penerima Manfaat

4 Dila Amalia SD Penerima Manfaat

5 Faizin MTsSMP Penerima Manfaat

6 Farida Nurhayati MASMA Penerima Manfaat

7 Hernawati MTsSMP Penerima Manfaat

8 Ima Nur Laila MTsSMP Penerima Manfaat

9 Indrika Nur Azizah MASMA Penerima Manfaat

10 Khomsatun Umamah MASMA Penerima Manfaat

11 Lina Mawaddah MASMA Penerima Manfaat

12 Linda Nur Safitri MTsSMP Penerima Manfaat

13 M Affan MTsSMP Penerima Manfaat

14 M Ahsan MTsSMP Penerima Manfaat

15 M Amin Abdullah MASMA Penerima Manfaat

16 Mariyatun MASMA Penerima Manfaat

6

17 Masyhuri MTsSMP Penerima Manfaat

18 Mei Anggita Anis A MASMA Penerima Manfaat

19 Mustaghfiroh MTsSMP Penerima Manfaat

20 Nasrullah MASMA Penerima Manfaat

21 Reno MTsSMP Penerima Manfaat

22 Rokaini MTsSMP Penerima Manfaat

23 Rozikin MTsSMP Penerima Manfaat

24 Samsul Arifin MTsSMP Penerima Manfaat

25 Ubaidillah MTsSMP Penerima Manfaat

34 Metode Kegiatan

Metode yang di gunakan berupa pelatihan weblog bersifat tutorial

bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi

waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat

kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide

masing-masing

35 Keterkaitan

Dengan adanya pelatihan ini di harapkan ini di harapkan para

santri memiliki pengetahuan dan dapat membuat weblog

36 Metode Terapan

Metode yang di gunakan dengan memberikan pelatihan membuat

weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah

Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam

Masing- masing peserta mendapatkan modul pelatihan

7

BAB IV

KELAYAKAN PERGURUAN TINGGI

41 Kinerja LPPM

LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan

kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas

Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status

LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini

menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai

dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM

2016-2020 dan telah disahkan oleh Ristek Dikti

Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi

dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang

dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen

selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat

Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian

yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian

kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan

Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian

dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan

dikoordinasi oleh LPPM

LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang

diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN

Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah

42 Jenis Kepakaran

Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan

kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya

juga mengajar dan aktif dalam dunia annimasi

Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif

dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang

8

disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat

dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut

1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development

2 Khoirudin SKom MEng (Anggota 1) Information Technology

3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development

Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh

tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman

pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan

9

BAB V

HASIL DAN PEMBAHASAN

51 Hasil yang di dapat

Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut

1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan

lewat weblog menyampaikan pesan-pesan positif

2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di

telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10

Soal (setiap soal berisikan pengetahuan dasar tentang computer dan

pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab

ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila

semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai

pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog

Hasil kuisoner dapat dilihat pada table 41 berikut

Tabel 41 Hasil Kuesioner Pre Test dan Post Test

No Nama Peserta Pre Test Post Test

1 Ari Erviana 4 7

2 Arum Murnianingsih 5 8

3 Arum Wulandari 4 9

4 Dila Amalia 5 7

5 Faizin 4 7

6 Farida Nurhayati 5 6

7 Hernawati 4 7

8 Ima Nur Laila 5 7

9 Indrika Nur Azizah 4 6

10 Khomsatun Umamah 5 7

11 Lina Mawaddah 4 8

12 Linda Nur Safitri 5 8

10

13 M Affan 4 8

14 M Ahsan 5 8

15 M Amin Abdullah 4 8

16 Mariyatun 5 8

17 Masyhuri 4 8

18 Mei Anggita Anis A 5 8

19 Mustaghfiroh 4 8

20 Nasrullah 5 8

21 Reno 5 8

22 Rokaini 4 8

23 Rozikin 5 8

24 Samsul Arifin 4 8

25 Ubaidillah 5 8

Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test

sebanyak 452 dan post-test sebesar 764

52 Analisa terhadap hasil yang di peroleh

Berdasarkan hasil yang di peroleh dari kegiatan ini adalah

Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan

pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif

semangat dan kreativitas para santri membuat weblog Harapannya para

santri dapat menuangkan ide kreatifnya ke dalam weblog untuk

menyampaikan pesan-pesan positif

Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada

table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan

kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para

santri tentang dasar komputer dan teknik dalam pembuatan weblog

53 Evaluasi kegiatan

Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan

selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif

para santri serta weblog yang berhasil mereka buat

11

BAB VI

KESIMPULAN DAN SARAN

61 Kesimpulan

Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi

USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah

kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan

mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan

pesan-pesan positif kepada masyarakat dengan memanfaatkan media

internet khususnya dengan media weblog

62 Saran

Saran yang dapat kami berikan sehubungan dengan kegiatan

pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar

proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu

berlatih secara mandiri untuk meningkat skill dalam bidang menulis

khususnya dalam bidang media sosial

DAFTAR PUSTAKA

Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO

(Search Engine Optimization) Pada Blog (Studi Kasus Nova13

com) Jurnal Teknologi Technoscientia 6(1) 80-88

Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal

Cakrawala Kependidikan 8(2)

Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran

di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu

Komunikasi Universitas Mulawarman 219-228

Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support

untuk membantu siswa dan guru matematika Indonesia belajar

pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi

Perekayasa Pendidikan (JIPP) 21 (2010) 1-24

Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis

Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra

Penelitian Engineering dan Edukasi 1(3)

Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL

Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil

Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan

Bantul (Doctoral dissertation UNY)

Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro

Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk

Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas

XI Jurnal Pendidikan Kimia 32 (2014) 7-15

Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan

Mempromosikan Blog) Jakarta PT Elex Media

Komputindo (2009)

Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi

Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung

Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan

Edukasi 3(4)

2

Lampiran 1

Daftar Hadir Peserta

2

Lampiran 2

Dokumentasi Kegiatan

Gambar L1 Pelatihan Internet

Gambar L2 Pelatihan HTML

2

Gambar L3 Pelatihan Wordpress

Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah

Lampiran 3

Materi Kegiatan

BAGI PANTI ASUHAN AL JANNAH

TUGU SEMARANG

Universitas Semarang

PENGENALAN WORDPRESS

Khoirudin SKom MEng NIDN 0622028901

Apa Itu Blog

Perdefinisi Blog = weblog = web + log

Web = jaringan (dunia maya)

Log = catatan (yang ditinggalkan)

Apa Saja Karakter Blog

Personal vs KomunitasKorporasi

Dinamis vs Statis

Tertata vs Acak

Pembaruan vs Stagnastik

Interaksi vs Komunikasi

Generalistik vs Spesialistik

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

4

BAB III

METODE PELAKSANAAN

31 Kerangka Pemecahan Masalah

Memberikan pengetahuan dan peningkatan kemampuan membuat

dan mengelola weblog dengan menggunakan wordpress

32 Realisasi Pelaksanaan Kegiatan

Pelaksanaan kegiatan pengabdian yang berupa Pelatihan

Pembuatan weblog dengan wordpress ini di laksanakan hari senin tanggal 25

Mei 2017 bertempat di Aula Panti Asuhan Al Jannah Kecamatan Tugu

Semarang Barat Kegiatan ini berlangsung selama plusmn 5 jam yang di mulai

pukul 0900 hingga 1400 yang di ikuti sebanyak 25 peserta

Beberapa persiapan sebelum pelaksanaan kegiatan di lakukan

untuk mendukung kelancaran kegiatan sebagai berikut

1 Mengirim surat kesediaan Panti Asuhan Al Jannah perihal

kesediaannya untuk mengikuti pelatihan

2 Menerima tanggapan yang cukup antusias dari Panti Asuhan Al

Jannah atas kesediaannya dalam pelaksanaan kegiatan pengabdian

pada tanggal 25 Mei 2017

3 Tanggal tanggal 23 Mei 2016 melakukan pengecekan kesiapan

tempat dan peralatan penunjang agar dapat di gunakan dengan baik

dan pada saat pelaksanaan

4 Menyiapkan modul materi pelatihan dan perlengkapannya

5 Tanggal 25 Mei 2017 kegiatan pelatihan di mulai dari pukul 0900

hingga 1400 dengan susunan acara

a Peserta menempati ruangan

b Pembukaan pelatihan oleh pengurus Panti Asuhan Al Jannah

5

c Penyampaian materi oleh tim PkM Universitas Semarang

- Whisnumurti Adhiwibowo ST MKom (Etika dalam

Menulis dimedia sosial)

- Khoirudin SKom MEng (Cara searching yang baik dan

pengenalan weblog)

- Muhammad Zakki Abdillah SKom MKom (Membuat

weblog dan configurasi wordpress)

d Pemberian kenang-kenangan

e Di tutup dengan foto bersama dengan penghuni panti

33 Khalayak Sasaran

Peserta kegiatan ini terdiri dari 25 orang yaitu

Tabel 31 Peserta Pelatihan

No Nama Peserta Jenjang

Pendidikan

Status

1 Ari Erviana MASMA Penerima Manfaat

2 Arum Murnianingsih MASMA Penerima Manfaat

3 Arum Wulandari MASMA Penerima Manfaat

4 Dila Amalia SD Penerima Manfaat

5 Faizin MTsSMP Penerima Manfaat

6 Farida Nurhayati MASMA Penerima Manfaat

7 Hernawati MTsSMP Penerima Manfaat

8 Ima Nur Laila MTsSMP Penerima Manfaat

9 Indrika Nur Azizah MASMA Penerima Manfaat

10 Khomsatun Umamah MASMA Penerima Manfaat

11 Lina Mawaddah MASMA Penerima Manfaat

12 Linda Nur Safitri MTsSMP Penerima Manfaat

13 M Affan MTsSMP Penerima Manfaat

14 M Ahsan MTsSMP Penerima Manfaat

15 M Amin Abdullah MASMA Penerima Manfaat

16 Mariyatun MASMA Penerima Manfaat

6

17 Masyhuri MTsSMP Penerima Manfaat

18 Mei Anggita Anis A MASMA Penerima Manfaat

19 Mustaghfiroh MTsSMP Penerima Manfaat

20 Nasrullah MASMA Penerima Manfaat

21 Reno MTsSMP Penerima Manfaat

22 Rokaini MTsSMP Penerima Manfaat

23 Rozikin MTsSMP Penerima Manfaat

24 Samsul Arifin MTsSMP Penerima Manfaat

25 Ubaidillah MTsSMP Penerima Manfaat

34 Metode Kegiatan

Metode yang di gunakan berupa pelatihan weblog bersifat tutorial

bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi

waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat

kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide

masing-masing

35 Keterkaitan

Dengan adanya pelatihan ini di harapkan ini di harapkan para

santri memiliki pengetahuan dan dapat membuat weblog

36 Metode Terapan

Metode yang di gunakan dengan memberikan pelatihan membuat

weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah

Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam

Masing- masing peserta mendapatkan modul pelatihan

7

BAB IV

KELAYAKAN PERGURUAN TINGGI

41 Kinerja LPPM

LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan

kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas

Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status

LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini

menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai

dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM

2016-2020 dan telah disahkan oleh Ristek Dikti

Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi

dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang

dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen

selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat

Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian

yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian

kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan

Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian

dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan

dikoordinasi oleh LPPM

LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang

diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN

Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah

42 Jenis Kepakaran

Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan

kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya

juga mengajar dan aktif dalam dunia annimasi

Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif

dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang

8

disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat

dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut

1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development

2 Khoirudin SKom MEng (Anggota 1) Information Technology

3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development

Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh

tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman

pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan

9

BAB V

HASIL DAN PEMBAHASAN

51 Hasil yang di dapat

Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut

1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan

lewat weblog menyampaikan pesan-pesan positif

2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di

telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10

Soal (setiap soal berisikan pengetahuan dasar tentang computer dan

pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab

ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila

semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai

pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog

Hasil kuisoner dapat dilihat pada table 41 berikut

Tabel 41 Hasil Kuesioner Pre Test dan Post Test

No Nama Peserta Pre Test Post Test

1 Ari Erviana 4 7

2 Arum Murnianingsih 5 8

3 Arum Wulandari 4 9

4 Dila Amalia 5 7

5 Faizin 4 7

6 Farida Nurhayati 5 6

7 Hernawati 4 7

8 Ima Nur Laila 5 7

9 Indrika Nur Azizah 4 6

10 Khomsatun Umamah 5 7

11 Lina Mawaddah 4 8

12 Linda Nur Safitri 5 8

10

13 M Affan 4 8

14 M Ahsan 5 8

15 M Amin Abdullah 4 8

16 Mariyatun 5 8

17 Masyhuri 4 8

18 Mei Anggita Anis A 5 8

19 Mustaghfiroh 4 8

20 Nasrullah 5 8

21 Reno 5 8

22 Rokaini 4 8

23 Rozikin 5 8

24 Samsul Arifin 4 8

25 Ubaidillah 5 8

Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test

sebanyak 452 dan post-test sebesar 764

52 Analisa terhadap hasil yang di peroleh

Berdasarkan hasil yang di peroleh dari kegiatan ini adalah

Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan

pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif

semangat dan kreativitas para santri membuat weblog Harapannya para

santri dapat menuangkan ide kreatifnya ke dalam weblog untuk

menyampaikan pesan-pesan positif

Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada

table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan

kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para

santri tentang dasar komputer dan teknik dalam pembuatan weblog

53 Evaluasi kegiatan

Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan

selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif

para santri serta weblog yang berhasil mereka buat

11

BAB VI

KESIMPULAN DAN SARAN

61 Kesimpulan

Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi

USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah

kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan

mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan

pesan-pesan positif kepada masyarakat dengan memanfaatkan media

internet khususnya dengan media weblog

62 Saran

Saran yang dapat kami berikan sehubungan dengan kegiatan

pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar

proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu

berlatih secara mandiri untuk meningkat skill dalam bidang menulis

khususnya dalam bidang media sosial

DAFTAR PUSTAKA

Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO

(Search Engine Optimization) Pada Blog (Studi Kasus Nova13

com) Jurnal Teknologi Technoscientia 6(1) 80-88

Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal

Cakrawala Kependidikan 8(2)

Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran

di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu

Komunikasi Universitas Mulawarman 219-228

Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support

untuk membantu siswa dan guru matematika Indonesia belajar

pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi

Perekayasa Pendidikan (JIPP) 21 (2010) 1-24

Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis

Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra

Penelitian Engineering dan Edukasi 1(3)

Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL

Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil

Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan

Bantul (Doctoral dissertation UNY)

Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro

Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk

Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas

XI Jurnal Pendidikan Kimia 32 (2014) 7-15

Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan

Mempromosikan Blog) Jakarta PT Elex Media

Komputindo (2009)

Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi

Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung

Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan

Edukasi 3(4)

2

Lampiran 1

Daftar Hadir Peserta

2

Lampiran 2

Dokumentasi Kegiatan

Gambar L1 Pelatihan Internet

Gambar L2 Pelatihan HTML

2

Gambar L3 Pelatihan Wordpress

Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah

Lampiran 3

Materi Kegiatan

BAGI PANTI ASUHAN AL JANNAH

TUGU SEMARANG

Universitas Semarang

PENGENALAN WORDPRESS

Khoirudin SKom MEng NIDN 0622028901

Apa Itu Blog

Perdefinisi Blog = weblog = web + log

Web = jaringan (dunia maya)

Log = catatan (yang ditinggalkan)

Apa Saja Karakter Blog

Personal vs KomunitasKorporasi

Dinamis vs Statis

Tertata vs Acak

Pembaruan vs Stagnastik

Interaksi vs Komunikasi

Generalistik vs Spesialistik

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

5

c Penyampaian materi oleh tim PkM Universitas Semarang

- Whisnumurti Adhiwibowo ST MKom (Etika dalam

Menulis dimedia sosial)

- Khoirudin SKom MEng (Cara searching yang baik dan

pengenalan weblog)

- Muhammad Zakki Abdillah SKom MKom (Membuat

weblog dan configurasi wordpress)

d Pemberian kenang-kenangan

e Di tutup dengan foto bersama dengan penghuni panti

33 Khalayak Sasaran

Peserta kegiatan ini terdiri dari 25 orang yaitu

Tabel 31 Peserta Pelatihan

No Nama Peserta Jenjang

Pendidikan

Status

1 Ari Erviana MASMA Penerima Manfaat

2 Arum Murnianingsih MASMA Penerima Manfaat

3 Arum Wulandari MASMA Penerima Manfaat

4 Dila Amalia SD Penerima Manfaat

5 Faizin MTsSMP Penerima Manfaat

6 Farida Nurhayati MASMA Penerima Manfaat

7 Hernawati MTsSMP Penerima Manfaat

8 Ima Nur Laila MTsSMP Penerima Manfaat

9 Indrika Nur Azizah MASMA Penerima Manfaat

10 Khomsatun Umamah MASMA Penerima Manfaat

11 Lina Mawaddah MASMA Penerima Manfaat

12 Linda Nur Safitri MTsSMP Penerima Manfaat

13 M Affan MTsSMP Penerima Manfaat

14 M Ahsan MTsSMP Penerima Manfaat

15 M Amin Abdullah MASMA Penerima Manfaat

16 Mariyatun MASMA Penerima Manfaat

6

17 Masyhuri MTsSMP Penerima Manfaat

18 Mei Anggita Anis A MASMA Penerima Manfaat

19 Mustaghfiroh MTsSMP Penerima Manfaat

20 Nasrullah MASMA Penerima Manfaat

21 Reno MTsSMP Penerima Manfaat

22 Rokaini MTsSMP Penerima Manfaat

23 Rozikin MTsSMP Penerima Manfaat

24 Samsul Arifin MTsSMP Penerima Manfaat

25 Ubaidillah MTsSMP Penerima Manfaat

34 Metode Kegiatan

Metode yang di gunakan berupa pelatihan weblog bersifat tutorial

bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi

waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat

kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide

masing-masing

35 Keterkaitan

Dengan adanya pelatihan ini di harapkan ini di harapkan para

santri memiliki pengetahuan dan dapat membuat weblog

36 Metode Terapan

Metode yang di gunakan dengan memberikan pelatihan membuat

weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah

Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam

Masing- masing peserta mendapatkan modul pelatihan

7

BAB IV

KELAYAKAN PERGURUAN TINGGI

41 Kinerja LPPM

LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan

kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas

Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status

LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini

menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai

dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM

2016-2020 dan telah disahkan oleh Ristek Dikti

Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi

dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang

dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen

selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat

Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian

yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian

kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan

Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian

dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan

dikoordinasi oleh LPPM

LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang

diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN

Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah

42 Jenis Kepakaran

Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan

kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya

juga mengajar dan aktif dalam dunia annimasi

Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif

dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang

8

disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat

dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut

1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development

2 Khoirudin SKom MEng (Anggota 1) Information Technology

3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development

Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh

tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman

pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan

9

BAB V

HASIL DAN PEMBAHASAN

51 Hasil yang di dapat

Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut

1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan

lewat weblog menyampaikan pesan-pesan positif

2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di

telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10

Soal (setiap soal berisikan pengetahuan dasar tentang computer dan

pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab

ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila

semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai

pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog

Hasil kuisoner dapat dilihat pada table 41 berikut

Tabel 41 Hasil Kuesioner Pre Test dan Post Test

No Nama Peserta Pre Test Post Test

1 Ari Erviana 4 7

2 Arum Murnianingsih 5 8

3 Arum Wulandari 4 9

4 Dila Amalia 5 7

5 Faizin 4 7

6 Farida Nurhayati 5 6

7 Hernawati 4 7

8 Ima Nur Laila 5 7

9 Indrika Nur Azizah 4 6

10 Khomsatun Umamah 5 7

11 Lina Mawaddah 4 8

12 Linda Nur Safitri 5 8

10

13 M Affan 4 8

14 M Ahsan 5 8

15 M Amin Abdullah 4 8

16 Mariyatun 5 8

17 Masyhuri 4 8

18 Mei Anggita Anis A 5 8

19 Mustaghfiroh 4 8

20 Nasrullah 5 8

21 Reno 5 8

22 Rokaini 4 8

23 Rozikin 5 8

24 Samsul Arifin 4 8

25 Ubaidillah 5 8

Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test

sebanyak 452 dan post-test sebesar 764

52 Analisa terhadap hasil yang di peroleh

Berdasarkan hasil yang di peroleh dari kegiatan ini adalah

Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan

pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif

semangat dan kreativitas para santri membuat weblog Harapannya para

santri dapat menuangkan ide kreatifnya ke dalam weblog untuk

menyampaikan pesan-pesan positif

Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada

table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan

kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para

santri tentang dasar komputer dan teknik dalam pembuatan weblog

53 Evaluasi kegiatan

Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan

selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif

para santri serta weblog yang berhasil mereka buat

11

BAB VI

KESIMPULAN DAN SARAN

61 Kesimpulan

Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi

USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah

kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan

mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan

pesan-pesan positif kepada masyarakat dengan memanfaatkan media

internet khususnya dengan media weblog

62 Saran

Saran yang dapat kami berikan sehubungan dengan kegiatan

pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar

proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu

berlatih secara mandiri untuk meningkat skill dalam bidang menulis

khususnya dalam bidang media sosial

DAFTAR PUSTAKA

Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO

(Search Engine Optimization) Pada Blog (Studi Kasus Nova13

com) Jurnal Teknologi Technoscientia 6(1) 80-88

Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal

Cakrawala Kependidikan 8(2)

Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran

di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu

Komunikasi Universitas Mulawarman 219-228

Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support

untuk membantu siswa dan guru matematika Indonesia belajar

pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi

Perekayasa Pendidikan (JIPP) 21 (2010) 1-24

Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis

Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra

Penelitian Engineering dan Edukasi 1(3)

Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL

Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil

Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan

Bantul (Doctoral dissertation UNY)

Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro

Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk

Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas

XI Jurnal Pendidikan Kimia 32 (2014) 7-15

Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan

Mempromosikan Blog) Jakarta PT Elex Media

Komputindo (2009)

Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi

Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung

Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan

Edukasi 3(4)

2

Lampiran 1

Daftar Hadir Peserta

2

Lampiran 2

Dokumentasi Kegiatan

Gambar L1 Pelatihan Internet

Gambar L2 Pelatihan HTML

2

Gambar L3 Pelatihan Wordpress

Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah

Lampiran 3

Materi Kegiatan

BAGI PANTI ASUHAN AL JANNAH

TUGU SEMARANG

Universitas Semarang

PENGENALAN WORDPRESS

Khoirudin SKom MEng NIDN 0622028901

Apa Itu Blog

Perdefinisi Blog = weblog = web + log

Web = jaringan (dunia maya)

Log = catatan (yang ditinggalkan)

Apa Saja Karakter Blog

Personal vs KomunitasKorporasi

Dinamis vs Statis

Tertata vs Acak

Pembaruan vs Stagnastik

Interaksi vs Komunikasi

Generalistik vs Spesialistik

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

6

17 Masyhuri MTsSMP Penerima Manfaat

18 Mei Anggita Anis A MASMA Penerima Manfaat

19 Mustaghfiroh MTsSMP Penerima Manfaat

20 Nasrullah MASMA Penerima Manfaat

21 Reno MTsSMP Penerima Manfaat

22 Rokaini MTsSMP Penerima Manfaat

23 Rozikin MTsSMP Penerima Manfaat

24 Samsul Arifin MTsSMP Penerima Manfaat

25 Ubaidillah MTsSMP Penerima Manfaat

34 Metode Kegiatan

Metode yang di gunakan berupa pelatihan weblog bersifat tutorial

bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi

waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat

kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide

masing-masing

35 Keterkaitan

Dengan adanya pelatihan ini di harapkan ini di harapkan para

santri memiliki pengetahuan dan dapat membuat weblog

36 Metode Terapan

Metode yang di gunakan dengan memberikan pelatihan membuat

weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah

Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam

Masing- masing peserta mendapatkan modul pelatihan

7

BAB IV

KELAYAKAN PERGURUAN TINGGI

41 Kinerja LPPM

LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan

kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas

Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status

LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini

menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai

dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM

2016-2020 dan telah disahkan oleh Ristek Dikti

Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi

dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang

dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen

selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat

Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian

yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian

kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan

Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian

dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan

dikoordinasi oleh LPPM

LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang

diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN

Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah

42 Jenis Kepakaran

Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan

kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya

juga mengajar dan aktif dalam dunia annimasi

Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif

dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang

8

disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat

dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut

1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development

2 Khoirudin SKom MEng (Anggota 1) Information Technology

3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development

Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh

tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman

pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan

9

BAB V

HASIL DAN PEMBAHASAN

51 Hasil yang di dapat

Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut

1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan

lewat weblog menyampaikan pesan-pesan positif

2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di

telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10

Soal (setiap soal berisikan pengetahuan dasar tentang computer dan

pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab

ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila

semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai

pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog

Hasil kuisoner dapat dilihat pada table 41 berikut

Tabel 41 Hasil Kuesioner Pre Test dan Post Test

No Nama Peserta Pre Test Post Test

1 Ari Erviana 4 7

2 Arum Murnianingsih 5 8

3 Arum Wulandari 4 9

4 Dila Amalia 5 7

5 Faizin 4 7

6 Farida Nurhayati 5 6

7 Hernawati 4 7

8 Ima Nur Laila 5 7

9 Indrika Nur Azizah 4 6

10 Khomsatun Umamah 5 7

11 Lina Mawaddah 4 8

12 Linda Nur Safitri 5 8

10

13 M Affan 4 8

14 M Ahsan 5 8

15 M Amin Abdullah 4 8

16 Mariyatun 5 8

17 Masyhuri 4 8

18 Mei Anggita Anis A 5 8

19 Mustaghfiroh 4 8

20 Nasrullah 5 8

21 Reno 5 8

22 Rokaini 4 8

23 Rozikin 5 8

24 Samsul Arifin 4 8

25 Ubaidillah 5 8

Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test

sebanyak 452 dan post-test sebesar 764

52 Analisa terhadap hasil yang di peroleh

Berdasarkan hasil yang di peroleh dari kegiatan ini adalah

Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan

pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif

semangat dan kreativitas para santri membuat weblog Harapannya para

santri dapat menuangkan ide kreatifnya ke dalam weblog untuk

menyampaikan pesan-pesan positif

Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada

table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan

kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para

santri tentang dasar komputer dan teknik dalam pembuatan weblog

53 Evaluasi kegiatan

Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan

selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif

para santri serta weblog yang berhasil mereka buat

11

BAB VI

KESIMPULAN DAN SARAN

61 Kesimpulan

Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi

USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah

kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan

mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan

pesan-pesan positif kepada masyarakat dengan memanfaatkan media

internet khususnya dengan media weblog

62 Saran

Saran yang dapat kami berikan sehubungan dengan kegiatan

pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar

proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu

berlatih secara mandiri untuk meningkat skill dalam bidang menulis

khususnya dalam bidang media sosial

DAFTAR PUSTAKA

Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO

(Search Engine Optimization) Pada Blog (Studi Kasus Nova13

com) Jurnal Teknologi Technoscientia 6(1) 80-88

Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal

Cakrawala Kependidikan 8(2)

Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran

di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu

Komunikasi Universitas Mulawarman 219-228

Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support

untuk membantu siswa dan guru matematika Indonesia belajar

pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi

Perekayasa Pendidikan (JIPP) 21 (2010) 1-24

Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis

Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra

Penelitian Engineering dan Edukasi 1(3)

Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL

Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil

Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan

Bantul (Doctoral dissertation UNY)

Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro

Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk

Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas

XI Jurnal Pendidikan Kimia 32 (2014) 7-15

Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan

Mempromosikan Blog) Jakarta PT Elex Media

Komputindo (2009)

Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi

Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung

Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan

Edukasi 3(4)

2

Lampiran 1

Daftar Hadir Peserta

2

Lampiran 2

Dokumentasi Kegiatan

Gambar L1 Pelatihan Internet

Gambar L2 Pelatihan HTML

2

Gambar L3 Pelatihan Wordpress

Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah

Lampiran 3

Materi Kegiatan

BAGI PANTI ASUHAN AL JANNAH

TUGU SEMARANG

Universitas Semarang

PENGENALAN WORDPRESS

Khoirudin SKom MEng NIDN 0622028901

Apa Itu Blog

Perdefinisi Blog = weblog = web + log

Web = jaringan (dunia maya)

Log = catatan (yang ditinggalkan)

Apa Saja Karakter Blog

Personal vs KomunitasKorporasi

Dinamis vs Statis

Tertata vs Acak

Pembaruan vs Stagnastik

Interaksi vs Komunikasi

Generalistik vs Spesialistik

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

7

BAB IV

KELAYAKAN PERGURUAN TINGGI

41 Kinerja LPPM

LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan

kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas

Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status

LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini

menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai

dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM

2016-2020 dan telah disahkan oleh Ristek Dikti

Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi

dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang

dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen

selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat

Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian

yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian

kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan

Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian

dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan

dikoordinasi oleh LPPM

LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang

diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN

Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah

42 Jenis Kepakaran

Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan

kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya

juga mengajar dan aktif dalam dunia annimasi

Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif

dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang

8

disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat

dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut

1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development

2 Khoirudin SKom MEng (Anggota 1) Information Technology

3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development

Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh

tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman

pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan

9

BAB V

HASIL DAN PEMBAHASAN

51 Hasil yang di dapat

Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut

1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan

lewat weblog menyampaikan pesan-pesan positif

2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di

telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10

Soal (setiap soal berisikan pengetahuan dasar tentang computer dan

pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab

ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila

semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai

pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog

Hasil kuisoner dapat dilihat pada table 41 berikut

Tabel 41 Hasil Kuesioner Pre Test dan Post Test

No Nama Peserta Pre Test Post Test

1 Ari Erviana 4 7

2 Arum Murnianingsih 5 8

3 Arum Wulandari 4 9

4 Dila Amalia 5 7

5 Faizin 4 7

6 Farida Nurhayati 5 6

7 Hernawati 4 7

8 Ima Nur Laila 5 7

9 Indrika Nur Azizah 4 6

10 Khomsatun Umamah 5 7

11 Lina Mawaddah 4 8

12 Linda Nur Safitri 5 8

10

13 M Affan 4 8

14 M Ahsan 5 8

15 M Amin Abdullah 4 8

16 Mariyatun 5 8

17 Masyhuri 4 8

18 Mei Anggita Anis A 5 8

19 Mustaghfiroh 4 8

20 Nasrullah 5 8

21 Reno 5 8

22 Rokaini 4 8

23 Rozikin 5 8

24 Samsul Arifin 4 8

25 Ubaidillah 5 8

Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test

sebanyak 452 dan post-test sebesar 764

52 Analisa terhadap hasil yang di peroleh

Berdasarkan hasil yang di peroleh dari kegiatan ini adalah

Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan

pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif

semangat dan kreativitas para santri membuat weblog Harapannya para

santri dapat menuangkan ide kreatifnya ke dalam weblog untuk

menyampaikan pesan-pesan positif

Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada

table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan

kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para

santri tentang dasar komputer dan teknik dalam pembuatan weblog

53 Evaluasi kegiatan

Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan

selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif

para santri serta weblog yang berhasil mereka buat

11

BAB VI

KESIMPULAN DAN SARAN

61 Kesimpulan

Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi

USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah

kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan

mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan

pesan-pesan positif kepada masyarakat dengan memanfaatkan media

internet khususnya dengan media weblog

62 Saran

Saran yang dapat kami berikan sehubungan dengan kegiatan

pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar

proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu

berlatih secara mandiri untuk meningkat skill dalam bidang menulis

khususnya dalam bidang media sosial

DAFTAR PUSTAKA

Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO

(Search Engine Optimization) Pada Blog (Studi Kasus Nova13

com) Jurnal Teknologi Technoscientia 6(1) 80-88

Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal

Cakrawala Kependidikan 8(2)

Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran

di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu

Komunikasi Universitas Mulawarman 219-228

Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support

untuk membantu siswa dan guru matematika Indonesia belajar

pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi

Perekayasa Pendidikan (JIPP) 21 (2010) 1-24

Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis

Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra

Penelitian Engineering dan Edukasi 1(3)

Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL

Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil

Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan

Bantul (Doctoral dissertation UNY)

Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro

Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk

Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas

XI Jurnal Pendidikan Kimia 32 (2014) 7-15

Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan

Mempromosikan Blog) Jakarta PT Elex Media

Komputindo (2009)

Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi

Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung

Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan

Edukasi 3(4)

2

Lampiran 1

Daftar Hadir Peserta

2

Lampiran 2

Dokumentasi Kegiatan

Gambar L1 Pelatihan Internet

Gambar L2 Pelatihan HTML

2

Gambar L3 Pelatihan Wordpress

Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah

Lampiran 3

Materi Kegiatan

BAGI PANTI ASUHAN AL JANNAH

TUGU SEMARANG

Universitas Semarang

PENGENALAN WORDPRESS

Khoirudin SKom MEng NIDN 0622028901

Apa Itu Blog

Perdefinisi Blog = weblog = web + log

Web = jaringan (dunia maya)

Log = catatan (yang ditinggalkan)

Apa Saja Karakter Blog

Personal vs KomunitasKorporasi

Dinamis vs Statis

Tertata vs Acak

Pembaruan vs Stagnastik

Interaksi vs Komunikasi

Generalistik vs Spesialistik

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

8

disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat

dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut

1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development

2 Khoirudin SKom MEng (Anggota 1) Information Technology

3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development

Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh

tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman

pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan

9

BAB V

HASIL DAN PEMBAHASAN

51 Hasil yang di dapat

Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut

1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan

lewat weblog menyampaikan pesan-pesan positif

2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di

telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10

Soal (setiap soal berisikan pengetahuan dasar tentang computer dan

pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab

ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila

semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai

pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog

Hasil kuisoner dapat dilihat pada table 41 berikut

Tabel 41 Hasil Kuesioner Pre Test dan Post Test

No Nama Peserta Pre Test Post Test

1 Ari Erviana 4 7

2 Arum Murnianingsih 5 8

3 Arum Wulandari 4 9

4 Dila Amalia 5 7

5 Faizin 4 7

6 Farida Nurhayati 5 6

7 Hernawati 4 7

8 Ima Nur Laila 5 7

9 Indrika Nur Azizah 4 6

10 Khomsatun Umamah 5 7

11 Lina Mawaddah 4 8

12 Linda Nur Safitri 5 8

10

13 M Affan 4 8

14 M Ahsan 5 8

15 M Amin Abdullah 4 8

16 Mariyatun 5 8

17 Masyhuri 4 8

18 Mei Anggita Anis A 5 8

19 Mustaghfiroh 4 8

20 Nasrullah 5 8

21 Reno 5 8

22 Rokaini 4 8

23 Rozikin 5 8

24 Samsul Arifin 4 8

25 Ubaidillah 5 8

Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test

sebanyak 452 dan post-test sebesar 764

52 Analisa terhadap hasil yang di peroleh

Berdasarkan hasil yang di peroleh dari kegiatan ini adalah

Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan

pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif

semangat dan kreativitas para santri membuat weblog Harapannya para

santri dapat menuangkan ide kreatifnya ke dalam weblog untuk

menyampaikan pesan-pesan positif

Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada

table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan

kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para

santri tentang dasar komputer dan teknik dalam pembuatan weblog

53 Evaluasi kegiatan

Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan

selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif

para santri serta weblog yang berhasil mereka buat

11

BAB VI

KESIMPULAN DAN SARAN

61 Kesimpulan

Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi

USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah

kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan

mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan

pesan-pesan positif kepada masyarakat dengan memanfaatkan media

internet khususnya dengan media weblog

62 Saran

Saran yang dapat kami berikan sehubungan dengan kegiatan

pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar

proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu

berlatih secara mandiri untuk meningkat skill dalam bidang menulis

khususnya dalam bidang media sosial

DAFTAR PUSTAKA

Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO

(Search Engine Optimization) Pada Blog (Studi Kasus Nova13

com) Jurnal Teknologi Technoscientia 6(1) 80-88

Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal

Cakrawala Kependidikan 8(2)

Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran

di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu

Komunikasi Universitas Mulawarman 219-228

Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support

untuk membantu siswa dan guru matematika Indonesia belajar

pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi

Perekayasa Pendidikan (JIPP) 21 (2010) 1-24

Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis

Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra

Penelitian Engineering dan Edukasi 1(3)

Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL

Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil

Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan

Bantul (Doctoral dissertation UNY)

Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro

Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk

Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas

XI Jurnal Pendidikan Kimia 32 (2014) 7-15

Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan

Mempromosikan Blog) Jakarta PT Elex Media

Komputindo (2009)

Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi

Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung

Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan

Edukasi 3(4)

2

Lampiran 1

Daftar Hadir Peserta

2

Lampiran 2

Dokumentasi Kegiatan

Gambar L1 Pelatihan Internet

Gambar L2 Pelatihan HTML

2

Gambar L3 Pelatihan Wordpress

Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah

Lampiran 3

Materi Kegiatan

BAGI PANTI ASUHAN AL JANNAH

TUGU SEMARANG

Universitas Semarang

PENGENALAN WORDPRESS

Khoirudin SKom MEng NIDN 0622028901

Apa Itu Blog

Perdefinisi Blog = weblog = web + log

Web = jaringan (dunia maya)

Log = catatan (yang ditinggalkan)

Apa Saja Karakter Blog

Personal vs KomunitasKorporasi

Dinamis vs Statis

Tertata vs Acak

Pembaruan vs Stagnastik

Interaksi vs Komunikasi

Generalistik vs Spesialistik

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

9

BAB V

HASIL DAN PEMBAHASAN

51 Hasil yang di dapat

Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut

1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan

lewat weblog menyampaikan pesan-pesan positif

2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di

telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10

Soal (setiap soal berisikan pengetahuan dasar tentang computer dan

pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab

ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila

semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai

pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog

Hasil kuisoner dapat dilihat pada table 41 berikut

Tabel 41 Hasil Kuesioner Pre Test dan Post Test

No Nama Peserta Pre Test Post Test

1 Ari Erviana 4 7

2 Arum Murnianingsih 5 8

3 Arum Wulandari 4 9

4 Dila Amalia 5 7

5 Faizin 4 7

6 Farida Nurhayati 5 6

7 Hernawati 4 7

8 Ima Nur Laila 5 7

9 Indrika Nur Azizah 4 6

10 Khomsatun Umamah 5 7

11 Lina Mawaddah 4 8

12 Linda Nur Safitri 5 8

10

13 M Affan 4 8

14 M Ahsan 5 8

15 M Amin Abdullah 4 8

16 Mariyatun 5 8

17 Masyhuri 4 8

18 Mei Anggita Anis A 5 8

19 Mustaghfiroh 4 8

20 Nasrullah 5 8

21 Reno 5 8

22 Rokaini 4 8

23 Rozikin 5 8

24 Samsul Arifin 4 8

25 Ubaidillah 5 8

Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test

sebanyak 452 dan post-test sebesar 764

52 Analisa terhadap hasil yang di peroleh

Berdasarkan hasil yang di peroleh dari kegiatan ini adalah

Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan

pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif

semangat dan kreativitas para santri membuat weblog Harapannya para

santri dapat menuangkan ide kreatifnya ke dalam weblog untuk

menyampaikan pesan-pesan positif

Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada

table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan

kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para

santri tentang dasar komputer dan teknik dalam pembuatan weblog

53 Evaluasi kegiatan

Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan

selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif

para santri serta weblog yang berhasil mereka buat

11

BAB VI

KESIMPULAN DAN SARAN

61 Kesimpulan

Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi

USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah

kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan

mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan

pesan-pesan positif kepada masyarakat dengan memanfaatkan media

internet khususnya dengan media weblog

62 Saran

Saran yang dapat kami berikan sehubungan dengan kegiatan

pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar

proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu

berlatih secara mandiri untuk meningkat skill dalam bidang menulis

khususnya dalam bidang media sosial

DAFTAR PUSTAKA

Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO

(Search Engine Optimization) Pada Blog (Studi Kasus Nova13

com) Jurnal Teknologi Technoscientia 6(1) 80-88

Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal

Cakrawala Kependidikan 8(2)

Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran

di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu

Komunikasi Universitas Mulawarman 219-228

Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support

untuk membantu siswa dan guru matematika Indonesia belajar

pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi

Perekayasa Pendidikan (JIPP) 21 (2010) 1-24

Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis

Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra

Penelitian Engineering dan Edukasi 1(3)

Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL

Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil

Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan

Bantul (Doctoral dissertation UNY)

Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro

Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk

Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas

XI Jurnal Pendidikan Kimia 32 (2014) 7-15

Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan

Mempromosikan Blog) Jakarta PT Elex Media

Komputindo (2009)

Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi

Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung

Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan

Edukasi 3(4)

2

Lampiran 1

Daftar Hadir Peserta

2

Lampiran 2

Dokumentasi Kegiatan

Gambar L1 Pelatihan Internet

Gambar L2 Pelatihan HTML

2

Gambar L3 Pelatihan Wordpress

Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah

Lampiran 3

Materi Kegiatan

BAGI PANTI ASUHAN AL JANNAH

TUGU SEMARANG

Universitas Semarang

PENGENALAN WORDPRESS

Khoirudin SKom MEng NIDN 0622028901

Apa Itu Blog

Perdefinisi Blog = weblog = web + log

Web = jaringan (dunia maya)

Log = catatan (yang ditinggalkan)

Apa Saja Karakter Blog

Personal vs KomunitasKorporasi

Dinamis vs Statis

Tertata vs Acak

Pembaruan vs Stagnastik

Interaksi vs Komunikasi

Generalistik vs Spesialistik

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

10

13 M Affan 4 8

14 M Ahsan 5 8

15 M Amin Abdullah 4 8

16 Mariyatun 5 8

17 Masyhuri 4 8

18 Mei Anggita Anis A 5 8

19 Mustaghfiroh 4 8

20 Nasrullah 5 8

21 Reno 5 8

22 Rokaini 4 8

23 Rozikin 5 8

24 Samsul Arifin 4 8

25 Ubaidillah 5 8

Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test

sebanyak 452 dan post-test sebesar 764

52 Analisa terhadap hasil yang di peroleh

Berdasarkan hasil yang di peroleh dari kegiatan ini adalah

Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan

pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif

semangat dan kreativitas para santri membuat weblog Harapannya para

santri dapat menuangkan ide kreatifnya ke dalam weblog untuk

menyampaikan pesan-pesan positif

Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada

table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan

kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para

santri tentang dasar komputer dan teknik dalam pembuatan weblog

53 Evaluasi kegiatan

Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan

selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif

para santri serta weblog yang berhasil mereka buat

11

BAB VI

KESIMPULAN DAN SARAN

61 Kesimpulan

Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi

USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah

kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan

mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan

pesan-pesan positif kepada masyarakat dengan memanfaatkan media

internet khususnya dengan media weblog

62 Saran

Saran yang dapat kami berikan sehubungan dengan kegiatan

pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar

proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu

berlatih secara mandiri untuk meningkat skill dalam bidang menulis

khususnya dalam bidang media sosial

DAFTAR PUSTAKA

Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO

(Search Engine Optimization) Pada Blog (Studi Kasus Nova13

com) Jurnal Teknologi Technoscientia 6(1) 80-88

Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal

Cakrawala Kependidikan 8(2)

Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran

di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu

Komunikasi Universitas Mulawarman 219-228

Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support

untuk membantu siswa dan guru matematika Indonesia belajar

pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi

Perekayasa Pendidikan (JIPP) 21 (2010) 1-24

Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis

Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra

Penelitian Engineering dan Edukasi 1(3)

Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL

Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil

Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan

Bantul (Doctoral dissertation UNY)

Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro

Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk

Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas

XI Jurnal Pendidikan Kimia 32 (2014) 7-15

Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan

Mempromosikan Blog) Jakarta PT Elex Media

Komputindo (2009)

Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi

Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung

Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan

Edukasi 3(4)

2

Lampiran 1

Daftar Hadir Peserta

2

Lampiran 2

Dokumentasi Kegiatan

Gambar L1 Pelatihan Internet

Gambar L2 Pelatihan HTML

2

Gambar L3 Pelatihan Wordpress

Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah

Lampiran 3

Materi Kegiatan

BAGI PANTI ASUHAN AL JANNAH

TUGU SEMARANG

Universitas Semarang

PENGENALAN WORDPRESS

Khoirudin SKom MEng NIDN 0622028901

Apa Itu Blog

Perdefinisi Blog = weblog = web + log

Web = jaringan (dunia maya)

Log = catatan (yang ditinggalkan)

Apa Saja Karakter Blog

Personal vs KomunitasKorporasi

Dinamis vs Statis

Tertata vs Acak

Pembaruan vs Stagnastik

Interaksi vs Komunikasi

Generalistik vs Spesialistik

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

11

BAB VI

KESIMPULAN DAN SARAN

61 Kesimpulan

Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi

USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah

kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan

mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan

pesan-pesan positif kepada masyarakat dengan memanfaatkan media

internet khususnya dengan media weblog

62 Saran

Saran yang dapat kami berikan sehubungan dengan kegiatan

pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar

proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu

berlatih secara mandiri untuk meningkat skill dalam bidang menulis

khususnya dalam bidang media sosial

DAFTAR PUSTAKA

Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO

(Search Engine Optimization) Pada Blog (Studi Kasus Nova13

com) Jurnal Teknologi Technoscientia 6(1) 80-88

Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal

Cakrawala Kependidikan 8(2)

Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran

di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu

Komunikasi Universitas Mulawarman 219-228

Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support

untuk membantu siswa dan guru matematika Indonesia belajar

pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi

Perekayasa Pendidikan (JIPP) 21 (2010) 1-24

Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis

Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra

Penelitian Engineering dan Edukasi 1(3)

Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL

Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil

Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan

Bantul (Doctoral dissertation UNY)

Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro

Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk

Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas

XI Jurnal Pendidikan Kimia 32 (2014) 7-15

Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan

Mempromosikan Blog) Jakarta PT Elex Media

Komputindo (2009)

Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi

Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung

Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan

Edukasi 3(4)

2

Lampiran 1

Daftar Hadir Peserta

2

Lampiran 2

Dokumentasi Kegiatan

Gambar L1 Pelatihan Internet

Gambar L2 Pelatihan HTML

2

Gambar L3 Pelatihan Wordpress

Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah

Lampiran 3

Materi Kegiatan

BAGI PANTI ASUHAN AL JANNAH

TUGU SEMARANG

Universitas Semarang

PENGENALAN WORDPRESS

Khoirudin SKom MEng NIDN 0622028901

Apa Itu Blog

Perdefinisi Blog = weblog = web + log

Web = jaringan (dunia maya)

Log = catatan (yang ditinggalkan)

Apa Saja Karakter Blog

Personal vs KomunitasKorporasi

Dinamis vs Statis

Tertata vs Acak

Pembaruan vs Stagnastik

Interaksi vs Komunikasi

Generalistik vs Spesialistik

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

DAFTAR PUSTAKA

Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO

(Search Engine Optimization) Pada Blog (Studi Kasus Nova13

com) Jurnal Teknologi Technoscientia 6(1) 80-88

Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal

Cakrawala Kependidikan 8(2)

Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran

di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu

Komunikasi Universitas Mulawarman 219-228

Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support

untuk membantu siswa dan guru matematika Indonesia belajar

pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi

Perekayasa Pendidikan (JIPP) 21 (2010) 1-24

Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis

Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra

Penelitian Engineering dan Edukasi 1(3)

Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL

Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil

Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan

Bantul (Doctoral dissertation UNY)

Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro

Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk

Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas

XI Jurnal Pendidikan Kimia 32 (2014) 7-15

Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan

Mempromosikan Blog) Jakarta PT Elex Media

Komputindo (2009)

Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi

Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung

Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan

Edukasi 3(4)

2

Lampiran 1

Daftar Hadir Peserta

2

Lampiran 2

Dokumentasi Kegiatan

Gambar L1 Pelatihan Internet

Gambar L2 Pelatihan HTML

2

Gambar L3 Pelatihan Wordpress

Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah

Lampiran 3

Materi Kegiatan

BAGI PANTI ASUHAN AL JANNAH

TUGU SEMARANG

Universitas Semarang

PENGENALAN WORDPRESS

Khoirudin SKom MEng NIDN 0622028901

Apa Itu Blog

Perdefinisi Blog = weblog = web + log

Web = jaringan (dunia maya)

Log = catatan (yang ditinggalkan)

Apa Saja Karakter Blog

Personal vs KomunitasKorporasi

Dinamis vs Statis

Tertata vs Acak

Pembaruan vs Stagnastik

Interaksi vs Komunikasi

Generalistik vs Spesialistik

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

2

Lampiran 1

Daftar Hadir Peserta

2

Lampiran 2

Dokumentasi Kegiatan

Gambar L1 Pelatihan Internet

Gambar L2 Pelatihan HTML

2

Gambar L3 Pelatihan Wordpress

Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah

Lampiran 3

Materi Kegiatan

BAGI PANTI ASUHAN AL JANNAH

TUGU SEMARANG

Universitas Semarang

PENGENALAN WORDPRESS

Khoirudin SKom MEng NIDN 0622028901

Apa Itu Blog

Perdefinisi Blog = weblog = web + log

Web = jaringan (dunia maya)

Log = catatan (yang ditinggalkan)

Apa Saja Karakter Blog

Personal vs KomunitasKorporasi

Dinamis vs Statis

Tertata vs Acak

Pembaruan vs Stagnastik

Interaksi vs Komunikasi

Generalistik vs Spesialistik

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

2

Lampiran 2

Dokumentasi Kegiatan

Gambar L1 Pelatihan Internet

Gambar L2 Pelatihan HTML

2

Gambar L3 Pelatihan Wordpress

Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah

Lampiran 3

Materi Kegiatan

BAGI PANTI ASUHAN AL JANNAH

TUGU SEMARANG

Universitas Semarang

PENGENALAN WORDPRESS

Khoirudin SKom MEng NIDN 0622028901

Apa Itu Blog

Perdefinisi Blog = weblog = web + log

Web = jaringan (dunia maya)

Log = catatan (yang ditinggalkan)

Apa Saja Karakter Blog

Personal vs KomunitasKorporasi

Dinamis vs Statis

Tertata vs Acak

Pembaruan vs Stagnastik

Interaksi vs Komunikasi

Generalistik vs Spesialistik

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

Gambar L1 Pelatihan Internet

Gambar L2 Pelatihan HTML

2

Gambar L3 Pelatihan Wordpress

Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah

Lampiran 3

Materi Kegiatan

BAGI PANTI ASUHAN AL JANNAH

TUGU SEMARANG

Universitas Semarang

PENGENALAN WORDPRESS

Khoirudin SKom MEng NIDN 0622028901

Apa Itu Blog

Perdefinisi Blog = weblog = web + log

Web = jaringan (dunia maya)

Log = catatan (yang ditinggalkan)

Apa Saja Karakter Blog

Personal vs KomunitasKorporasi

Dinamis vs Statis

Tertata vs Acak

Pembaruan vs Stagnastik

Interaksi vs Komunikasi

Generalistik vs Spesialistik

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

2

Gambar L3 Pelatihan Wordpress

Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah

Lampiran 3

Materi Kegiatan

BAGI PANTI ASUHAN AL JANNAH

TUGU SEMARANG

Universitas Semarang

PENGENALAN WORDPRESS

Khoirudin SKom MEng NIDN 0622028901

Apa Itu Blog

Perdefinisi Blog = weblog = web + log

Web = jaringan (dunia maya)

Log = catatan (yang ditinggalkan)

Apa Saja Karakter Blog

Personal vs KomunitasKorporasi

Dinamis vs Statis

Tertata vs Acak

Pembaruan vs Stagnastik

Interaksi vs Komunikasi

Generalistik vs Spesialistik

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

Lampiran 3

Materi Kegiatan

BAGI PANTI ASUHAN AL JANNAH

TUGU SEMARANG

Universitas Semarang

PENGENALAN WORDPRESS

Khoirudin SKom MEng NIDN 0622028901

Apa Itu Blog

Perdefinisi Blog = weblog = web + log

Web = jaringan (dunia maya)

Log = catatan (yang ditinggalkan)

Apa Saja Karakter Blog

Personal vs KomunitasKorporasi

Dinamis vs Statis

Tertata vs Acak

Pembaruan vs Stagnastik

Interaksi vs Komunikasi

Generalistik vs Spesialistik

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

BAGI PANTI ASUHAN AL JANNAH

TUGU SEMARANG

Universitas Semarang

PENGENALAN WORDPRESS

Khoirudin SKom MEng NIDN 0622028901

Apa Itu Blog

Perdefinisi Blog = weblog = web + log

Web = jaringan (dunia maya)

Log = catatan (yang ditinggalkan)

Apa Saja Karakter Blog

Personal vs KomunitasKorporasi

Dinamis vs Statis

Tertata vs Acak

Pembaruan vs Stagnastik

Interaksi vs Komunikasi

Generalistik vs Spesialistik

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

Apa Itu Blog

Perdefinisi Blog = weblog = web + log

Web = jaringan (dunia maya)

Log = catatan (yang ditinggalkan)

Apa Saja Karakter Blog

Personal vs KomunitasKorporasi

Dinamis vs Statis

Tertata vs Acak

Pembaruan vs Stagnastik

Interaksi vs Komunikasi

Generalistik vs Spesialistik

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

Apa Saja Karakter Blog

Personal vs KomunitasKorporasi

Dinamis vs Statis

Tertata vs Acak

Pembaruan vs Stagnastik

Interaksi vs Komunikasi

Generalistik vs Spesialistik

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

Mengapa Ngeblog

Jangkauan Publikasi

Ketahanan Dokumentasi

Mengisi Hobiwaktu luang

Tuntutan ProfesiPendidikan

Menggali Jati diri

Membangun Relasi

Mengembangkan Bisnis

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

Apa Yang Diperlukan Sebuah Blog

Hosting (rumah bagi blog)

Domain (alamat bagi blog)

Engine (mesin pembentuk blog)

Adminowner (pemilik bagi blog)

Author (pengisi blog)

Content (isi blog)

Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

Blog Gratis

Domain hosting engine disediakan secara

cuma-cuma

Internasional ndash Blogger (Blogspot)

ndash WordPress

ndash Lain-lain Tumblr Posterous Multiply

Lokal ndash Blog Detik

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

Berlatih dengan WordPress mengapa

Relatif sederhana

Bisa daring dan luring

Menguasai WordPress akan memudahkan

menguasai mesin blog lainnya

Cukup mengakses wordpresscom ndash dan sisanya

akan mudah

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

Memperkenalkan Blog

Blogwalking mengunjungi dan memperkaya

konten blog lain dengan pendapat kita

Signaturing memberi informasi alamat blog

pada setiap signature kita di dunia maya

Social Sharing amp Integrating menghubungkan

dan membagi blog kita ke jejaring sosial

lainnya seperti twitter amp facebook

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

Etika

Kesantunan ndash SARA pencemaran nama baik informasi palsu

hoax dan sebagainya

Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free

use dan sebagainya

Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia

kode berbahaya dan sebagainya

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

Mendaftar Wordpress

Akses situs httpsidwordpresscom

Klik Mulai

1 Memilih Jenis Web

Sample

2 Memilih halaman utama web

3 Memilih Tema Web

4 Membuat Alamat Web (Domain)

Sample

5 Memilih Paket web

6 Create Your Account

Sample

Finish

Finish

Tampilan Panel Admin

Tampilan utama

Terimakasih

HTML DASAR M ZAKKI ABDILLAH

PENGABDIAN UNIVERSITAS SEMARANG (USM)

STRUKTUR DASAR HTML

lthtmlgt

ltheadgt

lttitlegt

Judul web anda letakkan disini

lttitlegt

ltheadgt

ltbodygt

Isi dari web anda letakkan disini

ltbodygt

lthtmlgt

Simpan dengan Nama dasarhtml

Hasil dari dasarhtml

Title Judul

Body Isi

BACKGROUND DAN WARNA TEKS

lthtmlgt

ltheadgt

lttitlegtkarya pertamakulttitlegt

ltheadgt

ltbody bgcolor=yellow text=redgt

tulisan ini akan tampak dalam browser

ltbodygt

lthtmlgt

Simpan dengan Nama bodyhtml

Hasil dari bodyhtml

Warna Font

Warna Background

NUMBERING

bull ltol type=ldquo1rdquogt

ltligtitem pertamaltligt

ltligtitem kedualtligt

ltol type=ldquoardquogt

ltligtsub item pertamaltligt

ltligtsub item kedualtligt

ltol type=ldquoirdquogt

ltligtsub sub item pertamaltligt

ltligtsub sub item kedualtligt

ltligtsub sub item ketigaltligt

ltolgt

ltligtsub item ketigaltligt

ltolgt

ltligtitem ketigaltligt

ltolgt

Simpan dengan Nama numberinghtml

Hasil dari numberinghtml

BULLET

bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt

Simpan dengan Nama bullethtml

Hasil dari bullethtml

WordPress Pengabdian Universitas Semarang (USM)

Langkah Persiapan

bull Aktifkan apache dan MySQL di XAMPP

bull Copy folder wordpress di DXAMPPhtdocs

bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress

Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create

Buka Browser dan ketikkan localhostphpmyadmin

Cara Installasi Wordpress

bull Buka browser dan ketik localhostwordpress

bull Maka akan muncul halaman awal seperti ini

Klik Letrsquos Go Untuk Proses selanjutnya

Maka akan muncul tampilan seperti dibawah ini

Isikan data seperti di tampilan

Setelah Selesai klik ldquoSubmitrdquo

Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda

Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten

Menu untuk manajemen wordpress secara global

Berguna untuk import dan export data

Menu untuk manajemen User Akses

Menu utk setting plug in

Menu untuk settingan Tema widget dll

Menu untuk manajemen komentar dari postingan berita

Mengatur halaman Web

Menu untuk Penyimpanan data Multimedia

Menu Untuk Postingan Berita

Cara Mengganti Themes Wordpress

bull Buat Folder themessaya di wp-contentthemes

bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb

Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10

bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut

lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt

bull Sekarang anda bisa lihat di menu appearance klik menu tersebut

Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate

bull Dan lihat perubahannya akan seperti tampilan di bawah ini

Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip

Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini

lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt

ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt

Tambahkan di file stylecss dengan script seperti di bawah ini

wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft

sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft

Maka Tampilannya seperti ini

Kesimpulan

bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik

bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut

bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda

bull Selamat datang di dunia INTERNET amp BLOG

Sample

2 Memilih halaman utama web

3 Memilih Tema Web

4 Membuat Alamat Web (Domain)

Sample

5 Memilih Paket web

6 Create Your Account

Sample

Finish

Finish

Tampilan Panel Admin

Tampilan utama

Terimakasih

HTML DASAR M ZAKKI ABDILLAH

PENGABDIAN UNIVERSITAS SEMARANG (USM)

STRUKTUR DASAR HTML

lthtmlgt

ltheadgt

lttitlegt

Judul web anda letakkan disini

lttitlegt

ltheadgt

ltbodygt

Isi dari web anda letakkan disini

ltbodygt

lthtmlgt

Simpan dengan Nama dasarhtml

Hasil dari dasarhtml

Title Judul

Body Isi

BACKGROUND DAN WARNA TEKS

lthtmlgt

ltheadgt

lttitlegtkarya pertamakulttitlegt

ltheadgt

ltbody bgcolor=yellow text=redgt

tulisan ini akan tampak dalam browser

ltbodygt

lthtmlgt

Simpan dengan Nama bodyhtml

Hasil dari bodyhtml

Warna Font

Warna Background

NUMBERING

bull ltol type=ldquo1rdquogt

ltligtitem pertamaltligt

ltligtitem kedualtligt

ltol type=ldquoardquogt

ltligtsub item pertamaltligt

ltligtsub item kedualtligt

ltol type=ldquoirdquogt

ltligtsub sub item pertamaltligt

ltligtsub sub item kedualtligt

ltligtsub sub item ketigaltligt

ltolgt

ltligtsub item ketigaltligt

ltolgt

ltligtitem ketigaltligt

ltolgt

Simpan dengan Nama numberinghtml

Hasil dari numberinghtml

BULLET

bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt

Simpan dengan Nama bullethtml

Hasil dari bullethtml

WordPress Pengabdian Universitas Semarang (USM)

Langkah Persiapan

bull Aktifkan apache dan MySQL di XAMPP

bull Copy folder wordpress di DXAMPPhtdocs

bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress

Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create

Buka Browser dan ketikkan localhostphpmyadmin

Cara Installasi Wordpress

bull Buka browser dan ketik localhostwordpress

bull Maka akan muncul halaman awal seperti ini

Klik Letrsquos Go Untuk Proses selanjutnya

Maka akan muncul tampilan seperti dibawah ini

Isikan data seperti di tampilan

Setelah Selesai klik ldquoSubmitrdquo

Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda

Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten

Menu untuk manajemen wordpress secara global

Berguna untuk import dan export data

Menu untuk manajemen User Akses

Menu utk setting plug in

Menu untuk settingan Tema widget dll

Menu untuk manajemen komentar dari postingan berita

Mengatur halaman Web

Menu untuk Penyimpanan data Multimedia

Menu Untuk Postingan Berita

Cara Mengganti Themes Wordpress

bull Buat Folder themessaya di wp-contentthemes

bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb

Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10

bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut

lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt

bull Sekarang anda bisa lihat di menu appearance klik menu tersebut

Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate

bull Dan lihat perubahannya akan seperti tampilan di bawah ini

Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip

Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini

lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt

ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt

Tambahkan di file stylecss dengan script seperti di bawah ini

wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft

sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft

Maka Tampilannya seperti ini

Kesimpulan

bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik

bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut

bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda

bull Selamat datang di dunia INTERNET amp BLOG

2 Memilih halaman utama web

3 Memilih Tema Web

4 Membuat Alamat Web (Domain)

Sample

5 Memilih Paket web

6 Create Your Account

Sample

Finish

Finish

Tampilan Panel Admin

Tampilan utama

Terimakasih

HTML DASAR M ZAKKI ABDILLAH

PENGABDIAN UNIVERSITAS SEMARANG (USM)

STRUKTUR DASAR HTML

lthtmlgt

ltheadgt

lttitlegt

Judul web anda letakkan disini

lttitlegt

ltheadgt

ltbodygt

Isi dari web anda letakkan disini

ltbodygt

lthtmlgt

Simpan dengan Nama dasarhtml

Hasil dari dasarhtml

Title Judul

Body Isi

BACKGROUND DAN WARNA TEKS

lthtmlgt

ltheadgt

lttitlegtkarya pertamakulttitlegt

ltheadgt

ltbody bgcolor=yellow text=redgt

tulisan ini akan tampak dalam browser

ltbodygt

lthtmlgt

Simpan dengan Nama bodyhtml

Hasil dari bodyhtml

Warna Font

Warna Background

NUMBERING

bull ltol type=ldquo1rdquogt

ltligtitem pertamaltligt

ltligtitem kedualtligt

ltol type=ldquoardquogt

ltligtsub item pertamaltligt

ltligtsub item kedualtligt

ltol type=ldquoirdquogt

ltligtsub sub item pertamaltligt

ltligtsub sub item kedualtligt

ltligtsub sub item ketigaltligt

ltolgt

ltligtsub item ketigaltligt

ltolgt

ltligtitem ketigaltligt

ltolgt

Simpan dengan Nama numberinghtml

Hasil dari numberinghtml

BULLET

bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt

Simpan dengan Nama bullethtml

Hasil dari bullethtml

WordPress Pengabdian Universitas Semarang (USM)

Langkah Persiapan

bull Aktifkan apache dan MySQL di XAMPP

bull Copy folder wordpress di DXAMPPhtdocs

bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress

Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create

Buka Browser dan ketikkan localhostphpmyadmin

Cara Installasi Wordpress

bull Buka browser dan ketik localhostwordpress

bull Maka akan muncul halaman awal seperti ini

Klik Letrsquos Go Untuk Proses selanjutnya

Maka akan muncul tampilan seperti dibawah ini

Isikan data seperti di tampilan

Setelah Selesai klik ldquoSubmitrdquo

Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda

Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten

Menu untuk manajemen wordpress secara global

Berguna untuk import dan export data

Menu untuk manajemen User Akses

Menu utk setting plug in

Menu untuk settingan Tema widget dll

Menu untuk manajemen komentar dari postingan berita

Mengatur halaman Web

Menu untuk Penyimpanan data Multimedia

Menu Untuk Postingan Berita

Cara Mengganti Themes Wordpress

bull Buat Folder themessaya di wp-contentthemes

bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb

Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10

bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut

lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt

bull Sekarang anda bisa lihat di menu appearance klik menu tersebut

Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate

bull Dan lihat perubahannya akan seperti tampilan di bawah ini

Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip

Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini

lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt

ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt

Tambahkan di file stylecss dengan script seperti di bawah ini

wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft

sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft

Maka Tampilannya seperti ini

Kesimpulan

bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik

bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut

bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda

bull Selamat datang di dunia INTERNET amp BLOG

3 Memilih Tema Web

4 Membuat Alamat Web (Domain)

Sample

5 Memilih Paket web

6 Create Your Account

Sample

Finish

Finish

Tampilan Panel Admin

Tampilan utama

Terimakasih

HTML DASAR M ZAKKI ABDILLAH

PENGABDIAN UNIVERSITAS SEMARANG (USM)

STRUKTUR DASAR HTML

lthtmlgt

ltheadgt

lttitlegt

Judul web anda letakkan disini

lttitlegt

ltheadgt

ltbodygt

Isi dari web anda letakkan disini

ltbodygt

lthtmlgt

Simpan dengan Nama dasarhtml

Hasil dari dasarhtml

Title Judul

Body Isi

BACKGROUND DAN WARNA TEKS

lthtmlgt

ltheadgt

lttitlegtkarya pertamakulttitlegt

ltheadgt

ltbody bgcolor=yellow text=redgt

tulisan ini akan tampak dalam browser

ltbodygt

lthtmlgt

Simpan dengan Nama bodyhtml

Hasil dari bodyhtml

Warna Font

Warna Background

NUMBERING

bull ltol type=ldquo1rdquogt

ltligtitem pertamaltligt

ltligtitem kedualtligt

ltol type=ldquoardquogt

ltligtsub item pertamaltligt

ltligtsub item kedualtligt

ltol type=ldquoirdquogt

ltligtsub sub item pertamaltligt

ltligtsub sub item kedualtligt

ltligtsub sub item ketigaltligt

ltolgt

ltligtsub item ketigaltligt

ltolgt

ltligtitem ketigaltligt

ltolgt

Simpan dengan Nama numberinghtml

Hasil dari numberinghtml

BULLET

bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt

Simpan dengan Nama bullethtml

Hasil dari bullethtml

WordPress Pengabdian Universitas Semarang (USM)

Langkah Persiapan

bull Aktifkan apache dan MySQL di XAMPP

bull Copy folder wordpress di DXAMPPhtdocs

bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress

Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create

Buka Browser dan ketikkan localhostphpmyadmin

Cara Installasi Wordpress

bull Buka browser dan ketik localhostwordpress

bull Maka akan muncul halaman awal seperti ini

Klik Letrsquos Go Untuk Proses selanjutnya

Maka akan muncul tampilan seperti dibawah ini

Isikan data seperti di tampilan

Setelah Selesai klik ldquoSubmitrdquo

Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda

Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten

Menu untuk manajemen wordpress secara global

Berguna untuk import dan export data

Menu untuk manajemen User Akses

Menu utk setting plug in

Menu untuk settingan Tema widget dll

Menu untuk manajemen komentar dari postingan berita

Mengatur halaman Web

Menu untuk Penyimpanan data Multimedia

Menu Untuk Postingan Berita

Cara Mengganti Themes Wordpress

bull Buat Folder themessaya di wp-contentthemes

bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb

Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10

bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut

lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt

bull Sekarang anda bisa lihat di menu appearance klik menu tersebut

Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate

bull Dan lihat perubahannya akan seperti tampilan di bawah ini

Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip

Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini

lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt

ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt

Tambahkan di file stylecss dengan script seperti di bawah ini

wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft

sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft

Maka Tampilannya seperti ini

Kesimpulan

bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik

bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut

bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda

bull Selamat datang di dunia INTERNET amp BLOG

4 Membuat Alamat Web (Domain)

Sample

5 Memilih Paket web

6 Create Your Account

Sample

Finish

Finish

Tampilan Panel Admin

Tampilan utama

Terimakasih

HTML DASAR M ZAKKI ABDILLAH

PENGABDIAN UNIVERSITAS SEMARANG (USM)

STRUKTUR DASAR HTML

lthtmlgt

ltheadgt

lttitlegt

Judul web anda letakkan disini

lttitlegt

ltheadgt

ltbodygt

Isi dari web anda letakkan disini

ltbodygt

lthtmlgt

Simpan dengan Nama dasarhtml

Hasil dari dasarhtml

Title Judul

Body Isi

BACKGROUND DAN WARNA TEKS

lthtmlgt

ltheadgt

lttitlegtkarya pertamakulttitlegt

ltheadgt

ltbody bgcolor=yellow text=redgt

tulisan ini akan tampak dalam browser

ltbodygt

lthtmlgt

Simpan dengan Nama bodyhtml

Hasil dari bodyhtml

Warna Font

Warna Background

NUMBERING

bull ltol type=ldquo1rdquogt

ltligtitem pertamaltligt

ltligtitem kedualtligt

ltol type=ldquoardquogt

ltligtsub item pertamaltligt

ltligtsub item kedualtligt

ltol type=ldquoirdquogt

ltligtsub sub item pertamaltligt

ltligtsub sub item kedualtligt

ltligtsub sub item ketigaltligt

ltolgt

ltligtsub item ketigaltligt

ltolgt

ltligtitem ketigaltligt

ltolgt

Simpan dengan Nama numberinghtml

Hasil dari numberinghtml

BULLET

bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt

Simpan dengan Nama bullethtml

Hasil dari bullethtml

WordPress Pengabdian Universitas Semarang (USM)

Langkah Persiapan

bull Aktifkan apache dan MySQL di XAMPP

bull Copy folder wordpress di DXAMPPhtdocs

bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress

Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create

Buka Browser dan ketikkan localhostphpmyadmin

Cara Installasi Wordpress

bull Buka browser dan ketik localhostwordpress

bull Maka akan muncul halaman awal seperti ini

Klik Letrsquos Go Untuk Proses selanjutnya

Maka akan muncul tampilan seperti dibawah ini

Isikan data seperti di tampilan

Setelah Selesai klik ldquoSubmitrdquo

Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda

Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten

Menu untuk manajemen wordpress secara global

Berguna untuk import dan export data

Menu untuk manajemen User Akses

Menu utk setting plug in

Menu untuk settingan Tema widget dll

Menu untuk manajemen komentar dari postingan berita

Mengatur halaman Web

Menu untuk Penyimpanan data Multimedia

Menu Untuk Postingan Berita

Cara Mengganti Themes Wordpress

bull Buat Folder themessaya di wp-contentthemes

bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb

Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10

bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut

lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt

bull Sekarang anda bisa lihat di menu appearance klik menu tersebut

Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate

bull Dan lihat perubahannya akan seperti tampilan di bawah ini

Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip

Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini

lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt

ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt

Tambahkan di file stylecss dengan script seperti di bawah ini

wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft

sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft

Maka Tampilannya seperti ini

Kesimpulan

bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik

bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut

bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda

bull Selamat datang di dunia INTERNET amp BLOG

Sample

5 Memilih Paket web

6 Create Your Account

Sample

Finish

Finish

Tampilan Panel Admin

Tampilan utama

Terimakasih

HTML DASAR M ZAKKI ABDILLAH

PENGABDIAN UNIVERSITAS SEMARANG (USM)

STRUKTUR DASAR HTML

lthtmlgt

ltheadgt

lttitlegt

Judul web anda letakkan disini

lttitlegt

ltheadgt

ltbodygt

Isi dari web anda letakkan disini

ltbodygt

lthtmlgt

Simpan dengan Nama dasarhtml

Hasil dari dasarhtml

Title Judul

Body Isi

BACKGROUND DAN WARNA TEKS

lthtmlgt

ltheadgt

lttitlegtkarya pertamakulttitlegt

ltheadgt

ltbody bgcolor=yellow text=redgt

tulisan ini akan tampak dalam browser

ltbodygt

lthtmlgt

Simpan dengan Nama bodyhtml

Hasil dari bodyhtml

Warna Font

Warna Background

NUMBERING

bull ltol type=ldquo1rdquogt

ltligtitem pertamaltligt

ltligtitem kedualtligt

ltol type=ldquoardquogt

ltligtsub item pertamaltligt

ltligtsub item kedualtligt

ltol type=ldquoirdquogt

ltligtsub sub item pertamaltligt

ltligtsub sub item kedualtligt

ltligtsub sub item ketigaltligt

ltolgt

ltligtsub item ketigaltligt

ltolgt

ltligtitem ketigaltligt

ltolgt

Simpan dengan Nama numberinghtml

Hasil dari numberinghtml

BULLET

bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt

Simpan dengan Nama bullethtml

Hasil dari bullethtml

WordPress Pengabdian Universitas Semarang (USM)

Langkah Persiapan

bull Aktifkan apache dan MySQL di XAMPP

bull Copy folder wordpress di DXAMPPhtdocs

bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress

Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create

Buka Browser dan ketikkan localhostphpmyadmin

Cara Installasi Wordpress

bull Buka browser dan ketik localhostwordpress

bull Maka akan muncul halaman awal seperti ini

Klik Letrsquos Go Untuk Proses selanjutnya

Maka akan muncul tampilan seperti dibawah ini

Isikan data seperti di tampilan

Setelah Selesai klik ldquoSubmitrdquo

Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda

Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten

Menu untuk manajemen wordpress secara global

Berguna untuk import dan export data

Menu untuk manajemen User Akses

Menu utk setting plug in

Menu untuk settingan Tema widget dll

Menu untuk manajemen komentar dari postingan berita

Mengatur halaman Web

Menu untuk Penyimpanan data Multimedia

Menu Untuk Postingan Berita

Cara Mengganti Themes Wordpress

bull Buat Folder themessaya di wp-contentthemes

bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb

Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10

bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut

lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt

bull Sekarang anda bisa lihat di menu appearance klik menu tersebut

Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate

bull Dan lihat perubahannya akan seperti tampilan di bawah ini

Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip

Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini

lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt

ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt

Tambahkan di file stylecss dengan script seperti di bawah ini

wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft

sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft

Maka Tampilannya seperti ini

Kesimpulan

bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik

bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut

bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda

bull Selamat datang di dunia INTERNET amp BLOG

5 Memilih Paket web

6 Create Your Account

Sample

Finish

Finish

Tampilan Panel Admin

Tampilan utama

Terimakasih

HTML DASAR M ZAKKI ABDILLAH

PENGABDIAN UNIVERSITAS SEMARANG (USM)

STRUKTUR DASAR HTML

lthtmlgt

ltheadgt

lttitlegt

Judul web anda letakkan disini

lttitlegt

ltheadgt

ltbodygt

Isi dari web anda letakkan disini

ltbodygt

lthtmlgt

Simpan dengan Nama dasarhtml

Hasil dari dasarhtml

Title Judul

Body Isi

BACKGROUND DAN WARNA TEKS

lthtmlgt

ltheadgt

lttitlegtkarya pertamakulttitlegt

ltheadgt

ltbody bgcolor=yellow text=redgt

tulisan ini akan tampak dalam browser

ltbodygt

lthtmlgt

Simpan dengan Nama bodyhtml

Hasil dari bodyhtml

Warna Font

Warna Background

NUMBERING

bull ltol type=ldquo1rdquogt

ltligtitem pertamaltligt

ltligtitem kedualtligt

ltol type=ldquoardquogt

ltligtsub item pertamaltligt

ltligtsub item kedualtligt

ltol type=ldquoirdquogt

ltligtsub sub item pertamaltligt

ltligtsub sub item kedualtligt

ltligtsub sub item ketigaltligt

ltolgt

ltligtsub item ketigaltligt

ltolgt

ltligtitem ketigaltligt

ltolgt

Simpan dengan Nama numberinghtml

Hasil dari numberinghtml

BULLET

bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt

Simpan dengan Nama bullethtml

Hasil dari bullethtml

WordPress Pengabdian Universitas Semarang (USM)

Langkah Persiapan

bull Aktifkan apache dan MySQL di XAMPP

bull Copy folder wordpress di DXAMPPhtdocs

bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress

Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create

Buka Browser dan ketikkan localhostphpmyadmin

Cara Installasi Wordpress

bull Buka browser dan ketik localhostwordpress

bull Maka akan muncul halaman awal seperti ini

Klik Letrsquos Go Untuk Proses selanjutnya

Maka akan muncul tampilan seperti dibawah ini

Isikan data seperti di tampilan

Setelah Selesai klik ldquoSubmitrdquo

Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda

Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten

Menu untuk manajemen wordpress secara global

Berguna untuk import dan export data

Menu untuk manajemen User Akses

Menu utk setting plug in

Menu untuk settingan Tema widget dll

Menu untuk manajemen komentar dari postingan berita

Mengatur halaman Web

Menu untuk Penyimpanan data Multimedia

Menu Untuk Postingan Berita

Cara Mengganti Themes Wordpress

bull Buat Folder themessaya di wp-contentthemes

bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb

Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10

bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut

lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt

bull Sekarang anda bisa lihat di menu appearance klik menu tersebut

Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate

bull Dan lihat perubahannya akan seperti tampilan di bawah ini

Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip

Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini

lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt

ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt

Tambahkan di file stylecss dengan script seperti di bawah ini

wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft

sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft

Maka Tampilannya seperti ini

Kesimpulan

bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik

bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut

bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda

bull Selamat datang di dunia INTERNET amp BLOG

6 Create Your Account

Sample

Finish

Finish

Tampilan Panel Admin

Tampilan utama

Terimakasih

HTML DASAR M ZAKKI ABDILLAH

PENGABDIAN UNIVERSITAS SEMARANG (USM)

STRUKTUR DASAR HTML

lthtmlgt

ltheadgt

lttitlegt

Judul web anda letakkan disini

lttitlegt

ltheadgt

ltbodygt

Isi dari web anda letakkan disini

ltbodygt

lthtmlgt

Simpan dengan Nama dasarhtml

Hasil dari dasarhtml

Title Judul

Body Isi

BACKGROUND DAN WARNA TEKS

lthtmlgt

ltheadgt

lttitlegtkarya pertamakulttitlegt

ltheadgt

ltbody bgcolor=yellow text=redgt

tulisan ini akan tampak dalam browser

ltbodygt

lthtmlgt

Simpan dengan Nama bodyhtml

Hasil dari bodyhtml

Warna Font

Warna Background

NUMBERING

bull ltol type=ldquo1rdquogt

ltligtitem pertamaltligt

ltligtitem kedualtligt

ltol type=ldquoardquogt

ltligtsub item pertamaltligt

ltligtsub item kedualtligt

ltol type=ldquoirdquogt

ltligtsub sub item pertamaltligt

ltligtsub sub item kedualtligt

ltligtsub sub item ketigaltligt

ltolgt

ltligtsub item ketigaltligt

ltolgt

ltligtitem ketigaltligt

ltolgt

Simpan dengan Nama numberinghtml

Hasil dari numberinghtml

BULLET

bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt

Simpan dengan Nama bullethtml

Hasil dari bullethtml

WordPress Pengabdian Universitas Semarang (USM)

Langkah Persiapan

bull Aktifkan apache dan MySQL di XAMPP

bull Copy folder wordpress di DXAMPPhtdocs

bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress

Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create

Buka Browser dan ketikkan localhostphpmyadmin

Cara Installasi Wordpress

bull Buka browser dan ketik localhostwordpress

bull Maka akan muncul halaman awal seperti ini

Klik Letrsquos Go Untuk Proses selanjutnya

Maka akan muncul tampilan seperti dibawah ini

Isikan data seperti di tampilan

Setelah Selesai klik ldquoSubmitrdquo

Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda

Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten

Menu untuk manajemen wordpress secara global

Berguna untuk import dan export data

Menu untuk manajemen User Akses

Menu utk setting plug in

Menu untuk settingan Tema widget dll

Menu untuk manajemen komentar dari postingan berita

Mengatur halaman Web

Menu untuk Penyimpanan data Multimedia

Menu Untuk Postingan Berita

Cara Mengganti Themes Wordpress

bull Buat Folder themessaya di wp-contentthemes

bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb

Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10

bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut

lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt

bull Sekarang anda bisa lihat di menu appearance klik menu tersebut

Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate

bull Dan lihat perubahannya akan seperti tampilan di bawah ini

Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip

Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini

lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt

ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt

Tambahkan di file stylecss dengan script seperti di bawah ini

wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft

sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft

Maka Tampilannya seperti ini

Kesimpulan

bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik

bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut

bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda

bull Selamat datang di dunia INTERNET amp BLOG

Sample

Finish

Finish

Tampilan Panel Admin

Tampilan utama

Terimakasih

HTML DASAR M ZAKKI ABDILLAH

PENGABDIAN UNIVERSITAS SEMARANG (USM)

STRUKTUR DASAR HTML

lthtmlgt

ltheadgt

lttitlegt

Judul web anda letakkan disini

lttitlegt

ltheadgt

ltbodygt

Isi dari web anda letakkan disini

ltbodygt

lthtmlgt

Simpan dengan Nama dasarhtml

Hasil dari dasarhtml

Title Judul

Body Isi

BACKGROUND DAN WARNA TEKS

lthtmlgt

ltheadgt

lttitlegtkarya pertamakulttitlegt

ltheadgt

ltbody bgcolor=yellow text=redgt

tulisan ini akan tampak dalam browser

ltbodygt

lthtmlgt

Simpan dengan Nama bodyhtml

Hasil dari bodyhtml

Warna Font

Warna Background

NUMBERING

bull ltol type=ldquo1rdquogt

ltligtitem pertamaltligt

ltligtitem kedualtligt

ltol type=ldquoardquogt

ltligtsub item pertamaltligt

ltligtsub item kedualtligt

ltol type=ldquoirdquogt

ltligtsub sub item pertamaltligt

ltligtsub sub item kedualtligt

ltligtsub sub item ketigaltligt

ltolgt

ltligtsub item ketigaltligt

ltolgt

ltligtitem ketigaltligt

ltolgt

Simpan dengan Nama numberinghtml

Hasil dari numberinghtml

BULLET

bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt

Simpan dengan Nama bullethtml

Hasil dari bullethtml

WordPress Pengabdian Universitas Semarang (USM)

Langkah Persiapan

bull Aktifkan apache dan MySQL di XAMPP

bull Copy folder wordpress di DXAMPPhtdocs

bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress

Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create

Buka Browser dan ketikkan localhostphpmyadmin

Cara Installasi Wordpress

bull Buka browser dan ketik localhostwordpress

bull Maka akan muncul halaman awal seperti ini

Klik Letrsquos Go Untuk Proses selanjutnya

Maka akan muncul tampilan seperti dibawah ini

Isikan data seperti di tampilan

Setelah Selesai klik ldquoSubmitrdquo

Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda

Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten

Menu untuk manajemen wordpress secara global

Berguna untuk import dan export data

Menu untuk manajemen User Akses

Menu utk setting plug in

Menu untuk settingan Tema widget dll

Menu untuk manajemen komentar dari postingan berita

Mengatur halaman Web

Menu untuk Penyimpanan data Multimedia

Menu Untuk Postingan Berita

Cara Mengganti Themes Wordpress

bull Buat Folder themessaya di wp-contentthemes

bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb

Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10

bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut

lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt

bull Sekarang anda bisa lihat di menu appearance klik menu tersebut

Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate

bull Dan lihat perubahannya akan seperti tampilan di bawah ini

Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip

Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini

lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt

ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt

Tambahkan di file stylecss dengan script seperti di bawah ini

wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft

sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft

Maka Tampilannya seperti ini

Kesimpulan

bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik

bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut

bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda

bull Selamat datang di dunia INTERNET amp BLOG

Finish

Finish

Tampilan Panel Admin

Tampilan utama

Terimakasih

HTML DASAR M ZAKKI ABDILLAH

PENGABDIAN UNIVERSITAS SEMARANG (USM)

STRUKTUR DASAR HTML

lthtmlgt

ltheadgt

lttitlegt

Judul web anda letakkan disini

lttitlegt

ltheadgt

ltbodygt

Isi dari web anda letakkan disini

ltbodygt

lthtmlgt

Simpan dengan Nama dasarhtml

Hasil dari dasarhtml

Title Judul

Body Isi

BACKGROUND DAN WARNA TEKS

lthtmlgt

ltheadgt

lttitlegtkarya pertamakulttitlegt

ltheadgt

ltbody bgcolor=yellow text=redgt

tulisan ini akan tampak dalam browser

ltbodygt

lthtmlgt

Simpan dengan Nama bodyhtml

Hasil dari bodyhtml

Warna Font

Warna Background

NUMBERING

bull ltol type=ldquo1rdquogt

ltligtitem pertamaltligt

ltligtitem kedualtligt

ltol type=ldquoardquogt

ltligtsub item pertamaltligt

ltligtsub item kedualtligt

ltol type=ldquoirdquogt

ltligtsub sub item pertamaltligt

ltligtsub sub item kedualtligt

ltligtsub sub item ketigaltligt

ltolgt

ltligtsub item ketigaltligt

ltolgt

ltligtitem ketigaltligt

ltolgt

Simpan dengan Nama numberinghtml

Hasil dari numberinghtml

BULLET

bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt

Simpan dengan Nama bullethtml

Hasil dari bullethtml

WordPress Pengabdian Universitas Semarang (USM)

Langkah Persiapan

bull Aktifkan apache dan MySQL di XAMPP

bull Copy folder wordpress di DXAMPPhtdocs

bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress

Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create

Buka Browser dan ketikkan localhostphpmyadmin

Cara Installasi Wordpress

bull Buka browser dan ketik localhostwordpress

bull Maka akan muncul halaman awal seperti ini

Klik Letrsquos Go Untuk Proses selanjutnya

Maka akan muncul tampilan seperti dibawah ini

Isikan data seperti di tampilan

Setelah Selesai klik ldquoSubmitrdquo

Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda

Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten

Menu untuk manajemen wordpress secara global

Berguna untuk import dan export data

Menu untuk manajemen User Akses

Menu utk setting plug in

Menu untuk settingan Tema widget dll

Menu untuk manajemen komentar dari postingan berita

Mengatur halaman Web

Menu untuk Penyimpanan data Multimedia

Menu Untuk Postingan Berita

Cara Mengganti Themes Wordpress

bull Buat Folder themessaya di wp-contentthemes

bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb

Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10

bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut

lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt

bull Sekarang anda bisa lihat di menu appearance klik menu tersebut

Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate

bull Dan lihat perubahannya akan seperti tampilan di bawah ini

Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip

Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini

lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt

ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt

Tambahkan di file stylecss dengan script seperti di bawah ini

wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft

sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft

Maka Tampilannya seperti ini

Kesimpulan

bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik

bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut

bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda

bull Selamat datang di dunia INTERNET amp BLOG

Finish

Tampilan Panel Admin

Tampilan utama

Terimakasih

HTML DASAR M ZAKKI ABDILLAH

PENGABDIAN UNIVERSITAS SEMARANG (USM)

STRUKTUR DASAR HTML

lthtmlgt

ltheadgt

lttitlegt

Judul web anda letakkan disini

lttitlegt

ltheadgt

ltbodygt

Isi dari web anda letakkan disini

ltbodygt

lthtmlgt

Simpan dengan Nama dasarhtml

Hasil dari dasarhtml

Title Judul

Body Isi

BACKGROUND DAN WARNA TEKS

lthtmlgt

ltheadgt

lttitlegtkarya pertamakulttitlegt

ltheadgt

ltbody bgcolor=yellow text=redgt

tulisan ini akan tampak dalam browser

ltbodygt

lthtmlgt

Simpan dengan Nama bodyhtml

Hasil dari bodyhtml

Warna Font

Warna Background

NUMBERING

bull ltol type=ldquo1rdquogt

ltligtitem pertamaltligt

ltligtitem kedualtligt

ltol type=ldquoardquogt

ltligtsub item pertamaltligt

ltligtsub item kedualtligt

ltol type=ldquoirdquogt

ltligtsub sub item pertamaltligt

ltligtsub sub item kedualtligt

ltligtsub sub item ketigaltligt

ltolgt

ltligtsub item ketigaltligt

ltolgt

ltligtitem ketigaltligt

ltolgt

Simpan dengan Nama numberinghtml

Hasil dari numberinghtml

BULLET

bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt

Simpan dengan Nama bullethtml

Hasil dari bullethtml

WordPress Pengabdian Universitas Semarang (USM)

Langkah Persiapan

bull Aktifkan apache dan MySQL di XAMPP

bull Copy folder wordpress di DXAMPPhtdocs

bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress

Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create

Buka Browser dan ketikkan localhostphpmyadmin

Cara Installasi Wordpress

bull Buka browser dan ketik localhostwordpress

bull Maka akan muncul halaman awal seperti ini

Klik Letrsquos Go Untuk Proses selanjutnya

Maka akan muncul tampilan seperti dibawah ini

Isikan data seperti di tampilan

Setelah Selesai klik ldquoSubmitrdquo

Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda

Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten

Menu untuk manajemen wordpress secara global

Berguna untuk import dan export data

Menu untuk manajemen User Akses

Menu utk setting plug in

Menu untuk settingan Tema widget dll

Menu untuk manajemen komentar dari postingan berita

Mengatur halaman Web

Menu untuk Penyimpanan data Multimedia

Menu Untuk Postingan Berita

Cara Mengganti Themes Wordpress

bull Buat Folder themessaya di wp-contentthemes

bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb

Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10

bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut

lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt

bull Sekarang anda bisa lihat di menu appearance klik menu tersebut

Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate

bull Dan lihat perubahannya akan seperti tampilan di bawah ini

Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip

Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini

lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt

ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt

Tambahkan di file stylecss dengan script seperti di bawah ini

wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft

sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft

Maka Tampilannya seperti ini

Kesimpulan

bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik

bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut

bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda

bull Selamat datang di dunia INTERNET amp BLOG