Membuat Header Web Blog Lebih Menarik

Membuat header blog lebih menarik bisa dilakukan dengan memberi tulisan dan gambar yang eye catching / artisitik. Lihat contoh di bawah ini :

jaket kulit - jaketkulitonline.biz

Tulisan pada header bisa dibuat lebih artisitik jika dalam format image / gambar yang merupakan hasil olahan software grafis. Sebaiknya tulisan pada header ini dibuat dengan background transparant, agar tampak lebih indah dan alami.

Software yang digunakan pada tutorial adalah :

1. Picpick

2. Adobe Photoshop

Picpick digunakan untuk mengukur besarnya header website atau blog. Sedangkan Photoshop untuk membuat header dengan background transparan (PNG).

Prasyarat untuk menjalankan tutorial kali ini :

1. Blog yang akan digunakan adalah Blogspot

2. Telah meng instal software : Picpick dan Adobe Photoshop

Langkah-langkah untuk membuat header web blog lebih menarik :

1. Buka blog yang akan dibuat header nya

Pada internet browser, setting lah perbesaran 100%, agar hasil pengukuran header tepat.

2. Buka Picpick

Buka menu yang ada di bagian pojok kiri atas Picpick Editor –> pilih Pixel Ruler

3. Lakukan pengukuran menggunakan ruler Picpick

Secara default ruler tersebut dalam arah vertikal. Setelah dalam arah vertikal didapat hasil pengukurannya. Selanjutnya ukur header arah horisontal. Caranya tempatkan pointer mouse pada tengah ruler, lalu klik kanan, pilih Type : Horizontal. Catat semua ukuran vertikal dan horizontal dalam satuan Pixel. Misalnya didapat ukuran 150 pixel x 700 pixel.

4. Buka Photoshop

Klik menu File –> New

Isilah pada bagian Width dan Height sesuai hasil pengukuran sebelumnya

Pada bagian Background Contents, pilih Transparent

5. Buatlah header dengan kreatifitas masing-masing

Lalu simpan (save) file dalam format PNG

6. Login ke dalam Blogspot

Pilih menu Layout –> klik Edit pada bagian Header

Pada window Configure Header –> lihat bagian Image –> Pilih From Your Computer –> klik Browse dan pilih file PNG yang sudah kita buat di atas

Pada bagian Placement –> pilih Instead of Title and Description (agar di header yang nampak hanya image PNG) –> Lalu klik Save

7. Lihat perubahan langsung di blog

Semoga bermanfaat.

Updated: February 4, 2014 — 1:24 am