Mengubah Headers Pada Blog

Supaya blog Anda terlihat unik atau beda dari yang lain. Maka Anda harus mengganti tampilan blog Anda. Ada banyak cara untuk melakukannya. Misalnya dengan mengganti template yang dibuat oleh pihak ketiga namun rata-rata template tersebut sudah ada yang menggunakannya. Terkecuali Anda membuat template sendiri namun cara ini memerlukan waktu yang sangat lama dan tidak mudah untuk membuat sebuah template yang bagus. Jadi salah satu cara yang paling gampang dan efektif adalah mengganti header pada template.
Header merupakan unsur yang paling penting dalam sebuah template karena setiap pengunjung yang datang ke blog Anda pertama kali yang dilihat adalah headernya. Jadi mengganti header merupakan cara yang paling tepat.
Header tidak harus berupa gambar. Anda juga bisa menggunakan teks sebagai header yang penting terlihat unik dan enak. Bagi Anda yang ingin menggunakan gambar tetapi tidak bisa membuatnya. Jangan khawatir. Karena ada banyak website yang menyediakan gambar header secara gratis jadi Anda tinggal mendownload saja. Beberapa website yang memiliki header yang cukup bagus seperti: 100pixel.blogspot.com, freewebpageheaders.com, smashingmagazine.com, dan masih banyak lagi.

Pada postingan ini saya akan membahas tentang mengganti header dari freewebpageheaders.com. Untuk mendownloadnya, silahkan ikuti langkah-langkah dibawah ini:


1. Buka situs http://freewebpagesheaders.com, atau klik gambar dibawah ini :

2. anda harus daftar dahulu agar bisa mendownload. Klik creat a free acount untuk mendaftar, setelah itu klik agree.


3.setelah itu isi kotak yang tersedia, bagian yang wajib diisi adalah bagian required info, untukoptional info tidak diisi juga tidak apa-apa, bila registrasi berhasil akan muncul tampilan seperti dibawah, klik return to the front page untuk kembali ke galeri



4. Lalu klik Login untuk mendowload gambar header.

5. Pilih kategori header yang Anda inginkan. Jika Anda sudah menemukan gambar yang cocok. Klik pada gambar tersebut.

6. Kemudian gambarnya akan terbuka pada halaman baru. Klik kanan pada gambar lalu pilih Save Image As lalu tekan Save.

7. Selesai. Sekarang gambar sudah tersimpan di komputer Anda

Langkah selanjutnya yang harus Anda lakukan adalah mencari tahu berapa ukuran header pada template Anda supaya pada saat mamasang ukurannya pas dengan header template Anda. Caranya:

1. Klik Layout->Edit HTML

2. Cari kode #header-wrapper. Supaya mudah untuk mencarinya, tekan Ctrl+F ketikkan header-wrapper lalu tekan Next.

3. Jika sudah ketemu biasanya ada kode width dan height disekitarnya. Misalnya #header-wrapper { background: url } no-repeat; width:980px; height:100px;
Width adalah panjang header dan Height adalah lebar header. Berarti Anda harus meresize gambarnya menjadi 980x100 pixel. Anda bisa menggunakan program pengolah gambar seperti Ms Paint, ACD See, photoshop untuk meresizenya.

4. Setelah selesai. Buka Blogger, masuk ke menu Layout->Page Elements.

5. Klik Edit pada bagian Header, seperti tampilan ini


6. Kemudian akan muncul halaman baru, seperti tampilan ini


7. Pilih Browse from your computer jika gambarnya disimpan dikomputer atau Browse from the web jika gambarnya disimpan di image hosting seperti: Imageshack, Photobucket, dan Geocities.

8. Pada bagian Placement. Pilih Behind title and description jika Anda ingin manampilkan gambar dibelakang judul dan deskripsi blog atau pilih Instead of title and description jika Anda ingin menutupi judul dan deskripsi blog.

9. Lalu klik Save. Klik View Blog untuk melihat hasilnya.

0 komentar:

Copyright © 2009 - Blog gembulz - is proudly powered by Blogger
Smashing Magazine - Design Disease - Blog and Web - Dilectio Blogger Template