MERUBAH HEADER TEMPLATE BAWAAN

pusing buat ngerubah header template karya orang lain, neh caranya  membuat gambar header sendiri diperlukan semacam aplikasi desain grafis semacam photoshop, grimpt, atau corel draw. Namun jika disuruh menjelaskan pembuatannya, jujur aku sendiri gak terlalu ahli soal begituan, jadi aku anggap kalian bisa sendiri.

Tapi. . . sebelum bikin sebuah header ada beberapa hal yang perlu diperhatikan diantaranya:
Ukuran (dalam pixels)
Untuk mengetahui ukuran header pada template kamu, ada cara gampang yaitu klik kanan pada gambar header pilih 'view background image'


Akan muncul gambar header tersebut di browser, kamu klik kanan lagi lalu pilih 'view image info'

Akan muncul keterangan gambar tersebut termasuk ukuran.

Nah jadikan ukuran itu untuk membuat gambar headermu sendiri. (dalam hal ini aku mendapat ukuran 960x122)
Format Gambar
Disarankan format gambar adalah JPG/JPEG atau PNG, kenapa?
Karena format tersebut memiliki kualitas gambar yang jelas, tapi kalau kira-kira gambarnya besar sebaiknya pilih format JPG/JPEG yang memiliki ukuran relatif kecil dibandin PNG
Kesesuaian dengan Warna Background
Ada beberapa template yang membuat gambar header terlihat menyatu dengan background, pikirkan lagi! Jangan sampai nantinya kacau!

Jika kamu takut untuk membuat header baru, sebaiknya kamu edit aja gambar header yang asli dan dirubah sesuai keinginan.

Anggap kamu udah punya gambar headernya, langkah berikutnya adalah mengupload gambar tersebut.
Banyak yang menyediakan jasa imagehosting, agar lebih upload di imageshack.
Nb: jika ukuran gambr header kamu besar, jangan upload gambar menggunakan Blogger karena gambar akan diresize oleh picasa dan alhasil akan mengacaukan template kamu!

Terakhir, copy alamat gambar hasil upload tadi!

Sekarang adalah langkah-langkah mengganti gambar header bawaan template dengan gambar header buatanmu.

Cara simplenya, masuk ke menu rancangan dan edit HTML

Cari alamat gambar default yang kamu dapat dari langkah sebelumnya (klik kanan pada header blogmu pilih 'view background image' dan copy alamat gambar)

Replace atau ganti alamat gambar default tadi dengan alamat gambar kamu.

Misal alamat default terdapat di kode
#header-wrappper {
background: #000000 url(http://img717.imageshack.us/img717/7947/headerjelek.jpg) no-repeat;
. . . . .
}
Ganti alamat yang berwarna merah dengan alamat gambarmu!
Terakhir, jangan lupa simpan template!
MANTAPZ DAH !

Posting Komentar untuk "MERUBAH HEADER TEMPLATE BAWAAN"

close