Anda di halaman 1dari 15

MODUL 3

Mendesain Header Blog Guru


Oleh: Mr. Mung
www.mrmung.com

Satu Guru Satu Blog

Update: 28 Januari 2017


Tagihan Pada Modul 4

• Peserta workshop bisa menunjukan


hasil desain header dan sudah dipasang
di blog guru.
Mendesain Header Blog Guru

1. Untuk mendesain header, anda bisa gunakan program


adobe photoshop CS2 (Gratis lisensi resmi adobe,
download disini: http://tinyurl.com/mungcs2 )
Serial Number: 1045-1412-5685-1654-6343-1431
2. Bagi pengguna Tab A8 Samsung atau smartphone
android lain, anda bisa menggunakan aplikasi PicsArt
untuk mendesain header anda.
3. Bahan desain header siap pakai, anda tinggal
menambahkan teks dengan Photoshop, PicsArt, atau
Paint, bisa didownload disini: https://goo.gl/n5s5s3
Mendesain Header Blog Guru
dengan Program Paint
1. Download bahan gambar header siap pakai di
https://goo.gl/n5s5s3

1). Pilih gambar


2). Klik kanan
3). Save As Image /
Simpan Gambar
sebagai...
Mendesain Header Blog Guru
dengan Program Paint Windows 8/10
2. Buka program PAINT (setiap komputer dengan
sistem operasi MS. Windows sudah tersedia program
paint) 1) Klik start/ tombol windows
2) Ketik paint – pilih program paint
Mendesain Header Blog Guru
dengan Program Paint Windows 8/10
3. Buka file gambar siap pakai yang sudah anda
download.
Mendesain Header Blog Guru
dengan Program Paint Windows 8/10
4. Tulislah judul blog anda contoh seperti gambar
berikut:
Mendesain Header Blog Guru
dengan Program Paint Windows 8/10
Untuk memberi efek tulisan, buatlah tulisan yang sama
dengan ukuran yang sama, namun warna berbeda,
hasilnya seperti gambar berikut:
Mendesain Header Blog Guru
dengan Program Paint Windows 8/10
Tambahkan deskripsi blog, misal dengan memberi gambar
kotak berwarna, kemudian tuliskan deskripsi diatas kotak
tersebut, perhatikan hasil akhir desain header berikut:
Mendesain Header Blog Guru
dengan Program Paint Windows 8/10
Terakhir, simpan gambar dengan mengklik menu File –
Save (atau CTRL+S). Dan desain header sudah siap di
upload untuk menghiasi blog anda.
Mendesain Header Blog Guru

1. Dimensi gambar header harus disesuaikan dengan lebar template yang sudah
didesain.
2. Contoh pada workshop online SAGUSABLOG ini menggunakan dimensi gambar
header: Width: 980 px, Height: 180 px
3. Setelah gambar selesai anda desain, selanjutnya anda upload ke blog anda.
4. Video cara mendesain header dengan adobe photoshop CS 2:
https://goo.gl/pCjJjE
5. Video Desain menggunakan Tab A8 Samsung aplikasi PicsArt:
https://goo.gl/fUv5nw
6. Video Desain Header menggunakan Desain grafis dasar bawaan windows PAINT:
https://goo.gl/TdvhyK

Silahkan anda berkreasi sesuai keinginan anda, setelah desain


header selesai, silahkan lanjutkan proses pemasangan header di blog
Mendesain Header Blog Guru
1. Login di blogger.com menggunakan account google anda,
pilih menu Tata Letak, perhatikan gambar berikut:
Mendesain Header Blog Guru
2. Pada halaman Tata Letak, fokus pada bagian header blog anda,
silahkan klik teks Edit dipojok kanan bawah, perhatikan gambar.
Mendesain Header Blog Guru
3. Klik Choose File pilih gambar desain header anda, pilih opsi
penempatan pada Selain judul dan keterangan, klik tombol Simpan
Mendesain Header Blog Guru

Selamat, header blog anda sudah selesai didesain. Anda bisa


melihat hasilnya dengan cara klik tombol Lihat Blog, atau anda
ketik langsung alamat blog anda di browser.