Cara membuat Header Blog modifikasi sendiri

Sering terbersit banyak pertanyaan para blogger, mampukah header dari blog kesayangan kita diubah ya..? Jawabannya..... Bisa...!!!

Langkah pertama yang harus dilakukan adalah upload gambar (tentunya udah di-edit pakai Photoshop ya...) yang akan dijadikan header pada free hosting, misalnya: www.photobucket.com. Jangan lupa untuk daftar dulu (Sign up), baru upload foto yang kita inginkan.

Setelah proses upload berhasil, akan didapatkan alamat header yang akan kita muat di blog kita, untuk contoh yang saya lakukan adalah : http://i1080.photobucket.com/albums/j324/temmy6/gbanner4.jpg

1. Sign in di blogger

2. Klik menu Template

3. Klim menu Edit HTML

4. Copy seluruh kode HTML yang ada lalu paste pada notepad kemudian save, ini sebagai backup data apabila kita melakukan kesalahan dalam proses edtitting template

5. Sisipkan kode berikut pada style sheet css pada tab Edit HTML. Yang warna hitam adalah kode asli dan yang merah adalah kode yang harus di tambahkan

/* Header ----------------------------------------------- */
@media all {
#header {
width:660px;
margin:0 auto 10px;
border:1px solid #ccc;
background:url(http://i1080.photobucket.com/albums/j324/temmy6/gbanner4.jpg);
}
}

6. Klik tombol Pratinjau untuk melihat perubahan

7. Jika sudah OK, klik tombol Simpan Perubahan Template (save template)

8. Selesai.

Jadi deh.....!!! Mudah kan, selamat berkreasi.... ^_^

Read More......