| 30 comments ]

Pada postingan sebelumnya saya telah membeberkan situs Free Image Header yang Ok sebagai alternative pilihan kamu, namun rupanya banyak juga para newbi yang belum tahu cara Mengganti Header Pada Blogspot. Bagi yang sudah mahir boleh melewati postingan ini, namun bagi yang masih ingin tahu triknya silahkan lanjut bos...!!! Header pada sebuah situs atau blog merupakan identitas yang unik, mungkin template boleh sama tapi tidak dengan header. Usahakan header dibuat beda dan menarik dari yang lain, karena orang yang berkunjung ke blog anda pertamakali pasti akan melototin bagian atas ini. Ada sedikit tips untuk mengganti identitas blog kamu ini, mau tau?

Kenapa mengganti header ini dibilang perlu? Karena kita menggunakan free template yang gratisan kemungkinan ada orang lain juga yang sama menggunakan template tersebut, lalu kalo semua sama gimana cara orang dengan mudah mengingat blog kita? Cossa Aranda saja pernah memposting "Katakan Dengan Header". Gak perlu terlalu bagus, yang penting simple, unik, dan berkelas. Bagi kamu yang tidak mahir dalam urusan desain, gak perlu khawatir kita bisa mendowload image header dari situs-situs gratisan. Kita hanya perlu mengedit dengan menambahkan tulisan title blog kamu dan deskripsi blog kamu.

Oke sebelum kamu menggantinya download dulu header kamu disitu atau disini, jangan khawatir ini gratis. Setelah selesai kamu pilih, sekarang kamu harus menyesuaikan dengan ukuran pada header di blog kamu. Cara mengetauinya cukup mudah, kamu tinggal masuk ke menu pengaturan pada blogger Layout > Edit HTML. Lalu cari kode #header-wrapper, biar gampang pencet saja F3 dan isi kode tersebut pada kotak find. Contoh ukuran header pada blog indotrans ini:

#header-wrapper{ width:973px; height:150px; margin:0px; padding:0px; text-align:left; background:#ffffff; border-bottom:1px solid #c0c0c0; border-top:1px solid #c0c0c0;}

Pada width:973px artinya ini adalah ukuran lebar header blog kamu yaitu 973 pixel, dan height:150px artinya tinggi header kamu yaitu 150 pixel. Maka kamu harus mengubah unkuran header yang kamu download tadi menjadi ukuran tersebut, caranya tinggal resize image dengan bantuan software seperti corel, photoshop, fireworks dsb.

Jika sudah meresize sekarang tinggal menambahkan judul blog kamu, jika kamu ingin menggunakan huruf-huruf yang lebih extrem, tinggal download saja disni. Jika sudah selesai jangan lupa simpan file header kamu, sebaiknya menggunakan format .jpg karena hasil dari file ini kualitas cukup lumayan dan tidak terlalu besar ukuran filenya, ini untuk menghidari loading page kamu yang berat.

Untuk mengupload gambar kamu tadi masuk ke halaman layout, untuk lebih jelasnya lihat gambar di bawah ini:



Klik edit pada bagian elemen header kamu, yang ada judul blog kamu. Pilih menu image button browse from your komputer dan langsung saja browse file header kamu. Untuk pilihan from the web digunakan apabila kamu menyimpannya pada file hosting seperti photobucket, google picassa, dsb. kamu tinggal memasukkan alamat url tempat menyimpan image kamu. Perhatikan gambar berikut:



Pada placement ada pilih button Instead of title and description, jadi image kamu nanti akan menutupi Title dan Description Blog Kamu, sedangkan Behind title and description Title dan Description Blog Kamu akan tetap nampak, dan jangan lupa centang cek box Shrink to fit, ini akan menyusutkan gambar kamu sesuai dengan ukuran header.



Terakhir, klik Save dan lihat hasil pekerjaan kamu.

Happy blogging...!!!

Baca Juga Artikel yang Berkaitan!!!



30 comments

seno said... @ November 1, 2008 5:37 PM

Sangat setuju. Template boleh sama tapi ada ciri spesifik dari blog kita yakni header dan fitur-fitur lain. Salam kenal. Ditunggu kunjungan dan komentarnya.

Ifoel said... @ November 1, 2008 7:01 PM

