9. cara membuat header blog dengan x header by pak sukani

10
1 @gurumelekit mas sukani http://trainergurumelekit.wordpress.com >>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<< CARA MEMBUAT HEADER BLOG DENGAN CEPAT SEMUDAH MEMASAK MIE INSTAN (X-HEADER) Dibuat oleh Pak Sukani Teacher, Trainer, Narasumber, Motivator, Pembicara dalam pelatihan dan seminar di seluruh wilayah Indonesia Situs : http://trainergurumelekit.wordpress.com ; Email : [email protected] ; HP : 085695685815 / 086930317459 FB : Mas Sukani ; Twitter : @guruMelekIT Grup FB : Diklat Online Guru Melek IT (DOGMIT) Indonesia

Upload: sukani

Post on 06-Aug-2015

471 views

Category:

Education


2 download

TRANSCRIPT

Page 1: 9. Cara membuat header blog dengan x header by pak sukani

1

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

CARA MEMBUAT HEADER BLOG DENGAN CEPAT SEMUDAH MEMASAK MIE INSTAN

(X-HEADER)

Dibuat oleh Pak Sukani

Teacher, Trainer, Narasumber, Motivator, Pembicara dalam pelatihan dan seminar di seluruh wilayah Indonesia

Situs : http://trainergurumelekit.wordpress.com ;

Email : [email protected] ; HP : 085695685815 / 086930317459

FB : Mas Sukani ; Twitter : @guruMelekIT

Grup FB : Diklat Online Guru Melek IT (DOGMIT) Indonesia

Page 2: 9. Cara membuat header blog dengan x header by pak sukani

2

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

CARA MEMBUAT HEADER BLOG DENGAN X-HEADER

Membuat kepala blog (Header Blog) dengan menggunakan software X-Header

sangatlah mudah, tidak perlu jago design grafis atau pinter photoshop.

Penggunaannya semudah memasak mie instan, simple dan mudah dimengerti, dan

yang pasti gratis atau freeware. He...he...

Software X-header dapat didownload di menu “sumber daya”. Setelah didownload

maka ikuti video tutorial tata cara menginstall software X-Header.

1. Membuat header dari template

Xheader memberikan banyak template gambar header gratis siap pakai yang bisa

kita pilih. Untuk membuat gambar header dari template buka menu File -> New.

Kemudian pilih load from template library (lihat gambar di bawah ini).

Page 3: 9. Cara membuat header blog dengan x header by pak sukani

3

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Misal kita pilih Template pada category “Education & Learning1” lalu klik 2x pada

template “Education learning1 031.jpg”

Page 4: 9. Cara membuat header blog dengan x header by pak sukani

4

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Setelah mengklik 2x pada template “Education learning1 031.jpg” maka akan muncul

tampilan sebagai berikut :

2. Mengatur ukuran gambar header

Kita bisa mengatur ukuran gambar header sesuai dengan blog kita melalui menu

Option – > Resize Header. Ukuran header blog disesuaikan dengan Thema blog

kita.

Page 5: 9. Cara membuat header blog dengan x header by pak sukani

5

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Ubah ukuran header blog yang kita buat menyesuaikan dengan ukuran header blog

kita. Hal ini disesuaikan dengan Thema blog yang bapak/ibu pilih. Misal untuk thema

blog “Twenty Ten” ukuran header blog yang diminta adalah 940 x 198 pixel.

3. Memasukkan teks

Setelah Kita memilih template atau gambar header yang tersedia, Kita bisa memulai

memasukkan teks. Kita bisa menambah dengan efek outline, chisel, emboss, dan

glow. Jika akan menambah efek, pilih teks yang akan diedit dengan menu select

terlebih dahulu.

Page 6: 9. Cara membuat header blog dengan x header by pak sukani

6

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

4. Memasukkan gambar dari komputer

Anda bisa memasukkan gambar dari komputer (harddisk, flashdisk, dsb) dengan

menggunakan tool Image.

Page 7: 9. Cara membuat header blog dengan x header by pak sukani

7

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

5. Membuat garis, kotak, dan lingkaran

Kita bisa menambahkan garis, kotak, dan lingkaran dengan tool seperti yang

ditunjukkan pada gambar di bawah ini. Objek ini juga dapat diberi efek!

6. Mengatur urutan peletakan objek

Sebuah gambar, bidang, atau tulisan dapat diletakkan di atas atau di bawah yang

lain. Anda bisa memilih objek dengan tool Select (paling kiri) dan mengaturnya

urutan peletakan objek melalui tool To Front atau To Back.

Page 8: 9. Cara membuat header blog dengan x header by pak sukani

8

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

7. Mengatur efek transparan dan bayangan

Text atau gambar dapat diatur agar transparan (tembus pandang) dan ada

bayangannya dengan tool yang tersedia seperti terlihat pada gambar ini.

8. Preview dan menyimpan Gambar

Sebelum Kita menyimpan gambar header, Anda bisa mencoba melihat tampilan

gambar header Anda di browser, buka menu Options -> Preview in Browser. Setelah

semua oke, simpan gambar Anda melalui menu File -> Save JPG. Atau File -> Save

PNG. File JPG siap di-upload ke blog kita.

Page 9: 9. Cara membuat header blog dengan x header by pak sukani

9

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Pilih Superb dengan cara mengklik 2x pada gambar header-nya :

Maka akan muncul tampilan penyimpanan file, atur dimana header gambar yang

telah kita buat itu disimpan, berikan nama filenya lalu klik “Save”.

Page 10: 9. Cara membuat header blog dengan x header by pak sukani

10

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Selesai & Selamat mencoba!

**** SEMOGA BERMANFAAT ****