pas deh... barusan aku juga ganti header..
but hadiahnya babeh.. xixixixi..
(alnya g bisa buat sendiri. he.h.e..he..)

harry said... @ November 1, 2008 7:12 PM

nah ini...ni, yang aku perlukan untuk dicoba...makasih yah kang ilmunya, aku jadi tambah nih ilmu htmlnya......mari dilanjut

andi sukri said... @ November 1, 2008 7:41 PM

waah mantabbhh omm nambah ilmu blogspot lagi neh makasih yah :)

[googleholic] said... @ November 1, 2008 7:54 PM

templetku error,..broth...

Bang Ir said... @ November 1, 2008 8:31 PM

wow...keren nih bang...pasti banyak yang berguna, maksudnya banyak yang mbutuhkan postinini

edisamsuri said... @ November 1, 2008 8:37 PM

Nice info bro

budhe said... @ November 2, 2008 7:51 AM

budhe akan coba... sudah ga' trauma lagi nich.. makasih banyak yach...

Cebong Ipiet said... @ November 2, 2008 7:59 AM

sipz...bagaimana pun karakter dan ciri khas itu perlu

Insomaniaz said... @ November 2, 2008 9:43 AM

Oke dech.. indo-trans telah sedikit berbenah.. insomaniaz kapan ya??
hehehehe... :D

BloGendeng said... @ November 2, 2008 12:56 PM

wah berguna banget,bro. Sippp

Fitriansyah said... @ November 2, 2008 3:01 PM

@All: thank for komentator setia indotrans, tanpa kalian blog ini bukan apa2... :D

Lyla said... @ November 4, 2008 11:30 AM

wahh headerku dah dipatenkan kali sama temen yang bikin jadi gak bisa diganti-ganti

Anthony Harman said... @ November 7, 2008 11:24 AM

Setuju. Template boleh sama, tapi header harus beda. Thanks bro.
Salam kenal

Anonymous said... @ November 9, 2008 9:27 PM

maksih nih infonya,kbtln gw lg latihan bikin blog...mudah2 tampilan berikut sudah tambah siiiiiiiiiiiiiiiiip (akisemar.blogspot)

uglyiben said... @ November 11, 2008 4:27 PM

Mas, blog-nya bisa luas kaya lapangan sepak bola gini gmn caranya? ksh tau donk!!!! soalnya saya masi newbie...

Anonymous said... @ November 15, 2008 11:30 PM

kalo mengubah font yang telah di download giman?

Diah Isti Mona said... @ November 17, 2008 12:23 PM

ThanK's iNFo na Bang..

herdis said... @ December 14, 2008 11:09 PM

tambah infonya

Idam said... @ January 28, 2009 12:21 AM

Baru nemu.Thanks beraaaaatttt....

Hidup Tanpa Tekanan Stres said... @ May 8, 2009 11:08 AM

aduh gw ga bisa ganti header gw nih kasih tw gw cara nya bagaimana membuat header yang uadh gw bikin diphotoshop

bamboo said... @ June 20, 2009 9:47 PM

Terima kasih ats infonya. baru tau aku headernya juga bisa diganti. maklum newbie banget

Lowongan Kerja di Bali said... @ October 5, 2009 9:34 AM

Bisa kasi panduan buat ganti header di wordpress gak?

Lowongan Kerja di Bali said... @ October 5, 2009 9:36 AM

Bisa kasi panduan buat ganti header di wordpress gak?

facebook hacker said... @ October 21, 2009 9:20 PM

boleh dicoba ne kayaknya

facebook hacker said... @ October 23, 2009 10:27 PM

boleh dicoba ne

facebook hacker said... @ October 23, 2009 10:28 PM

boleh dicoba ne

Blogger Kesiangan said... @ March 2, 2010 5:35 AM

keren blognya....
tapi koq navbar (yang dibawah header) jadi ikutan backgroundnya hilang ya???

kalo ada waktu,,, minta tolong jengukin blog aku yang lagi bermasalah itu.. makasih sebelumnya

isesoise said... @ October 13, 2010 3:08 PM

mantapan ini bro....

CIPTADATAMEDIA said... @ October 29, 2010 1:12 PM

trimakasih infonya yah.

Post a Comment

Dapatkan Traffic dan Back Link dengan Memberikan Komentar Anda...